WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for </h1> <ul class="sbm"> <li> </li> <li> </li> </ul> </header> <div class="contents"> <p>15日の<a href="http://www.ustream.tv/recorded/4721906" rel="nofollow">vol.01 ノンプログラマのためのPHP入門</a>はPHPを始めようとしている僕にはとても有意義なものだったのですが、さらに衝撃だったのは、でした。</p> <p></p> <p>前々から存在は知ってましたが、使ったことはありませんでした。使ってみたところこれが超快適･･･！確かにコーディングが3倍速くなるかも知れない。これを知らなかったなんて僕のコーディング人生は何だったんでしょうか。</p> <p>で、わざわざZen-Codingのよさについて書いたところで意味がないので、Zen-Codingについては以下のエントリ等が参考になると思います。</p> <ul> <li> <a href="http://blog.gaspanik.com/coding-with-textmate-and-zencoding" rel="nofollow">TextMate+Zen-Codingで超速コーディング？</a> </li> <li> <a href="http://h2o-space.com/blog/1929" rel="nofollow">HTMLコーディングが3倍速くなる？「Zen-Coding」</a> </li> <li> <a href="http://p15.jp/2009/07/19/145308" rel="nofollow">Coda で Zen-Coding を使う</a> </li> </ul> <h2>ブログ記事をHTMLで書いている人に<del datetime="2010-02-15T18:56:31+00:00">超</del>きっとおすすめ</h2> <p>WordPressの記事をZen-Codingで編集したいなとか話してたんですが、どうやらtextareaでZen-Codingを可能にするライブラリが公式であるんですね･･･そしてこれが素晴らしい出来でブログ記事を書く速さも<del datetime="2010-02-15T18:58:57+00:00">3倍</del>1.5倍くらいになりそうです。特に技術系のブログを書いてる人には手放せないツールになるんじゃないでしょうか。</p> <p>以下WordPressに適用して編集した際のキャプチャです。<a href="http://zen-coding.ru/textarea/" rel="nofollow">公式サンプル</a>そのまんまで申し訳ないですがそういうことです。</p> <p><img src="/wp-content/uploads/2010/02/zen-wordpress1.png" alt="zen-wordpress1" title="zen-wordpress1" width="322" height="97" class="alignnone size-full wp-image-2156"></p> <p>この状態でCmd+E(Ctrl+E)で･･･</p> <p><img src="/wp-content/uploads/2010/02/zen-wordpress2.png" alt="zen-wordpress2" title="zen-wordpress2" width="284" height="448" class="alignnone size-full wp-image-2157"></p> <p>このように展開できます。</p> <h2>WordPressに導入する方法</h2> <p>僕はWPユーザーなので、WordPressに導入する方法を書いておきます。ちなみに、ビジュアルエディタは邪魔なのでオフにしておきます。（どちらでもいいですが）</p> <h3>プラグインを使って導入する</h3> <p>【追記】<a href="http://rewish.org" rel="nofollow">rewさん</a>がプラグイン化してくれました。なかなか登録が完了しないようです･･･</p> <ul> <li> <a href="http://rewish.org/wp/zen_coding" rel="nofollow">WordPressにZen Codingを導入するプラグイン「WP Zen-Coding」</a> </li> </ul> <p>以下は古い内容です。WordPressのバージョンアップに伴って消えるのでプラグインを使ったほうがいいですね。</p> <h3>Zen Coding for <textarea>のダウンロード</h3> <p>まずはソースコードをダウンロードします。</p> <dl> <dt>ダウンロード</dt> <dd> </dd> <dt>公式サンプル</dt> <dd> <a href="http://zen-coding.ru/textarea/" rel="nofollow">Zen Coding for <textarea> Sample</a> </dd> </dl> <h3>WordPressの管理画面で読み込む</h3> <p>ダウンロードしたら解凍して出てくる「zen_textarea.js」か「zen_textarea.min.js」を適当なフォルダにコピーして</p> <ul> <li>/wp-admin/admin-header.php</li> </ul> <p>を開いてたぶん69行目辺りが</head>のすぐ上なので、そこで読み込ませます。</p> <p><img src="/wp-content/uploads/2010/02/zen-wordpress3.png" alt="zen-wordpress3" title="zen-wordpress3" width="450" class="alignnone size-full wp-image-2169"></p> <p>わずか2ステップで実装できてしまいました。ただこの方法だと記事編集画面以外のテキストエリアにも適用されてしまうので、それが嫌な人は<?php if(){} ?>か何かで編集画面でのみ適用するようにするといいでしょう。</p> <h2>タグをあまり使わないWordPressユーザーにははてな記法プラグイン</h2> <p>そんなにタグばっかり使わない人には<a href="http://rewish.org" rel="nofollow">rewish</a>さん作の<a href="http://rewish.org/wp/hatena_notation_plugin" rel="nofollow">はてな記法プラグイン</a>がちょうどいいと思います。テーブルなどもどんどん使えますし、こちらもかなり便利です。</p> <div class="ad"> </div> <div class="sbmbuttons"> <h2>何か役に立つことがあったらシェアしてみてください</h2> <div> <a href="http://b.hatena.ne.jp/entry/https://5509.me/log/zen-coding-for-textarea" class="hatena-bookmark-button" data-hatena-bookmark-title="WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for <textarea>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加" rel="nofollow"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;"></a> <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> </div> </div> <div class="related"> <h2>Related Entries</h2> <ul class="st-related-posts"> <li> <a href="/log/cross-fade-with-rounded-corner-button" title="角丸幅可変ボタンでクロスフェードをする (2009年5月22日)">角丸幅可変ボタンでクロスフェードをする</a> </li> <li> <a href="/log/jquery-and-dom-object" title="知っておくべきjQueryオブジェクトの扱い (2010年6月29日)">知っておくべきjQueryオブジェクトの扱い</a> </li> <li> <a href="/log/ofbnw" title="画像などのファイルを新しいウィンドウ・タブで開くGreasemonkey (2009年9月3日)">画像などのファイルを新しいウィンドウ・タブで開くGreasemonkey</a> </li> <li> <a href="/log/jquery-plugins-have-been-published" title="今までに公開したjQueryプラグイン (2010年8月12日)">今までに公開したjQueryプラグイン</a> </li> <li> <a href="/log/jquery-execution-pattern" title="今さら聞けないjQuery実行パターンまとめ (2010年2月15日)">今さら聞けないjQuery実行パターンまとめ</a> </li> </ul> </div> </div> </div> <footer> <time datetime="2010-02-16T10:15:15+00:00">February 16, 2010</time> <span class="leave"><a href="#respond">Leave a comment</a></span> <nav> <ul> <li class="prev"> <a href="/log/jquery-execution-pattern" rel="prev">Prev</a> </li> <li class="next"> <a href="/log/dotcoder_session1" rel="next">Next</a> </li> </ul> </nav> </footer> <section id="respond" class="comment_form"> <a rel="nofollow" id="cancel-comment-reply-link" href="/log/zen-coding-for-textarea#respond" style="display:none;">Cancel to reply</a> <h2>Leave a comment</h2> </section> <section class="trackbacks" id="trackbacksArea"> <h2>Trackbacks: <span class="count">4</span> </h2> <dl class="info"> <dt>Trackback URL for this entry</dt> <dd class="URL"></dd> <dt>Listed below are links to weblogs that reference</dt> <dd> <a href="/log/zen-coding-for-textarea">WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for <textarea></a> from <a href="/">5509</a> </dd> </dl> <ol class="log"> <li class="alt" id="comment-244"> <header> <span class="name">trackback from <a href="http://www.gnnk.net/155528/" rel="nofollow" class="url">www.gnnk.net</a></span> <time datetime="2010-02-16T10:15:15+00:00">February 16th, 2010</time> </header> <section> <p><strong>[WordPress][zen-coding]WordPressでzen-coding</strong></p> <p>WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for <textarea> :: 5509(+1) で、WordPressでzen-codingを使う方法がありました。 上記の方法だと、コアファイルを編集しているの…</p> </section> </li> <li id="comment-245"> <header> <span class="name">trackback from <a href="http://www.tinybeans.net/blog/2010/02/16-172539.html" rel="nofollow" class="url">かたつむりくんのWWW</a></span> <time datetime="2010-02-16T10:15:15+00:00">February 16th, 2010</time> </header> <section> <p><strong>Zen Coding for を Movable Type で簡単に使うプラグイン</strong></p> <p>5509のnoriさんの記事をみて、Movable Type でも使ってみました。 WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for &l…</p> </section> </li> <li class="alt" id="comment-248"> <header> <span class="name">pingback from <a href="http://blog.washo3.com/2010/02/17/wordpress%e3%81%ae%e8%a8%98%e4%ba%8b%e7%b7%a8%e9%9b%86%e3%81%abzen-coding%e5%b0%8e%e5%85%a5/" rel="nofollow" class="url">WordPressの記事編集にzen-coding導入 | Way2Go</a></span> <time datetime="2010-02-16T10:15:15+00:00">February 16th, 2010</time> </header> <section> <p>[...] WordPress等の投稿もZen-Codingで楽々編集できるJSライブラリ Zen Coding for ＜textarea＞ [...]</p> </section> </li> <li id="comment-249"> <header> <span class="name">trackback from <a href="http://rewish.org/wp/zen_coding" rel="nofollow" class="url">Rewish</a></span> <time datetime="2010-02-16T10:15:15+00:00">February 16th, 2010</time> </header> <section> <p><strong>WordPressにZen Codingを導入するプラグイン「Zen Coding for WordPress」</strong></p> <p>WordPressにZen Codingを導入するプラグイン「Zen Coding for WordPress」をリリース。…</p> </section> </li> </ol> </section> </article> </div> <div class="sub" id="sub"> <section id="author"> <h2>Author</h2> <div class="pic"><img src="" alt="nori"></div> <div class="data"> <dl> <dt>nori</dt> <dd>- UI Engineer</dd> </dl> <dl> <dt>Location</dt> <dd>- , </dd> </dl> <ul class="noicon"> <li> </li> <li> <a href="http://pinboard.in/u:5509/" rel="nofollow">Pinboard (inactive</a> </li> <li> <a href="http://github.com/5509" rel="nofollow">Github (active</a> </li> </ul> </div> </section> <nav id="info"> <h2>Contents Navigations - 1</h2> <ul class="tab"> <li> <a href="#popular">Popular</a> </li> <li> <a href="#recent" class="active">Newest</a> </li> <li> <a href="#comments">Comments</a> </li> <li> <a href="#tags">Tags</a> </li> </ul> <section id="popular"> <h3>Favorited Entries</h3> <ul></ul> </section> <section id="recent"> <h3>Recent Entries</h3> <ul> <li> <a href="/log/gakkari-store" title="アップル（ストア渋谷店）にがっかりした話の顛末">アップル（ストア渋谷店）にがっかりした話の顛末</a> </li> <li> <a href="/log/ui-checkswitch" title="iOS5スタイルのチェックボックス ui.checkSwitch">iOS5スタイルのチェックボックス ui.checkSwitch</a> </li> <li> <a href="/log/jq-ui-checks" title="チェックボックスとラジオボタンのコントローラとスタイリング jq.ui.checks">チェックボックスとラジオボタンのコントローラとスタイリング jq.ui.checks</a> </li> <li> </li> <li> <a href="/log/choosing-use-vendor-prefix-or-not-by-like-hash-for-sass" title="Sassで使うprefixを連想配列ぽいやつで指定して必要なプロパティを吐き出す">Sassで使うprefixを連想配列ぽいやつで指定して必要なプロパティを吐き出す</a> </li> <li> <a href="/log/jq-carousel" title="jq.carouselっていうカルーセルのjQueryプラグインつくった">jq.carouselっていうカルーセルのjQueryプラグインつくった</a> </li> <li> <a href="/log/electronic-billboard-with-marquee-and-css3" title="電光掲示板をあのmarqueeとCSS3のグラデーションで">電光掲示板をあのmarqueeとCSS3のグラデーションで</a> </li> <li> <a href="/log/codekit" title="フロントエンドの開発を加速するCodeKit">フロントエンドの開発を加速するCodeKit</a> </li> <li> <a href="/log/replacing-chromes-useragent" title="Chromeで超簡単にUser Agentを変える方法">Chromeで超簡単にUser Agentを変える方法</a> </li> <li> <a href="/log/jq-typewrite" title="タイプライターっぽいエフェクトを実行できる jq.typewrite">タイプライターっぽいエフェクトを実行できる jq.typewrite</a> </li> </ul> </section> <section id="comments"> <h3>Comments</h3> <ul> <li> <a href="/log/m5simpletextcount#comment-1843">テキストボックスの残り入力文字数をシンプルに表示するjQueryプラグイン m5simpleTextCount</a> () </li> <li> <a href="/log/yui-fonts-px-table#comment-1842">YUI 3のCSS Fontsを使っている場合のフォントサイズ対応表をCSSのコメントに書いておくと便利ですよね</a> (<a href="" rel="nofollow" class="url">javascript forum</a>) </li> <li> <a href="/log/jqselectable#comment-1841">使いやすいセレクトボックスを実装できる jqselectable.js</a> (ましまろ) </li> <li> <a href="/log/exvalidation#comment-1840">どんなフォームにも使えるjQueryのフォームバリデーション exValidation</a> (long) </li> <li> <a href="/log/m5noticedisplay#comment-1839">指定位置までスクロールするとレイヤーをにょきっと表示して注意を引くjQueryプラグイン m5noticeDisplay</a> (<a href="http://nobu.bokushi.jp/" rel="nofollow" class="url">のぶ</a>) </li> <li> <a href="/log/exvalidation#comment-1837">どんなフォームにも使えるjQueryのフォームバリデーション exValidation</a> (matsu) </li> <li> <a href="/log/exvalidation#comment-1836">どんなフォームにも使えるjQueryのフォームバリデーション exValidation</a> (ヒロオ) </li> <li> <a href="/log/skroll#comment-1832">OS X Lionぽいスクロールバーを実装できてiOSにも対応した Skroll.js</a> (キョロ) </li> <li> <a href="/log/skroll#comment-1831">OS X Lionぽいスクロールバーを実装できてiOSにも対応した Skroll.js</a> (<a href="" rel="nofollow" class="url">ダダ</a>) </li> <li> <a href="/log/jqselectable#comment-1830">使いやすいセレクトボックスを実装できる jqselectable.js</a> (<a href="" rel="nofollow" class="url">ひでまん</a>) </li> </ul> </section> <section id="tags"> <h3>Tags</h3> <ul class="tagCloud"> <li class="level6"> <a href="/tag/addevent" title="1 Entries" rel="tag">addEvent</a> </li> <li class="level6"> <a href="/tag/ajax" title="7 Entries" rel="tag">Ajax</a> </li> <li class="level6"> <a href="/tag/android" title="1 Entries" rel="tag">Android</a> </li> <li class="level6"> <a href="/tag/apache" title="1 Entries" rel="tag">Apache</a> </li> <li class="level6"> <a href="/tag/append" title="1 Entries" rel="tag">append</a> </li> <li class="level6"> <a href="/tag/apple" title="1 Entries" rel="tag">Apple</a> </li> <li class="level6"> <a href="/tag/attachevent" title="1 Entries" rel="tag">attachEvent</a> </li> <li class="level6"> <a href="/tag/bettertouchtool" title="1 Entries" rel="tag">BetterTouchTool</a> </li> <li class="level6"> <a href="/tag/bit-ly" title="1 Entries" rel="tag">bit.ly</a> </li> <li class="level6"> <a href="/tag/bookmarklet" title="2 Entries" rel="tag">Bookmarklet</a> </li> <li class="level6"> <a href="/tag/bug" title="1 Entries" rel="tag">bug</a> </li> <li class="level6"> <a href="/tag/calendar" title="1 Entries" rel="tag">calendar</a> </li> <li class="level6"> <a href="/tag/canvas" title="1 Entries" rel="tag">canvas</a> </li> <li class="level6"> <a href="/tag/chrome" title="3 Entries" rel="tag">Chrome</a> </li> <li class="level6"> <a href="/tag/classapi-dom-html5-jquery" title="1 Entries" rel="tag">classapi dom html5 jquery</a> </li> <li class="level6"> <a href="/tag/coda" title="2 Entries" rel="tag">Coda</a> </li> <li class="level6"> <a href="/tag/codekit" title="1 Entries" rel="tag">CodeKit</a> </li> <li class="level6"> <a href="/tag/console" title="1 Entries" rel="tag">console</a> </li> <li class="level6"> <a href="/tag/cookie" title="2 Entries" rel="tag">cookie</a> </li> <li class="level6"> <a href="/tag/css" title="1 Entries" rel="tag">CSS</a> </li> <li class="level6"> <a href="/tag/css3" title="6 Entries" rel="tag">CSS3</a> </li> <li class="level6"> <a href="/tag/debug" title="1 Entries" rel="tag">debug</a> </li> <li class="level6"> <a href="/tag/delicious" title="1 Entries" rel="tag">delicious</a> </li> <li class="level6"> <a href="/tag/delicous" title="1 Entries" rel="tag">delicous</a> </li> <li class="level6"> <a href="/tag/design" title="1 Entries" rel="tag">design</a> </li> <li class="level6"> <a href="/tag/dom" title="3 Entries" rel="tag">DOM</a> </li> <li class="level6"> <a href="/tag/dt" title="9 Entries" rel="tag">dt</a> </li> <li class="level6"> <a href="/tag/edit-in-place" title="1 Entries" rel="tag">Edit in place</a> </li> <li class="level6"> <a href="/tag/exvalidation" title="1 Entries" rel="tag">exValidation</a> </li> <li class="level6"> </li> <li class="level6"> <a href="/tag/firefox" title="4 Entries" rel="tag">Firefox</a> </li> <li class="level6"> <a href="/tag/flash" title="2 Entries" rel="tag">flash</a> </li> <li class="level6"> <a href="/tag/flickr" title="2 Entries" rel="tag">flickr</a> </li> <li class="level6"> <a href="/tag/flipsnap" title="1 Entries" rel="tag">flipsnap</a> </li> <li class="level6"> <a href="/tag/font" title="1 Entries" rel="tag">Font</a> </li> <li class="level6"> </li> <li class="level6"> </li> <li class="level6"> </li> <li class="level6"> </li> <li class="level6"> <a href="/tag/gpu" title="1 Entries" rel="tag">GPU</a> </li> <li class="level6"> <a href="/tag/gradient" title="1 Entries" rel="tag">gradient</a> </li> <li class="level6"> <a href="/tag/greasemonkey" title="5 Entries" rel="tag">Greasemonkey</a> </li> <li class="level6"> <a href="/tag/hootsuite" title="1 Entries" rel="tag">HootSuite</a> </li> <li class="level6"> <a href="/tag/html5" title="4 Entries" rel="tag">HTML5</a> </li> <li class="level6"> <a href="/tag/http%e3%83%aa%e3%82%af%e3%82%a8%e3%82%b9%e3%83%88" title="1 Entries" rel="tag">HTTPリクエスト</a> </li> <li class="level6"> <a href="/tag/ie" title="2 Entries" rel="tag">IE</a> </li> <li class="level6"> <a href="/tag/iframe" title="1 Entries" rel="tag">iframe</a> </li> <li class="level6"> <a href="/tag/ios" title="7 Entries" rel="tag">iOS</a> </li> <li class="level6"> <a href="/tag/ipad" title="1 Entries" rel="tag">iPad</a> </li> <li class="level6"> <a href="/tag/iphone" title="4 Entries" rel="tag">iPhone</a> </li> <li class="level6"> <a href="/tag/jqselectable" title="3 Entries" rel="tag">jQselectable</a> </li> <li class="level1"> <a href="/tag/jquery" title="106 Entries" rel="tag">jQuery</a> </li> <li class="level6"> <a href="/tag/less" title="2 Entries" rel="tag">LESS</a> </li> <li class="level6"> <a href="/tag/lion" title="1 Entries" rel="tag">Lion</a> </li> <li class="level6"> <a href="/tag/lpo" title="1 Entries" rel="tag">LPO</a> </li> <li class="level6"> <a href="/tag/mac" title="5 Entries" rel="tag">Mac</a> </li> <li class="level6"> <a href="/tag/mail" title="1 Entries" rel="tag">mail</a> </li> <li class="level5"> <a href="/tag/memo" title="36 Entries" rel="tag">memo</a> </li> <li class="level6"> <a href="/tag/module" title="1 Entries" rel="tag">module</a> </li> <li class="level6"> <a href="/tag/mod_rewrite" title="1 Entries" rel="tag">mod_rewrite</a> </li> <li class="level6"> <a href="/tag/namespace" title="1 Entries" rel="tag">namespace</a> </li> <li class="level6"> <a href="/tag/node-js" title="1 Entries" rel="tag">Node.js</a> </li> <li class="level6"> <a href="/tag/note" title="7 Entries" rel="tag">note</a> </li> <li class="level6"> <a href="/tag/ogp" title="1 Entries" rel="tag">OGP</a> </li> <li class="level6"> <a href="/tag/os-x-lion" title="1 Entries" rel="tag">OS X Lion</a> </li> <li class="level6"> <a href="/tag/pinboard" title="1 Entries" rel="tag">pinboard</a> </li> <li class="level5"> <a href="/tag/plugin" title="28 Entries" rel="tag">Plugin</a> </li> <li class="level6"> <a href="/tag/pluign" title="1 Entries" rel="tag">pluign</a> </li> <li class="level6"> <a href="/tag/pocket-wifi" title="1 Entries" rel="tag">Pocket Wifi</a> </li> <li class="level6"> <a href="/tag/prefix" title="1 Entries" rel="tag">prefix</a> </li> <li class="level6"> <a href="/tag/removeevent" title="1 Entries" rel="tag">removeEvent</a> </li> <li class="level6"> <a href="/tag/sass" title="2 Entries" rel="tag">Sass</a> </li> <li class="level6"> <a href="/tag/seo" title="3 Entries" rel="tag">SEO</a> </li> <li class="level6"> <a href="/tag/skroll" title="1 Entries" rel="tag">skroll</a> </li> <li class="level6"> <a href="/tag/skype" title="2 Entries" rel="tag">Skype</a> </li> <li class="level6"> <a href="/tag/socialbookmark" title="1 Entries" rel="tag">socialbookmark</a> </li> <li class="level6"> <a href="/tag/spam" title="1 Entries" rel="tag">spam</a> </li> <li class="level6"> <a href="/tag/svn" title="1 Entries" rel="tag">svn</a> </li> <li class="level6"> <a href="/tag/swpnav" title="1 Entries" rel="tag">Swpnav</a> </li> <li class="level6"> <a href="/tag/timing-function" title="1 Entries" rel="tag">timing-function</a> </li> <li class="level6"> <a href="/tag/tips" title="6 Entries" rel="tag">tips</a> </li> <li class="level6"> <a href="/tag/transitions" title="2 Entries" rel="tag">Transitions</a> </li> <li class="level6"> <a href="/tag/tuts" title="13 Entries" rel="tag">tuts</a> </li> <li class="level6"> </li> <li class="level6"> <a href="/tag/ui" title="7 Entries" rel="tag">UI</a> </li> <li class="level6"> <a href="/tag/unko" title="1 Entries" rel="tag">unko</a> </li> <li class="level6"> <a href="/tag/urchin" title="1 Entries" rel="tag">Urchin</a> </li> <li class="level6"> <a href="/tag/user-agent" title="1 Entries" rel="tag">User Agent</a> </li> <li class="level6"> <a href="/tag/userheat" title="1 Entries" rel="tag">UserHeat</a> </li> <li class="level6"> <a href="/tag/userscript" title="1 Entries" rel="tag">UserScript</a> </li> <li class="level6"> <a href="/tag/validation" title="1 Entries" rel="tag">validation</a> </li> <li class="level6"> <a href="/tag/vendor" title="1 Entries" rel="tag">vendor</a> </li> <li class="level6"> <a href="/tag/video" title="1 Entries" rel="tag">video</a> </li> <li class="level6"> </li> <li class="level6"> <a href="/tag/vmwarefusion" title="2 Entries" rel="tag">vmwarefusion</a> </li> <li class="level6"> <a href="/tag/webstorm" title="1 Entries" rel="tag">WebStorm</a> </li> <li class="level6"> <a href="/tag/windows7" title="2 Entries" rel="tag">windows7</a> </li> <li class="level6"> <a href="/tag/wrap" title="1 Entries" rel="tag">wrap</a> </li> <li class="level6"> <a href="/tag/yahoo%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e8%a7%a3%e6%9e%90" title="1 Entries" rel="tag">Yahooアクセス解析</a> </li> <li class="level6"> <a href="/tag/youtube" title="1 Entries" rel="tag">YouTube</a> </li> <li class="level6"> <a href="/tag/yui" title="1 Entries" rel="tag">YUI</a> </li> <li class="level6"> <a href="/tag/zen-coding" title="1 Entries" rel="tag">Zen-Coding</a> </li> <li class="level6"> <a href="/tag/%e3%81%84%e3%81%84%e3%81%ad" title="1 Entries" rel="tag">いいね</a> </li> <li class="level6"> <a href="/tag/%e3%81%86%e3%81%a3%e3%81%8b%e3%82%8a" title="1 Entries" rel="tag">うっかり</a> </li> <li class="level6"> <a href="/tag/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b" title="3 Entries" rel="tag">お知らせ</a> </li> <li class="level6"> <a href="/tag/%e3%81%8c%e3%81%a3%e3%81%8b%e3%82%8a" title="1 Entries" rel="tag">がっかり</a> </li> <li class="level6"> <a href="/tag/%e3%81%af%e3%81%a6%e3%81%aa" title="1 Entries" rel="tag">はてな</a> </li> <li class="level6"> <a href="/tag/%e3%81%be%e3%81%a8%e3%82%81" title="11 Entries" rel="tag">まとめ</a> </li> <li class="level6"> <a href="/tag/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b7%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3" title="3 Entries" rel="tag">アクセシビリティ</a> </li> <li class="level6"> <a href="/tag/%e3%82%a2%e3%83%83%e3%83%97%e3%83%87%e3%83%bc%e3%83%88" title="2 Entries" rel="tag">アップデート</a> </li> <li class="level6"> <a href="/tag/%e3%82%a2%e3%83%83%e3%83%97%e3%83%ab" title="1 Entries" rel="tag">アップル</a> </li> <li class="level6"> <a href="/tag/%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3" title="5 Entries" rel="tag">アニメーション</a> </li> <li class="level6"> <a href="/tag/%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88" title="1 Entries" rel="tag">イベント</a> </li> <li class="level6"> <a href="/tag/%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%a9%e8%a7%a3%e6%b6%88" title="9 Entries" rel="tag">イライラ解消</a> </li> <li class="level6"> <a href="/tag/%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88" title="1 Entries" rel="tag">イラスト</a> </li> <li class="level6"> <a href="/tag/%e3%82%a8%e3%83%95%e3%82%a7%e3%82%af%e3%83%88" title="2 Entries" rel="tag">エフェクト</a> </li> <li class="level6"> <a href="/tag/%e3%82%a8%e3%83%b3%e3%82%b3%e3%83%bc%e3%83%89" title="1 Entries" rel="tag">エンコード</a> </li> <li class="level6"> <a href="/tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba" title="1 Entries" rel="tag">カスタマイズ</a> </li> <li class="level6"> <a href="/tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88" title="1 Entries" rel="tag">カスタムイベント</a> </li> <li class="level6"> <a href="/tag/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%82%bb%e3%83%ac%e3%82%af%e3%82%bf" title="1 Entries" rel="tag">カスタムセレクタ</a> </li> <li class="level6"> <a href="/tag/%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab" title="1 Entries" rel="tag">カルーセル</a> </li> <li class="level6"> <a href="/tag/%e3%82%ac%e3%83%a9%e3%82%b1%e3%83%bc" title="1 Entries" rel="tag">ガラケー</a> </li> <li class="level6"> <a href="/tag/%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5" title="1 Entries" rel="tag">キャッシュ</a> </li> <li class="level6"> <a href="/tag/%e3%82%af%e3%83%ad%e3%83%bc%e3%83%a9%e3%83%bc" title="1 Entries" rel="tag">クローラー</a> </li> <li class="level6"> <a href="/tag/%e3%82%b3%e3%83%b3%e3%83%91%e3%82%a4%e3%83%ab" title="1 Entries" rel="tag">コンパイル</a> </li> <li class="level6"> <a href="/tag/%e3%82%b7%e3%83%b3%e3%82%bf%e3%83%83%e3%82%af%e3%82%b9%e3%83%8f%e3%82%a4%e3%83%a9%e3%82%a4%e3%83%88" title="1 Entries" rel="tag">シンタックスハイライト</a> </li> <li class="level6"> <a href="/tag/%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf" title="1 Entries" rel="tag">ジェネレータ</a> </li> <li class="level6"> <a href="/tag/%e3%82%b9%e3%82%a4%e3%83%83%e3%83%81" title="1 Entries" rel="tag">スイッチ</a> </li> <li class="level6"> <a href="/tag/%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%83%90%e3%83%bc" title="1 Entries" rel="tag">スクロールバー</a> </li> <li class="level6"> <a href="/tag/%e3%82%b9%e3%83%8b%e3%83%9a%e3%83%83%e3%83%88" title="1 Entries" rel="tag">スニペット</a> </li> <li class="level6"> <a href="/tag/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3" title="1 Entries" rel="tag">スマートフォン</a> </li> <li class="level6"> <a href="/tag/%e3%82%b9%e3%83%af%e3%82%a4%e3%83%97" title="1 Entries" rel="tag">スワイプ</a> </li> <li class="level6"> <a href="/tag/%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc" title="1 Entries" rel="tag">セミナー</a> </li> <li class="level6"> <a href="/tag/%e3%82%bd%e3%83%bc%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9" title="1 Entries" rel="tag">ソーシャルサービス</a> </li> <li class="level6"> <a href="/tag/%e3%82%bf%e3%82%a4%e3%83%97%e3%83%a9%e3%82%a4%e3%82%bf%e3%83%bc" title="1 Entries" rel="tag">タイプライター</a> </li> <li class="level6"> <a href="/tag/%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89" title="1 Entries" rel="tag">ダウンロード</a> </li> <li class="level6"> <a href="/tag/%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9" title="1 Entries" rel="tag">チェックボックス</a> </li> <li class="level6"> <a href="/tag/%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab" title="1 Entries" rel="tag">チャットスタイル</a> </li> <li class="level6"> <a href="/tag/%e3%83%86%e3%83%bc%e3%83%9e" title="1 Entries" rel="tag">テーマ</a> </li> <li class="level6"> <a href="/tag/%e3%83%87%e3%83%90%e3%83%83%e3%82%b0" title="1 Entries" rel="tag">デバッグ</a> </li> <li class="level6"> <a href="/tag/%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e7%a7%bb%e8%bb%a2" title="1 Entries" rel="tag">ドメイン移転</a> </li> <li class="level6"> <a href="/tag/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3" title="4 Entries" rel="tag">ナビゲーション</a> </li> <li class="level6"> <a href="/tag/%e3%83%8d%e3%82%bf" title="4 Entries" rel="tag">ネタ</a> </li> <li class="level6"> <a href="/tag/%e3%83%90%e3%83%83%e3%82%af%e3%82%a2%e3%83%83%e3%83%97" title="1 Entries" rel="tag">バックアップ</a> </li> <li class="level6"> <a href="/tag/%e3%83%91%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%b3%e3%82%b9" title="1 Entries" rel="tag">パフォーマンス</a> </li> <li class="level6"> <a href="/tag/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0" title="17 Entries" rel="tag">フォーム</a> </li> <li class="level6"> <a href="/tag/%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%82%a8%e3%83%b3%e3%83%89" title="1 Entries" rel="tag">フロントエンド</a> </li> <li class="level6"> <a href="/tag/%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6" title="2 Entries" rel="tag">ブラウザ</a> </li> <li class="level6"> <a href="/tag/%e3%83%96%e3%83%ad%e3%82%b0" title="1 Entries" rel="tag">ブログ</a> </li> <li class="level5"> <a href="/tag/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3" title="23 Entries" rel="tag">プラグイン</a> </li> <li class="level6"> <a href="/tag/%e3%83%97%e3%83%ad%e3%82%ad%e3%82%b7" title="1 Entries" rel="tag">プロキシ</a> </li> <li class="level6"> <a href="/tag/%e3%83%9e%e3%83%ab%e3%83%81%e3%83%97%e3%83%ab%e3%82%bb%e3%83%ac%e3%82%af%e3%83%88" title="1 Entries" rel="tag">マルチプルセレクト</a> </li> <li class="level4"> <a href="/tag/%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%93%e3%83%aa%e3%83%86%e3%82%a3" title="40 Entries" rel="tag">ユーザビリティ</a> </li> <li class="level6"> <a href="/tag/%e3%83%aa%e3%82%af%e3%83%aa" title="1 Entries" rel="tag">リクリ</a> </li> <li class="level6"> <a href="/tag/%e3%83%ad%e3%82%b4" title="1 Entries" rel="tag">ロゴ</a> </li> <li class="level6"> <a href="/tag/%e5%8b%95%e7%94%bb" title="1 Entries" rel="tag">動画</a> </li> <li class="level6"> <a href="/tag/%e5%90%8d%e5%88%ba" title="1 Entries" rel="tag">名刺</a> </li> <li class="level6"> <a href="/tag/%e5%90%8d%e5%89%8d%e7%a9%ba%e9%96%93" title="1 Entries" rel="tag">名前空間</a> </li> <li class="level6"> <a href="/tag/%e5%91%8a%e7%9f%a5" title="1 Entries" rel="tag">告知</a> </li> <li class="level6"> <a href="/tag/%e6%83%85%e5%a0%b1%e8%a8%ad%e8%a8%88" title="1 Entries" rel="tag">情報設計</a> </li> <li class="level6"> <a href="/tag/%e6%96%87%e5%ad%97%e3%82%b3%e3%83%bc%e3%83%89" title="1 Entries" rel="tag">文字コード</a> </li> <li class="level6"> <a href="/tag/%e6%96%87%e5%ad%97%e5%8c%96%e3%81%91" title="1 Entries" rel="tag">文字化け</a> </li> <li class="level6"> <a href="/tag/%e6%9c%aa%e5%ae%8c%e6%88%90" title="1 Entries" rel="tag">未完成</a> </li> <li class="level6"> <a href="/tag/%e7%84%a1%e6%96%99%e3%83%84%e3%83%bc%e3%83%ab" title="1 Entries" rel="tag">無料ツール</a> </li> <li class="level6"> <a href="/tag/%e7%bf%bb%e8%a8%b3" title="1 Entries" rel="tag">翻訳</a> </li> <li class="level6"> <a href="/tag/%e8%91%97%e6%9b%b8" title="2 Entries" rel="tag">著書</a> </li> <li class="level6"> <a href="/tag/%e8%aa%b0%e5%be%97" title="3 Entries" rel="tag">誰得</a> </li> <li class="level6"> <a href="/tag/%e9%80%a3%e8%bc%89" title="1 Entries" rel="tag">連載</a> </li> <li class="level6"> <a href="/tag/%e9%96%8b%e7%99%ba" title="2 Entries" rel="tag">開発</a> </li> <li class="level6"> <a href="/tag/%e9%96%a2%e8%a5%bf%e5%bc%81" title="1 Entries" rel="tag">関西弁</a> </li> </ul> </section> <section id="awasete"> <h3>Awasete</h3> </section> </nav> </div> </div> <div class="bottom_archives"> <nav> <h2>Contents Navigations - 2</h2> <div class="categories"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"> <a href="/category/css" title="View all posts filed under CSS">CSS</a> </li> <li class="cat-item cat-item-4"> <a href="/category/diary" title="View all posts filed under Diary">Diary</a> </li> <li class="cat-item cat-item-63"> <a href="/category/dotcoder" title="View all posts filed under dotcoder">dotcoder</a> </li> <li class="cat-item cat-item-5"> <a href="/category/ec-cube" title="View all posts filed under EC-CUBE">EC-CUBE</a> </li> <li class="cat-item cat-item-93"> <a href="/category/gadget" title="View all posts filed under Gadget">Gadget</a> </li> <li class="cat-item cat-item-6"> <a href="/category/html" title="View all posts filed under HTML">HTML</a> </li> <li class="cat-item cat-item-7"> <a href="/category/javascript" title="View all posts filed under JavaScript">JavaScript</a> </li> <li class="cat-item cat-item-25"> <a href="/category/mac" title="View all posts filed under Mac">Mac</a> </li> <li class="cat-item cat-item-9"> <a href="/category/movabletype" title="View all posts filed under MovableType">MovableType</a> </li> <li class="cat-item cat-item-59"> <a href="/category/notification" title="View all posts filed under Notification">Notification</a> </li> <li class="cat-item cat-item-95"> <a href="/category/others" title="View all posts filed under Others">Others</a> </li> <li class="cat-item cat-item-11"> <a href="/category/php" title="View all posts filed under PHP">PHP</a> </li> <li class="cat-item cat-item-213"> <a href="/category/sass" title="View all posts filed under Sass">Sass</a> </li> <li class="cat-item cat-item-12"> <a href="/category/web" title="View all posts filed under WebDev">WebDev</a> </li> <li class="cat-item cat-item-13"> <a href="/category/wordpress" title="View all posts filed under WordPress">WordPress</a> </li> </ul> </div> <div class="archives"> <h3>Archives</h3> <dl> <dt> <a href="/log/2012">2012</a> </dt> <dd> <a href="/log/2012/1">1</a> <a href="/log/2012/2">2</a> <a href="/log/2012/3">3</a> <a href="/log/2012/4">4</a> <span>5</span> <span>6</span> <span>7</span> <span>8</span> <span>9</span> <span>10</span> <span>11</span> <span>12</span> </dd> <dt> <a href="/log/2011">2011</a> </dt> <dd> <a href="/log/2011/1">1</a> <a href="/log/2011/2">2</a> <a href="/log/2011/3">3</a> <a href="/log/2011/4">4</a> <span>5</span> <a href="/log/2011/6">6</a> <a href="/log/2011/7">7</a> <a href="/log/2011/8">8</a> <a href="/log/2011/9">9</a> <a href="/log/2011/10">10</a> <a href="/log/2011/11">11</a> <a href="/log/2011/12">12</a> </dd> <dt> <a href="/log/2010">2010</a> </dt> <dd> <a href="/log/2010/1">1</a> <a href="/log/2010/2">2</a> <a href="/log/2010/3">3</a> <a href="/log/2010/4">4</a> <a href="/log/2010/5">5</a> <a href="/log/2010/6">6</a> <a href="/log/2010/7">7</a> <a href="/log/2010/8">8</a> <a href="/log/2010/9">9</a> <span>10</span> <a href="/log/2010/11">11</a> <a href="/log/2010/12">12</a> </dd> <dt> <a href="/log/2009">2009</a> </dt> <dd> <a href="/log/2009/1">1</a> <a href="/log/2009/2">2</a> <a href="/log/2009/3">3</a> <a href="/log/2009/4">4</a> <a href="/log/2009/5">5</a> <a href="/log/2009/6">6</a> <a href="/log/2009/7">7</a> <a href="/log/2009/8">8</a> <a href="/log/2009/9">9</a> <a href="/log/2009/10">10</a> <a href="/log/2009/11">11</a> <span>12</span> </dd> <dt> <a href="/log/2008">2008</a> </dt> <dd> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> <a href="/log/2008/6">6</a> <a href="/log/2008/7">7</a> <a href="/log/2008/8">8</a> <a href="/log/2008/9">9</a> <a href="/log/2008/10">10</a> <a href="/log/2008/11">11</a> <a href="/log/2008/12">12</a> </dd> </dl> </div> </nav> </div> <footer> <div class="pagetop"> <a href="#gogo">Pagetop</a> </div> <div class="info"> <p class="powered">Proudly Powered by <a href="http://wordpress.org" rel="nofollow">WordPress</a>. Some social media icons by <a href="http://paulrobertlloyd.com/2009/06/social_media_icons" rel="nofollow">Paul Robert Lloyd</a>.</p> <p>This site except source codes is under the <a href="http://creativecommons.org/licenses/by-nc/2.1/jp/" rel="nofollow">CC-BY-NC</a> and source codes are under the <a href="http://5509.mit-license.org/" rel="nofollow">MIT License</a></p> </div> </footer> <script type="text/javascript"> var wpPageRizeClassName = "article.entry"; var wpPageRizeDefaultCondition = "0"; var wpPageRizeCustomInsertPos = "autopagerize_insert_before"; var wpPageRizeLoadingMethod = "0"; var wpPageRizeButtonValue = "Next page..."; var wpPageRizeFullPath = "https://5509.me/wp-content/plugins/wp-autopagerize/"; var wpPageRizeCallback = function() { $('pre[name="code"]').each(function(){ var $this = $(this), text = $this.text(), reg = /^[\n\t]*/; if(text.match(reg)){ $this.text(text.replace(reg,'')); } }); $('pre').addClass('prettyprint'); prettyPrint(); articles = $("article"); } </script> <script type="text/javascript" src="/wp-content/plugins/wp-autopagerize/wp-autopagerize.js"></script> <script src="/js/lib/components.js"></script> <script src="/js/lib/fixscroll.js"></script> <script src="/js/config.js"></script> <script> FixScroll("info", { parent: "container", topBorder: "self", bottomBorder: "infinite" }); </script> </body> </html>