入力補完を手軽に行えるJavaScriptライブラリ「suggest.js」 【feedpost tips】
先日リリースしたTumblr用ツール「feedpost」で採用している技術を紹介するシリーズ。5回目は入力欄での入力補完を実装するためのJavaScriptライブラリ「suggest.js」。 候補としては他に、 suggest.js jQuery UI Autocomplete jquery.suggest などがありましたが、仕様を整理して検討したところ、 Ajax通信で取得する必要は無い。ページ読み込み時のリストで十分。 UIやデザインが凝っている必要は無い。 読み込みライブラリ数は少なければ少ないほど良い。 ということになり、候補の中で最もシンプルな「suggest.js」を採用するに至りました。「feedpost」で使用するJavaScriptライブラリはすべてjQueryプラグインに限定しようと考えていたのですが、jQueryプラグインとしてリリースされているものは大体高機能す
[feedpost] タグ入力に補完機能を追加しました。
RSSフィードを読み込み、ワンクリックでTumblrへpost/reblogすることが出来るツール「feedpost」に、 タグ入力の補完機能を追加しました。 feedpost – post/reblog to Tumblr with RSS Feed. これまでにfeedpostを使ってpostまたはreblogした時に使用したタグ入力履歴から、タグ入力欄に入力した文字に従って入力補完を行います。 上のサンプル画像では「d」を入力した際に、部分一致でヒットするタグ一覧がリスト表示されています。一覧に表示されたタグは、マウスまたはキーボードの上下とEnterキーで選択・入力することが出来ます。 また、複数タグの入力も可能です。 reference この機能を実装するにあたり次のライブラリを使用しました。 suggest.js – 入力補完ライブラリ またいずれ別記事で取り上げる予定ですが、
![[feedpost] タグ入力に補完機能を追加しました。](https://cdn-ak-scissors.b.st-hatena.com/image/square/546a62a2ea3f21079699ad8d7f4b8c158b29dc95/height=288;version=1;width=512/https%3A%2F%2Fnplll-static.s3-ap-northeast-1.amazonaws.com%2Fassets%2F2014%2F03%2F15_01.jpg)
Twitter経由でエントリをはなブックマークに投稿するときにタグも含める
はてなブックマークで外部機能との連携を設定すると、 TwitterでURLをつぶやいたときにはてなブックマークへそのままポストすることが出来ます。 ↓ Twitterには「タグ」という概念はありませんが（ハッシュタグがタグって言えばそうだけど）、つぶやきの先頭で「[]」でくくられた語句があると、それをタグと認識してくれます。 このブログの場合、Twitterへの投稿にはFriendFeedを使っていて、FriendFeedは設定しておいたRSSを読み込んでいるので、そのRSSで吐き出されるエントリのタイトルを、 [タグ] タイトル と言う形式にしておけば、はてなブックマークにポストされたときにタグとして認識されるわけです。 こんな感じ。 ↓ タイトルをいちいち変更するのは面倒出し見栄えも微妙なので、RSSのみそのように書き出されるようにしてみます。つまり、自動的にタイトルの先頭にタグを付け
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ニコニコ動画 タグ検索 RSS+
ニコニコ動画の今がわかる！『トレンドタグ』‐ニコニコインフォ
