Movable Type5の月別アーカイブのmt:Entries内でカスタムフィールドとれないっていうのにはまった。 サイトの全ページに特定ブログの最新記事リストを出力 - MTQ | Movable Type 5 ユーザーコミュニティ にちょっとヒントがあったのだけど、 ブログのコンテキストっていうのが影響するらしい。 というわけで、 <mt:Entries blog_ids="自ブログのID"> とmt:Entriesに自ブログのIDわたして、コンテキストをきち ...

ちょっと状況説明が難しいのだけど、 特定のカテゴリーを親カテゴリーにもつ「カテゴリーアーカイブ」と「エントリー」のみ表示を変えたいときの判定。 カテゴリーアーカイブの場合 <?php //現ページのカテゴリーIDを取得 - get_query_var(’cat’)で現在表示しているカテゴリーアーカイブのIDが返ってくる。 $category_currentID = get_query_var(’cat’); //カテゴリーIDからカテゴリー情報を取得 - get_categoryにカテゴリー ...

iframeのコードでYouTube動画埋め込んだときに、z-indexきかないよ（動画の上になんか要素のるときなど）問題。 safariではcssの通りの挙動になるのだけど、chromeだとiframe（youtube)の内容が最前面にくる。 というのはiframeのsrcに「wmode=transparent」を加えてあげるとよい。 <iframe width="560" height="345" src="http://www.youtu ...

mt:EntryPermalinkや、mt:AssetURLで出力されるのは、http://から始まる絶対パスだけど、 それちょっとヤダなって時に。 <mt:BlogParentWebsite><mt:SetVarBlock name="WebsiteURL"><$mt:WebsiteURL$></mt:SetVarBlock> <mt:Entries> <$mt:EntryPermalink replace=&q ...

別ブログの内容を読み込むときに、「mt:MultiBlog blog_ids=””」とかでID指定するとおもうんだけど、 本番とテストや復元つかってブログ追加したりとかで、IDがかわる場合があって、ちょっと不便。 で、ブログ名からIDを取得してblog_idなどを指定する形にしておく。 （これならテストと本番でblog_idの指定かえなくていいよね） <mt:Blogs include_blogs="site" include_with_website="1&q ...

pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、 ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //<a href="リンク先" ...

pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、 ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //<a href="リンク先" ...

タイトル通りの内容。 地図を登録させるフォームつくる機会があったんだけど、 住所検索だけだと同一番地内などで微妙に位置ずれする。 なので、マーカーで緯度／経度を修正して、 投稿時には ・入力した住所 ・マーカーの緯度/経度 をもらってGoogle Mapsを表示させればいいんじゃないかなという話。 こんな感じ。 http://dl.dropbox.com/u/131731/sample/googlemaps-address_marker.html 2011/11/24：ちょっと改良して、ドラッグ時にパ ...

WordPressの <?php get_calendar(); ?> で表示されるカレンダーを英語表記にするやつ。 単に文字列を置き換えているだけだけど、 jQuery読み込んでいること前提で。 <script type="text/javascript"> $(document).ready(function(){ //yyyy年mm月の置換 $(’#wp-calendar caption’).each(function() { var text ...

タイトルの通りなのだけどIE環境で特定要素に、 $(’div’).fadeIn(’fast’); など、フェード系のメソッド（sideToggleとかいろいろ）かけると、 文字が潰れてジャギジャギなる。 より具体的にいうと、ClearType（Windowsの文字のアンチエイリアシング方式）が無効になるんだそう。 悔しいこれ。 IEでは、透明度を”filter”という独自仕様で指定するのだけど、 コレとフォントのClearTypeが干渉するんだって。 $(’div’).fadeIn(’fast’ ...

<?php //確認用：the_content(); $get_content = preg_replace("(<a href=http://d.hatena.ne.jp/fujimori1981/20110117/.*></a>)","",get_the_content("")); echo apply_filters(’the_content’,$get_content); if (ereg("",$get_content)) { //$get_content内に「」があ ...

WPをインストールしたパス基準のテーマファイルのパスを出力するテンプレートタグってないのかな。。 bloginfo(’template_directory’) だと、「http://〜/wp-content/themes/〜」 になるのだけど、 WPインストールディレクトリ基準（/wp-content/themes/〜）で取得したい。 テーマファイル内の、function.phpに、 function theme_url () { echo str_replace(get_bloginfo(’ur ...

テーマのindex.phpに <?php // /?xml=onでアクセスすると以下の処理。 if ( isset( $_GET["xml"]) == "on" ) { header(’Content-Type: text/xml; charset=’.get_option(’blog_charset’), true); echo "<?xml version=￥"1.0￥" encoding=￥"UTF-8 ...

WPってアップロードした時に、管理画面の設定>メディアで指定したサイズで ・サムネイル ・中サイズ ・大サイズ それぞれの画像が自動的に生成される。 それを利用してカスタムフィールドで登録した画像の生成されたリサイズ画像を取得する。 より個別具体的にいうと、カスタムフィールドで画像登録してlightbox的な事したいんだけど、という時の対応。 これでできたけどスマートかどうかはわからない。 前提 カスタムフィールドの数は10コとする（仮に）。 フィールド名はimage01〜image10 ...

wp_get_archives();で表示される ・2010年3月 ・2009年6月 というのを 2010年 ・3月 2009年 ・6月 みたいな表示にする。 2010年3月等と表示される日本語環境のみ、March 2010とか表示される英語環境だと要修正。 <h3>ARCHIVES</h3> <div class="navi-archives"> <?php //1. 年を抽出して配列に格納 $archives_year = st ...

WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、 <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"><a href="http://d.hatena.ne.jp/fujimori1981/20100313/1268417294" title="〜">〜</a> </li> </ul></li> ...

WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、 <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"><a href="http://d.hatena.ne.jp/fujimori1981/20100313/1268417294" title="〜">〜</a> </li> </ul></li> ...

<?php $page_array = query_posts(’pagename=about’); //ページのタイトルが「about」のものを抽出 $page = array_shift($page_array); //$page_arrayは多次元配列(二次元？）の状態なので最初の配列を抽出 echo $page->post_content; //ここではpost_content(本文）を表示させてる。 ?> query_posts(’page_id=〜’); としてもいい ...

Windowsの右クリックから新規ファイルをつくるっていう機能を、Macでも。 Leopard時代は、 NuFile っていうアプリを使っていたのだけど、Snow Leopardになって動かなくなった。 ので、Automaterのサービスで同じようなものを設定する。 ・指定されたテキストを取得 ・新規テキストファイルのファイル名拡張子 をかえて、いろいろつくっておけば、ほぼNuFileと同じ機能がもてると思われ。

まあ、MTで画像をアップする際に、 MT側でリサイズさせちゃおうという方法ですな。 やっていることは アップした画像をwidth、heightを取得 width、heightを比較して、横長画像か縦長画像か判定 横長なら、横（width）基準で指定サイズにリサイズ 縦長なら、縦（height）基準で指定サイズにリサイズ <mt:If tag="[フィールド名]"> <mt:[フィールド名]Asset> <mt:SetVarBlock n ...

MTで画像に関して、 画像（ファイル）のアップロードはできる ブラウザでその画像のパスにアクセスするときちんと表示される。 のに、 管理画面のアイテムや、カスタムフィールドのプレビューに表示されない （＜img src=”” >みたいになってる、[アイテムを表示]をクリックすると当然ちゃんと表示される） のような場合、そのサムネール画像がきちんと生成されていないということ。 このあたりの画像（管理画面で表示される画像）は、アップした画像のサムネールで、 デフォルトでは、ブログの公開先 ...

fsmenu.js（FreeStyle Menus）というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、 （HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい） mootoolsと同時につかうと、コンフリクトして動作しなくなる（fsmenu.jsが）。 今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、 なんらかの理由で代替できない時の解決方法。 TYPOlight forum - TYPOlight ...

lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。 見れる環境はまだ限定されるけど。 自分のサイトで実装してみた。 811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease ...

lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。 見れる環境はまだ限定されるけど。 自分のサイトで実装してみた。 811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease ...

WordPressで月別アーカイブリストで、 「2009年January」とかなってるのを、「2009/01」に変える。 wp-includes/general-template.php の $text = sprintf(__(’%1$s %2$d’), $wp_locale->get_month($arcresult->month), $arcresult->year); を、 $text = sprintf((’%04d/%02d’), $arcresult->y ...

pd 同階層に〜.pdをつくっておくとobj：〜で関数的に呼び出せる。（Abstraction） list of all Pure Data’s objects. object：metro = metronome。metoro [period] RjDj（objectはrjdj library） require：_main.pd, image.jpg, info.plist image.jpg = 320 x 320 object：soundinput = マイクの音声を使 ...

わかりやすい。 Studio Gyokimae - Puredata初歩の初歩 基礎 Pdには「Edit mode」という概念があり、オン時は編集に、オフ時には演奏にそれぞれ都合の良いようインターフェースの挙動が異なります。 この切り替えは、Editメニュー内の「Edit mode」をチェックするか、Ctrl + Eを押して行います。 Pdのオブジェクトは、オブジェクト上段にinlet（入力）、下段にoutlet（出力）を持ちます。 オブジェクト 存在しないオブジェクト名をタイ ...

RjDj Sprint Tokyo に見学に行くことにした。 Pdなどまったくわからずに。 以下あたりに目を通しておけばいいのだろうか。 理解できるか不安。。 ウノウラボ Unoh Labs: iPhoneアプリRjDjのシーン開発入門 #001 RjDj(Single Album) | My Codex Leicester Pd ドキュメント

先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。 というわけで ■デモ（画像切り替え） http://2244.jp/_demo/flickr/02_background/ 読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。 こんな感じで100%表示すれば ...

Flickr APIのflickr.photosを使うことで、 特定ユーザーの写真 特定タグの写真 特定エリアの写真 などの取得ができるよう。 参考： 第2回　JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ：ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.j ...

http://www.youtube.com/watch?v=2zxL_va72gk という動画があったとすると、この動画のIDは、 「2zxL_va72gk」ですな。 んで、 http://i.ytimg.com/vi/動画のID/〜.jpg と指定するとサムネール画像を取得できるよう。 W：120 x H：90 ( default.jpg, 1.jpg, 2.jpg, 3.jpg ) http://i.ytimg.com/vi/2zxL_va72gk/default.jpg http:/ ...

PrettyPhoto.jsを使ってiframeやインラインコンテンツを読み出す際に、 Windows IE系ブラウザ ページ全体にスクロールが発生している。 prettyPhoto内にスクロールがある。 マウスホイールなどでスクロールさせてる。 という環境下で、 マウスホイールでprettyPhoto内のスクロールを行っていて、 スクロールの始め・終りにあたった時に、 マウスホイールスクロールのフォーカスがページスクロールに移り、 ページがスクロールされて、prettyPhotoなんか ...

タイトル通り。 無駄にjQueryを使ってフェードさせてるのと、全画面になるように。 デモ↓ http://2244.jp/_demo/jquery-loader/01/ JavaScript <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js">& ...

<?php //本文中のhttp://部分を<a href="http://d.hatena.ne.jp/fujimori1981/20090820/1250755379" >〜</a>に。 function auto_link ($text) { return preg_replace(’/([^="￥’>]|^)(https?|ftp)(:￥/￥/[-_.!~*￥’()a-zA-Z0-9;￥/?:￥@&#38;=+￥$,%#]+)/’, ’$1<a href="$ ...

<?php $url = "http://twitter.com/statuses/update.xml?"; $username = "ユーザーID"; $password = "パスワード"; $status = "投稿する内容（日本語・英語OKみたいだけどリンクはダメ）"; $params = "status=". rawurlencode($status); $result = file ...

タイトル通り。 1,000 500 10,500 みたいな改行区切りの数の合計を クリップボードにペーストするAppleScript。 使い方は、 数字をコピー スクリプトを走らせる 任意の箇所にペースト いつもは電卓か、エクセルやNumbersに貼り付けて、合計ってやってたんだけど、 スクリプトメニューでAutomatorのバッチ使っていて、こういうこともスクリプトメニューからできたら便利だなと思い。 初AppleScriptなので、これでいいのかどうかもよくわかってない。。 (* ...

ちょっとやりたい事やってAppleScript調べてみた。 コメント -- インラインコメント (* ブロックコメント *) そんな決まりはないようだけど、なんとなく変数のアタマには_をいれてる（個人的に）。 変数定義 変数定義（数値) set _data to 9 変数定義（文字列） set _data to "hello, world!" _dataを文字列にする set _data to _data as string 配 ...

jQueryで使えるセレクター。全部じゃないけど、自分が使いそうなものだけ。 子要素指定や属性セレクターなど、CSSで指定するとIE6ではNGなのだけどjQuery側から指定すればOK。 CSSセレクター $(”*”) すべての要素 $(”p”) pタグ $(”#id”) id=”#id” $(”.class”) class=”class” $(”.class, #id”) class=”class”とid=”#id” $(”#id div”); #id内のdiv ...

なんて有益なエントリーなんだ！↓ jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ セレクタの実行結果を変数にキャッシュ メソッドチェーンを使う find(),end()を利用 クラス名だけの指定ではなくタグも明示 #idでいいところは#idで 子供セレクタ(>)を使う

なんて有益なエントリーなんだ！↓ jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ セレクタの実行結果を変数にキャッシュ メソッドチェーンを使う find(),end()を利用 クラス名だけの指定ではなくタグも明示 #idでいいところは#idで 子供セレクタ(>)を使う

.htaccess AuthUserFile /.htpasswd AuthGroupFile /dev/null AuthName "guest" AuthType Basic require valid-user #for indexes ---------- Options all IndexOptions FancyIndexing IndexOptions FoldersFirst IndexOptions HTMLTable AuthUserFileはサーバー ...

.htaccess AuthUserFile /.htpasswd AuthGroupFile /dev/null AuthName "guest" AuthType Basic require valid-user #for indexes ---------- Options all IndexOptions FancyIndexing IndexOptions FoldersFirst IndexOptions HTMLTable として、.htaccessでアップロー ...

背景に敷きたい特定のdivなどを画面いっぱいに広げる。 一応できてるっぽいけど、これでいいのだろうか。 ※標準モードとする。 ※widthはCSSで100%でもいいのだけど、高さはJSでやるしかないのか。 var windowWidth = 0; var windowHeight = 0; function resize() { //IEの時の幅と高さを取得 if(navigator.userAgent.indexOf("MSIE") > -1){ windowWidth ...

ホームのパス <?php echo get_option(’home’); ?> テーマディレクトリのパス <?php bloginfo(’template_directory’); ?>

テーマ内のheader.phpを読み込む <?php get_header(); ?> テーマ内のsidebar.phpを読み込む <?php get_sidebar(); ?> テーマ内のfooter.phpを読み込む <?php get_footer(); ?> テーマ内の特定ファイルを読み込む <?php include (TEMPLATEPATH . ’/特定ファイル名.php’); ?>

phpでリダイレクト。 <?php header("Location:http://yahoo.co.jp/"); ?>

本当に今更だけどjQueryなどのライブラリって便利だなー。 ちょっとしたときに使う、画像切り替え（入れ替え）。 ※jQueryは、Google AJAX Libraries APIから。 画像切り替え デモ Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript" ></s ...

GoogleのAJAX Libraries APIを使って、 jQueryやprototypeなどメジャーなライブラリを読み込む。 Google は各ライブラリに取り組んでいる主要な関係者と直接連携をとって、リリースごとに最新の安定したバージョンを受け取っています。 取得したライブラリのリリースをホストした後は、そのリリースを無期限にホストすることをお約束します。 http://code.google.com/intl/ja-JP/apis/ajaxlibs/ <script src=&qu ...

GoogleのAJAX Libraries APIを使って、 jQueryやprototypeなどメジャーなライブラリを読み込む。 Google は各ライブラリに取り組んでいる主要な関係者と直接連携をとって、リリースごとに最新の安定したバージョンを受け取っています。 取得したライブラリのリリースをホストした後は、そのリリースを無期限にホストすることをお約束します。 http://code.google.com/intl/ja-JP/apis/ajaxlibs/ <script src=&qu ...

tableまとめ。 意味や詳細は以下が詳しい。 http://www.tagindex.com/html_tag/table/index.html <table border="0" cellspacing="0" cellpadding="0" width="" bordercolor="#" summary=""> <caption></capti ...