HTML

<ul id="target"> <li>ここの文字がキーボードでタイプしている感じになります。文字制限なし。</li> <li>jquery製プラグインなので、導入が簡単。</li> <li>テキストの表示するスピードを変更できます。数字を変えるだけ。とても簡単。</li> </ul> <div id="outputArea">文字が表示される場所。</div>

JS

$('#target').TypingText({ outputArea : $('#outputArea'),// output text delay : 3500, speed : 35 });

demo

demo

• jsの’touch’と’click’イベントの分岐

• event.typeで’touch’と’click’の分岐はしたくない。ソースの可読性、メンテナンス性が落ちるから。
• いいやり方が見つからないので、結局userAgent（iphone、ipad）で分岐した。
• ↑なので、iphone、ipad以外のtouchデバイスには対応していない。
• ↑だからと言って実行したい関数の中で分岐子なければならないのだろうか。。
• 検索して見つからないってことは分岐する事自体必要ない？？

要模索ですね。

• Custom Query String Reloaded for Wordpress 2.3 with tag support @ MoshuBlog

WP2.9にて動作確認済み。

ポイント

• （今回は）SimpleXMLElementを使った。
• pubDateの日付形式が長いので、形式変換する必要があった。（これは簡単に変換できる。）
• RSSの出力設定はWPの管理画面側で変更可能（WP ver 2.9）（WPすばらしい！）。

背景、経緯。

val = val.replace( /$/g, '★' );

「g」のオプションをつけた時と、つけない時では結果は同じでした。

• js正規表現

偶然見つけた、便利ショートカットキー。

alt + alt

するとランチャーが出現！

リアルタイム検索で欲しいアプリが一瞬で起動できる！
地味に結構使ってます。

奇数行は左。偶数行は右。

• だいたい年に一回は使いたくなるスクリプト。
• 出番は少ないですが、あると便利なはず。
• 気が向けばtableタグだけじゃなくて、任意のタグで囲めるようにするかも。

デモ

« 6月2012年2月

月	火	水	木	金	土	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29

デフォルトの表示

「前の月」「次の月」のリンクが一番下にある。

2012年2月

月	火	水	木	金	土	日
« 6月
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29

PHPコード

function newCalendar() { ob_start(); get_calendar(); $output = ob_get_contents(); ob_end_clean(); $output = str_replace( array("\r\n","\r","\n", "\t"), '', $output ); if( preg_match_all( '@<tfoot>' . '.*?' . '</tfoot>@im', $output, $matches ) ) { preg_match_all( '@<a' . '.*?' . '</a>@im', $matches[0][0], $matches ); if( $matches[0][0] != '' ) $output = str_replace( '<caption>', '<caption>' . $matches[0][0], $output ); if( $matches[0][1] != '' ) $output = str_replace( '</caption>', $matches[0][1] . '</caption>' , $output ); } $output = preg_replace( '@<tfoot>' . '.*?' . '</tfoot>@im', '', $output ); return $output; }// func

/wp-content/themes/(ココは人によって違う)/functions.php

echo newCalendar();

動作環境

※注意点

get_calendar();

inspired by

• WordPressでイベントカレンダー | wpxtreme