Twitterの@Anywhereを使ってつぶやけるだけのクライアントを作る

どんだけ話題に乗り遅れてるねんっていう話なんですけど、いまさら@Anywhereを使ってみました。

きっかけは、つぶやけるだけの俺俺クライアントがほしくて、Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ – Rewishでなんとなく出来ることは読んでいた@Anywhereで十分やんじゃあつくれるな、という理由です。

はっきり言ってChrome(Windowsだけ)のアプリケーション登録がないとまったく使えないしょうもないやつです。でもアプリケーション登録すればキャプチャみたいに使えます。結構便利。

JavaScriptだけで作れるので、JavaScriptしかわからないけどちょっとやってみたい人にはちょうどいい感じかもです。

データを扱うテーブルなどにインクリメンタルサーチをjQueryを利用して実装する

返ってくる結果が膨大になりがちな検索結果(特に管理画面など)などでは、そこからさらにデータを絞り込みを行いたい場合もあるかと思います。毎回ページの遷移があったのではユーザーの負担になりがちです。

そこでjQueryを利用してインクリメンタルサーチを実装する方法をメモもかねて紹介します。

先日、iPhone風のテキストボックスの文字を消去するボタンを実装するチュートリアルを書いたのですが、どうやらSafariの独自実装でinput type=”search”というのがあるんですね。全然知らなかった…じゃあいっそのことplaceholderも付けてinput type=”search”っぽくしてみようということで、delval.jsをちょちょっと変えてinput type=”search”ぽい検索窓を実装してみます。これもかなり簡単にできるので、じゃあチュートリアル…？？

左が今回作ったサンプルで、右がSafari独自実装のinput type=”search”。そっくり！

サンプル – サンプルの下にあるINPUTをSafariで見ると…！
サンプルファイルのダウンロード

jQueryプラグインのメリットは

といったところでしょうか。

まずは前回最後のサンプルを見てください。

サンプルを見ればわかるように
ニュースティッカーの実装まではできましたが不具合があるようです。

よくあるパターンは最後が表示されると最初に戻るというものです。
これを実装してみようと思います。