Twitter Bootstrapをカスタマイズしたり、jQuery UI, jQuery Mobileで使ったり、PhotoshopやFireworkの素材として利用したり、WordPressのテーマなど、もっと活用するためのリソースをWeb Resources Depotから紹介します。 まずは、Twitter Bootstrapから。
こんにちは、セブ山です。 みなさんはTwitterでどんなつぶやきをしていますか? おそらく、今日の予定をつぶやいたり、ランチの写真をアップしたり、あなたの「今」を仲の良い友達に向けてつぶやいていることでしょう。 しかし、本当にそのツイートはあなたの友達だけが見ているのでしょうか? もし、知らない誰かにあなたのつぶやきを覗かれていたとしたら…? つぶやいた内容を手掛かりに個人を特定されてしまうかもしれませんよ!? 今回は、そんな個人情報垂れ流し社会に警鐘を鳴らす実験をおこないます!! ■ルール説明 1.Twitterの検索機能を使って「渋谷なう」とつぶやいているアカウントを探します。 2.「渋谷なう」の検索結果をもとに、さらに詳細な個人情報を垂れ流しているアカウントを割り出します。 3.そのアカウントのつぶやきをこっそり監視して、個人を特定し、実際に捕まえるためにハンター(セブ山)が渋谷の
スクロールパネルを実装するjQueryプラグイン「jScrollPanel」を使用して、指定したユーザー(複数指定可)のTLをコンパクトに表示する方法が掲載されています。 マウスホイールイベントをJSで制御するjQueryプラグイン「jquery.mousewheel.js」を使用することで、マウスホイールでスクロールできるようになっています。 鳥アイコンやデザインはCSSで変更できるようになっています。角丸は画像でなく、CSS3を使用して実装されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml
※2012.10.11現在Twitter API変更によりこの方法は使用できなくなりました。 新API(var1)に対応した方法は下記をご覧ください。 2012年10月 Twitter APIの変更によりjQueryでつぶやきが表示できなくなったので解決策 まずは読み込むべきデータの確認をしてみましょう。 下記のURIで自分のタイムラインの情報を見ることができます。[USERNAME]には自分のアカウント名に置き換えてください。 http://twitter.com/statuses/user_timeline/[USERNAME].json データはjsonの他にもxml、rssなど取得できます、最後のjsonの拡張子を変えるだけでそれぞれのフォーマットで取得できます。 今回は処理が速いといわれるjson形式で取得してみます。 他にもフォロアーのタイムラインやリストなども取得できますが、
TWITTER BOOTSTRAP Bootstrap is Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more. To get started -- checkout http://twitter.github.com/bootstrap! Usage You can use Twitter Bootstrap in one of two ways: just drop the compiled CSS into any new project and start cranking, or run
最近、仕事で英語のドキュメントを書くことが増え、英語力の落ちを痛感しているLilacです。2年間米国留学して、毎日あれだけの英語にさらされていても、やはり20代以降に覚えた言葉は、読んでいないと単語や表現をどんどん忘れるし、ワードチョイスの正しい感覚も薄れる。しかし忙しいビジネスマンだと、なかなか英語の文章を意識的に読む時間が取れないもの。そこで、最近は英語ニュースをTwitterでフォローし、仕事の合間などに面白そうなのを拾って読む、面白かったら簡単な日本語をつけてRTする、というのを開始した。今まで英字新聞を購読、iPadでエコノミスト購読、などいろいろやってたけど、Twitterでフォローして読むほうが断然面白くてはまっており、順調に英語ニュースを読む時間を取れているところ。おすすめです。 何故Twitterの方がはまるのか、というと、複数ソースから読みたいものを選んで読めるのが一番
このウェブサイトは販売用です! twiwt.org は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、twiwt.orgが全てとなります。あなたがお探しの内容が見つかることを願っています!
ruby on rails では簡単にtwitterやfacebookと認証ができるライブラリがあります。 それがomniauthです。 Twitterdeveloperに登録する Twitter Developer 上記から入って登録していきます。 今回必要なのは赤枠でくくっている。 ・Consumer key ・Consumer secret ・Callback URL※戻り先のURL Facebookdeveloperに登録する Facebook Developer 上記から入って登録していきます。 ここで必要なのは赤枠の部分です。 ・App ID ・App Secret Gemのインストール gemでomniauthをインストールします。 gem 'omniauth' 後は、ライブラリをインストールします。 bundle install nokogiriのinstallエラー li
1ヶ月ほどまえに、私はシリコンバレーを訪れたのだが、そのときサンフランシスコの本社で Twitter の採用面接を受けてきた。結果は残念、ということだったのだが、その経緯について書いてみようと思う。 なぜ Twitter 社の面接を受けたのか。7月の終わりころ、私はシリコンバレーで働くにはどうすべきなのか、ということについて頭を悩ませていた。考えながらぼうっと Twitter のタイムラインを眺めていたのだが、Twitter が日本人エンジニアを求人しているという情報が飛び込んできた。おお〜、と思って軽い気持ちで職務経歴書を Twitter に送ってみたのだ。 相当数の人たちが職務経歴書を送ったはずだし、私は書類選考で落とされると高をくくっていた。ところが、数日してTwitter の人事担当者からメールがあり、電話面接をやるからいつがいいか?という。まさかの展開に私はやや慌てた。電話面接を
新しく、Twitterで正式に画像アップロードのAPIが提供されたそうで。 POST statuses/update_with_media (deprecated) | Twitter Developers 早速使ってみた。 てすと URL 2011-08-16 13:39:21 via sugyan APIから画像あげてみるテスト URL 2011-08-16 13:42:39 via sugyan "pic.twitter.com/*******"というURLで投稿され、それぞれのTweet URLでそのまま画像が見える。逆に未対応のクライアントソフトだと画像付きTweetだと認識してもらえずちょっと不便だったり… 各言語のライブラリ側での対応もまだ少し時間はかかりそう。"multipart/form-data"で送らないといけない、ということでOAuth headerだけつけてリクエ
とうとう本日、現時点では最強のChrome拡張機能がリリースされました。(ちなみに、7月28日にFirefoxアドオン版もでました。) それがこのStart G+です。 インストールすると、右上にアイコンが追加されます。そのアイコンをクリックすると、Start G+のメニューが表示されます。 Twitter Loginをクリックしてtwitterアカウントの認証を行い、Facebook Loginで同様にFacebookの認証を行います。 すると、メニューがこのように変わります。 このメニューでは、Google+のストリームにtwitterのタイムラインやFacebookのウォールを含めるかどうかを設定できます。 早速ストリームを見てみますと、 twitterからのツイートと、FacebookからのアップデートがGoogle+のストリームに混ざって表示されていることがわかります。 では、次
<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2
Twitterガジェットです。 「Twitter Widgets」から利用できます。 「自分のTL」「検索結果TL」「ふぁぼTL」「リストTL」の4つが選べます。 自分のTLです。 私みたいにさりげなく自分をアピールしたい方にもってこいですね。 埋め込み例: 検索結果TLです。 これは使い方がかなりありそうです。 たとえば上記画像のように自分のサイトURLの一部をいれておくとTwitterでの反響がわかります。 他には気になるキーワード、たとえば「iPhone」や「Google」などいれておくと、それらの最新情報が流せます。 埋め込み例: ふぁぼTLです。 自分のお気に入りを表示させるガジェット。 他人の面白い発言などをみんなにお知らせできますね。 埋め込み例: リストTLです。 リストを使うことで、自分を含めた他ユーザ交じりのTLが作られますね。 他にも有益な情報を流してくれる人やbot
ここ最近、Google App EngineやHerokuを使ってTwitter Botを作ろうと、いろいろ実験していた。以下はその関連記事。 Google App EngineのJRubyでSinatraを使ってHello worldする RubyでTwitterのOAuth認証に必要なトークンを取得する Google App EngineのJRubyでSinatraからTwitterにつぶやけなかった HerokuでSinatraを使ってHello worldする HerokuアプリをGitHubにもプッシュする HerokuとGitHubの両方にプッシュする時の秘密にしたい値の扱い HerokuのSinatraでTwitterにつぶやく Herokuのcronを使って自動でTwitterにつぶやく で、これらを踏まえた試行錯誤の結果、HerokuとSinatraの組み合わせで目的のも
【2010-02-28 追記】 いつの間にやら結構な数のブックマークをして頂いて、 情報が古いままでは心苦しいので、1年ぶりくらいになってしまいましたが、情報を更新しました。 思ったほど変更はなかったのでよかったです。 〜〜 ここから元々の本文 〜〜 http://apiwiki.twitter.com/Twitter-API-Documentation の「Search API Methods」について のメモですが、 英語がかなり苦手なので、間違ってるとこもあるかもしれません。 あと、大してtwitterを使ってなかったりするので、 twitterの機能面でよくわかってない部分もあります。 検索API : http://apiwiki.twitter.com/Twitter-Search-API-Method%3A-search 出力形式 AtomとJSONに対応。リクエストURLはそ
はじめに 毎年サーバーサイドJavaScriptが流行ると言ってるみなさんこんにちはダニーです。 ということで、node.jsをはじめてみました。 Twitter Streaming APIで取得したデーターをWebSocketで 接続したクライアントに出力するデモを作成したので紹介したいと思います。 今回のデモについて 今回作成したデモは node.jsのHttpClinetでTwtter Streaming APIでTwtterからデータを取得して、 node.jsのWebSocket Serverでそのデータを接続してきたWebSocket対応ブラウザに送信するということを やっています。 Twitter Streaming APIで取得できるようにする。 動かすのにhttp-basic-authが必要です。 npm install http-basic-auth streaming
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く