ブログを開設してから1ヶ月ちょっとだが、はてブされるエントリが出てきたので、ブログ内で被はてブ数を表示させるようにしてみる。ブックマーク数を画像で取得するAPIによると、被はてブ数のアイコンを表示させるには
<img src="http://b.hatena.ne.jp/entry/image/エントリーのURL" />
というimgタグを使えばいい。さらに、アイコンを該当するはてブにリンクさせるには
<a href="http://b.hatena.ne.jp/entry/エントリーのURL"> <img src="http://b.hatena.ne.jp/entry/image/エントリーのURL" /> </a>
というaタグで囲めばいい。
まずはここまでを実現するJavaScriptを書いてみる。
Continue reading »
フォームで入力可能な文字種を制限したい場合に使えるjQueryのプラグインを作ってGitHubにアップしてみた。使い方は至って簡単。jQuery本体とjquery.klimit.jsをHTMLに読み込んで、キー入力制限をしたいフォーム（inputタグ）のclass属性にklimit-*を追加するだけ。
プラグインでデフォルトで用意したクラスは以下の通り。
klimit-digit：10進数のみ入力可能klimit-hex：16進数のみ入力可能klimit-lower：英小文字のみ入力可能klimit-upper：英大文字のみ入力可能klimit-alpha：英字のみ入力可能klimit-alnum：英数字のみ入力可能klimit-graph：英数字と記号のみ入力可能klimit-mail：メールアドレスに使用できる文字のみ入力可能klimit-hexやklimit-graphは用途があるか疑問だが…。
node.jsはソースコードに加えて、Windows版、Mac版のインストーラが用意されているが、なにせnode.jsは今のなお開発進行形で頻繁にバージョンアップがされており、その都度アンインストール／再インストールするのは非常に面倒だ。node.jsはRubyの影響を強く受けているのか、RVM（Ruby Version Manager）と同じようなNVM（Node Version Manager）というバージョン管理システムが用意されている。開発環境としてはNVMを利用してnode.jsを自動インストールする方が便利だ。
本ブログの検索窓（画面右上）のように、カーソルを合わせると文字が消えるフォームは最近よく見かける。jQueryを使ってこのフォームを作るにはどうしたらいいか。基本テクニックと応用テクニックを紹介しておこう。
コンテンツ上にあるリンク先に飛んだ後、いちいちブラウザの「戻る」操作をするのが面倒なので、リンクを右クリックして「リンクを新しいタブで開く」習慣は誰でもあるだろう。この右クリックという操作自体が煩わしくなってきたので、とりまこのブログ内だけでもなんとか自動化できないかとjQueryを組んでみる。