サジェスト+Ajaxでタグがスムーズに入力できるjQueryプラグイン「Tag-it!」
タグ入力を補完してくれるjQueryプラグインは探すと結構あったのですが、日本語でサジェストが上手くいかなかったり、CSSでスタイルがカスタマイズできなかったりと色々問題がありまして、最終的にこの「Tag-it!」 に落ち着きました。
- 投稿日
- 更新日
タグ入力を補完してくれるjQueryプラグインは探すと結構あったのですが、日本語でサジェストが上手くいかなかったり、CSSでスタイルがカスタマイズできなかったりと色々問題がありまして、最終的にこの「Tag-it!」 に落ち着きました。
自分のブログにTwitterを表示するは当たり前になりつつありますが、「便所なう」とか「トイレなう」とかどうでもいいことまでブログに表示されるのはちょっとあれですね。
そこで専用のハッシュタグをつけてツイートすれば、自分の指定したつぶやきだけ表示できるのでいいかんじかもしれません。
クライアント側でイベント情報などの予定をWeb上にのせたいとき、一からシステムを開発する他、最近ではGoogleカレンダーを自サイトに埋め込むという方法もありますね。
でもそれだとデザイン的にあれだよね。ということでjQueryを使用してお手軽にGoogleカレンダー予定を時系列順に表示する方法をご紹介します。
急速にTwitterが広がり、会社のTwitterはもちろん最近では営業一人一人がTwitterのアカウントを持っているケースもあるのではないでしょうか。
ここではjQueryを使用してばらばらのTwitterアカウントのつぶやきをまとめて表示する方法をご紹介します。
Twitterのつぶやきを表示しているWebサイトがだいぶ多くなってきた昨今。イベントサイトなどでは特定のハッシュタグのつぶやきを表示するといった使い方もされているようです。
ということでこの記事ではjQueryを使用して指定したハッシュタグのつぶやきを取得して表示してみます。
YQLはSQLのような言語を使用して、さまざまなWebサービスからxmlやjson形式でデータを取得することができる米yahooのサービスです。
また、xmlをjavascriptで扱いやすいjsonなどのフォーマットに変換もしてくれるみたいです。
このサービスを利用してWordpressのrssをYQLでjsonに変換してjQueryで取得するということをしてみます。
javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。
似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。
そこで入門編と題して(入門編しかない!)改めて基礎から勉強していけたらと思います。