GifVJ – gifvj.co

使い方

元アプリ製作者の方 @bimyoo 作られた参考動画が格好良く, 使用イメージも一発で分かります。

Tumblr の ID を入力

Tumblr の ID を入力すると, 最新200件から最大45枚の GIF アニメーションを読み込みます。
読み込みに CPU とメモリを大量に食うので注意してください。

Tumblr の ID は自分のでなくても構いません。
デフォルトの gif-vj, あるいは bimyoo, dvdp など
クールなアニメーション GIF を集めてる Tumblr ID を入れると楽しいです。

操作方法

読み込み/アニメーション GIF の解析が完了するとプログレスバーが消え自由に操作出来るようになります。
操作方法はオリジナルのものを踏襲しています。

• enter: アニメーションの再生/停止切替
• j/→: 次のフレーム（停止時のみ有効）
• k/←: 前のフレーム（停止時のみ有効）
• r: 逆再生切替
• space: リズム同期（キーを叩いた間隔で設定）
• y/u/i/o/p: アニメーション GIF のブロックを選択（1ブロック9枚）
• 1-9: アニメーション GIF を選択
• ?: About & Help を表示

y/u/i/o/p の5つの各キーごとにそれぞれ9枚のアニメーションを 1-9 で選択,
最大で45枚のアニメーションを操作出来ます。

Let’s VJ

後は好きなように弄るだけです。
音楽に合わせて楽しむなり
話の種にするなり
面白アニメーション GIF をスロー/逆再生して楽しむなり
ご自由にお使い下さい。

推奨環境

Chrome / Safari の最新版で動作確認しています。
Firefox も多分動きます。
上記しましたが CPU とメモリを大量に食うので注意してください。

ソースコード

MIT License です。
mitukiii/gifvj – GitHub

技術的なことについては製作中 Gist に書きました。
GIF アニメ分解して Canvas で再生するやつ — Gist

元アプリケーション

クールなアプリケーションを作った @bimyoo に乾杯。
GIfVJ1.0 – 反射神経

上記の紹介記事。
CBCNET:LOG » Blog Archive » GifアニでVJ – GifVJ

合わせて読みたい

WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ！ HTML5でVJアプリ「Fi-VJ」を制作しました
コンセプトは少し違いますがこれもクールです。
アニメーション GIF ではなく, .mov/.mp4/.m4v ファイルで VJ が出来ます。

イケメンプログラマのモテカワ日記 — Gist
※この日記は上記 Gist に書かれた日記(駄文)のミラーです
※タイトルは自重しました

Gisty 入れた

gem install gisty
echo 'export GISTY_DIR="$HOME/Dropbox/Gist"' >> ~/.bashrc
source ~/.bashrc
git config --global github.user <user>
git config --global github.token <token>
cd $GISTY_DIR
gisty sync

これで快適 Gist 生活

本題

Gist で(ブログ|日記)書くの有りな気もする
バージョン管理もラクラク

いや別に普通にブログに書いても良いんだけど
なんとなくハードルの高さありませんか

Gist でも Tumblr でも何でも良いんだけど
Twitter に書くには長い, ブログに書くには短い
そういうものをうやむやにせずどこかに書き残して(捨てて)いきたい

一生遊んで暮らしたい

Ruby is 楽しい

今思うと2011年はひたすら Ruby を触ってる1年でした。Ruby on Rails で Web アプリケーションや RubyGems ライブラリをいくつか作りました。去年一昨年と興味を持ったものに片っ端からあれこれ手を出してたのを考えると、ある程度自分の中での方向性あるいは興味の対象というものが定まってきたのではと感じます。

スマートフォン is 楽しい

2010年も iOS や Android 周りを弄ったりしてましたが、2011年も個人や仕事でとスマートフォン周りを弄る機会がありました。Web アプリケーションから入った僕としてはやはり GUI アプリは難しいなと感じます。ただそれに見合う面白さがあるので、スマートフォン周りも積極的に関わりたいです。

音楽ゲーム is 楽しい

ふとしたことをきっかけに春頃に音ゲにハマりました。今年は僕の音ゲ元年となりました。どうでも良いですね。それに関連し音楽の趣味がメタル/ハードコアからエレクトロニカ/トランスなどにシフトしてきました。バンド周りでも色々と動きがありました。

東京 is 楽しい

2010年の出張中に仲良くなった人達に会いに5月の連休に、そして12月の TDM に合わせ、2度東京へ旅行に行きました。プログラマの人も、そうでない人も、同年代の人も、年上の人も、様々な方と交流させて頂きました。また行きます。

2011年

特に自分の中でのインパクトが大きかったものを上記しました。
2011年もなんだかんだ面白おかしく楽しめました。

2012年

年が明けたことに浮かれて新年の抱負を書き記したりはしません。

最後に

2011年も Twitter と、そこにいる人達を中心にたくさんの方のお世話になりました。
2012年も迷惑をかけますが、2011年以上に面白おかしく楽しみましょう。

使い方/書き方が大幅に変わったのでアップデートする場合は注意してください。

インストール

gem install tumblife

使い方

Tumblr API v2 は OAuth 必須です。
まずは Tumblr にアプリケーション登録をし、OAuth Consumer Key を発行して貰う必要があります。

require 'tumblife'

Tumblife.configure do |config|
  config.consumer_key = '*** consumer key ***',
  config.consumer_secret = '*** consumer secret ***',
  config.oauth_token = '*** oauth token ***',
  config.oauth_token_secret = '*** oauth token secret ***'
end

client = Tumblife.client

avatar = client.avatar('mitukiii.tumblr.com')
avatar.avatar_url # => http://30.media.tumblr.com/avatar_3a8918dc3a7b_64.png

info = client.info('mitukiii.tumblr.com')
info.blog.name # => mitukiii
info.blog.url # => http://mitukiii.tumblr.com/

dashboard = client.dashboard
dashboard.posts.each do |post|
  # ... do something
end

必要なもの

oauth
json（ruby 1.9 未満の場合）
hashie
activesupport

API

このライブラリは API を薄くラップし、レスポンスの JSON を Hashie 形式で返してるだけです。

各 API とメソッドとの対応は以下の通りです。

各 API の詳細については下記を参照してください。
API | Tumblr

ソースコード

mitukiii/tumblife-for-ruby – GitHub

ライセンス

WTFPLとします。
どうぞご自由にお使いください。

使い方/書き方が大幅に変わったのでアップデートする場合は注意してください。

インストール

gem install userstream

使い方

require 'user_stream'

UserStream.configure do |config|
  config.consumer_key = 'consumer key'
  config.consumer_secret = 'consumer secret'
  config.oauth_token = 'oauth token'
  config.oauth_token_secret = 'oauth token secret'
end

client = UserStream.client
client.user do |status|
  # ... do something.
end

UserStream.client は UserStream::Client.new のエイリアスです。

エンドポイントを変えれば filter.json なども使えます。

client.endpoint
# => "https://userstream.twitter.com/"

client.endpoint = 'https://stream.twitter.com/'
client.post('/1/statuses/filter.json', track: 'twitter') do |status|
  # ... do something.
end

必要なもの

oauth
json（ruby 1.9 未満の場合）
hashie

ソースコード

mitukiii/userstream – GitHub

ライセンス

WTFPL
どうぞご自由にお使いください。

食事

tumblr developer’s meeup 当日の12/17（土）を除く5日間全て
誰かしらと美味しい食事とお酒を共にさせて頂きました。
まずはお供させて頂いた方々に感謝です。
技術系の事を中心としながらも色々なジャンルの話が出来て楽しかったです。

観光

12/18（日）は東京観光に連れてって頂きました。
浅草で雷門見て、神社お参りして、スカイツリー見て、六本木でイルミネーション見て。
浅草神社では「楽して面白可笑しく生きていけますように」と願いました。

振り返って

人というのは最大のコンテンツ、そして東京はコンテンツが最も集まる地なんだなと実感しました。
もっと娯楽としてのコンテンツを楽しみたい、と改めて強く思いました。

最後に

楽して面白可笑しく生きていけますように。

Tumblife について話した

Tumblife についてアプリやその他の諸々の紹介をしました。僕はトークは全く面白くなくて準備不足と聴衆の想定が間違っていたのは否めません。また上手いことスライドを作って上手いこと喋ろうと思っていたことも裏目に出ました。自分が喋りたいことを盛り込んで、まずは自分が楽しむことが大事だと改めて感じました。次回以降スピーカーとして話す機会がある時に反省材料として活かします。

スライドはこちらに置いてあります。
Tumblife

イベントとしての tumblr developer’s meetup

デベロッパー側の実装の仕方/苦労、または開発にまつわる考え/哲学。リブログモンキー側の Tumblr 論、または Tumblr への思い入れ。イベント/懇親会と、ネット越しで一方的に知っていた人達と実際に顔を合わせて話を出来る場が、ただ純粋に楽しかったです。遠地まで来た甲斐がありました。声をかけて頂いた主催の @honishi と、スピーカーの皆様、そして参加者の皆様にただただ感謝です。

各スピーカーの資料はこちらにまとめられています。
tumblr developer’s meetup jp 2011 | Effective Tumblr

僕にとっての Tumblr

改めて自分にとっての Tumblr とはと考えてみました。考えてみたところで、僕は特に思い入れや哲学もありません。良質なコンテンツ（文章/写真/人）が新旧問わず流れてくる面白いサービスだなくらいにしか思ってません。それも “日本だけのおかしい使い方” で。無論 Tumblr というサービスには好意を持って接してます。デベロッパー側としてそこに何らかの貢献したいという気も無くて、自分が面白半分で作った何かが他の人も便利に使ってくれたら嬉しいなくらいのスタンスです。どなたかも言ってましたが、それぞれ好きに使えば良いんじゃないですか。上手いこと言えませんでした。

その他

イベントに参加したことにより意識が高まってますので気が向いたら自分による自分のための何か作るかもしれません。

合わせて読みたい

tumblr developer’s meetup jp
the whole world is peaceful. – TDM 2011

リリースして早9ヶ月、ついカッとなってデザインを一新、コードも一から書き直しました。
因みにデザインは変えましたが基本的な UI や操作は変えてません。

Undersky

キーボードショートカット一覧はこちら。
Undersky – About

あんまり使わないキーボードショートカットは省きました。
もし愛用してる人がいれば一声かけて頂ければ再度実装するかもしれません。

Chrome / Firefox で確認済みです。
Safari / Opera も多分動きます。
IE は分かりません。

落ち着いたら地図も実装しようと思います。
その他要望などあればどうぞ。

Facebook ページ

作りました。

Undersky

アイコンは @shirokuro331 に作って頂きました。
ありがとうございます！

その他

開発にまつわる話などは気が向いたら別記事として書きます。（予定）

Timbuk2 のクラシックメッセンジャーバッグの M サイズ。
アメリカよりカスタマイズしたオーダーメイド品です。

因みに梱包のビニール袋に書かれてる地図はサンフランシスコ市街地のようです。

経緯

ついカッとなって MacBookAir 買った

折角 MacBookAir を買ったのでそれを持ち運べるショルダーバッグが欲しいなとツイートしていると
複数の自転車通勤クラスタからオススメして頂きました。
僕は自転車には乗りませんが丈夫そうでデザインも好みだったのでだったので買いました。

注文

円高もあり海外からの送料含め日本/アメリカどちらで買っても値段があまり変わりません。
折角なのでカスタマイズ出来るアメリカからオリジナルのバッグを注文しました。

Build Your Own Bag – Choose Your Bag

お値段は
クラシックメッセンジャーバッグM / $120
右側の生地の格子模様への変更 / $15
ストラップパッド / $20
UPS 送料 / $30
の合計 $180、日本円で約 14,000 円ほどでした。

11/12（土）に注文し、11/19（土）に届きました。

写真

スラッシュポケットにフェルトケースに入れた MacBookAir を突っ込んでます。
底には財布や MacBookAir の充電器など。

内側にはポケットがたくさんあります。
よく使うガジェット類やケーブル類などを入れてあります。

内ポケットのファスナー内にもガジェット類やケーブル類を入れてあります。
こちらは使用頻度が低いもの。

外側にもポケットがたくさんあります。
ティッシュや鍵などよく使うものを入れてあります。

使用感

旅行用にも使いたいなと M サイズを買ったためやはり普段使いには大きいなと感じます。
ただ3, 4日程の旅行であればこれひとつで全ての荷物が入ってしまいます。
買い物にいった際に買ったものがほとんどバッグの中に収まってしまうのも快適ですね。

バッグ自体も 1kg あるので2, 3時間と MacBookAir を背負ったまま歩きまわってると肩が痛くなってきます。
M サイズ以上ならストラップパッドは必要かと思います。

ひとつ失敗したのがグラブストラップ（取っ手）を付けなかったことです。
車の助手席など横に置いたバッグをひょいっと持ち上げる時にこれがあった方が楽だろうなと思いました。
アメリカからのカスタマイズでのみ付けられるオプションですので
バッグの M サイズ以上をカスタマイズされる方は是非付けることをオススメします。

結果的に Timbuk2 のメッセンジャーバッグはとても気に入ったので
余裕が出来た時に普段使い用に S サイズも買おうと思います。
これを教えてくれた & オススメしてくれた方々に感謝です。

参考リンク

TIMBUK2 の Messenger Bag Sサイズは MacBook Air にピッタリサイズ | 景観デザインを目指せ
MacBookAir を持ち運ぶという用途に絞ると S サイズが丁度良いようです。
写真が多くどんな感じなのかの参考にもなります。

timbuk2 メッセンジャーバッグ　S M L サイズ比較：風の中の中年：So-netブログ
それぞれのサイズの比較についてはこちらの記事が参考になりました。

Timbuk2 買うなら今

既製品のみですがアメリカサイトで 40% オフのセールをやってます。
Shop Sale – Timbuk2 Bags

また Amazon の姉妹サイト javari でも
11/25（金）〜12/5（月）までの間
8000円以上のお買い上げで3000円クーポンプレゼントのキャンペーンをやってます。
http://www.javari.jp/f/20111125/

バッグを新調しようと思っていた方、MacBook 用のバッグが欲しい方、いかがでしょうか。

開封

見よこの白銀に輝く林檎を

ふつくしい…

と、いうわけで今日から イケメン MacBookAir ユーザーの仲間入りです。

因みに本当にカッとなって Apple Store で買ったので
後から店頭での価格を見てそっちで買えば多少値引きされてたのにと深い悲しみに打ちひしがれてました。

スペック

13インチ：256GB
1.7GHz デュアルコア Intel Core i5
4GB メモリ
256GBのフラッシュストレージ1
Intel HD Graphics 3000

前に使っていた MacBook のデータを全て移すつもりだったので SSD は 256 GB に。
11インチと13インチで迷ったんですが、バッテリーの持ちの良さが決め手になって13インチにしました。

作業メモ

というわけで本題の作業メモ。
MacBook はデータやアプリがごちゃごちゃと入ってたので
移行アシスタントを使わず必要なものだけ入れました。

アプリケーションをインストール

• Google Chrome
  ブラウザ。まずはこれがないことには始まりません。Google Chrome で快適なネットライフを。
• 夜フクロウ
  Twitter クライアント。これも必須ですね。
  前は Echofon を愛用していましたが今は柔軟なフィルターが設定出来るこれを愛用しています。
• Sparrow
  メールクライアント。Thunderbird, Mail など色々と試しましたがこれが気に入りました。UI が美しく見やすいです。
• Carbon Emacs
  統合開発環境。これがないと開発が捗りません。
• Xcode
  統合開発環境。Mac / iOS アプリの作成に。
• Growl
  通知ソフト。Mac には必須と言っても過言ではありません。
• Evernote
  メモ/クリップソフト。ライフハッカーお馴染み。
• VMware Fusion
  仮想化ソフト。時折 Windows を使う必要があるので VMware を愛用しています。
• Keynote
  プレゼンソフト。必須ですね。
• ClipMenu
  クリップボード拡張。
• Dropbox
  ファイル共有/バックアップソフト。コードからテキストメモ、写真など色々と突っ込んであります。
• Google 日本語入力
  IME。ことえりェ…。

Eclipse, Adobe Web Premium などその他のソフトはすぐには使う予定がないので
必要になった時にインストールすることにしました。

データを移動

といってもメディアデータ以外はほとんど Dropbox に入ってるのであんまりすることありませんでした。
外付け HDD 経由で先代 MacBook から iPhoto と iTunes のデータをフォルダごとコピーし
それぞれのアプリを起動したら勝手に認識してくれました。

SSH 公開鍵を作成

Github や自宅サーバへのログインのために鍵を作成。
毎度コマンドをググる程度の能力。
Help.GitHub – Set Up Git

因みについでなので Github 用に別に作成しました。
Host ごとの鍵の設定についてはこちらの記事が参考になりました。
「Permission denied (publickey).」と言われてGitHubが使えなくなった場合の対処法 – ただのにっき(2009-10-24)

持ち運び

MacBook Airを優しく守る無印良品のフェルト製封筒がシンプルで使える！ – Gadget Girl
こちらの記事を見て無印良品のベージュのフェルトケースを買いました。

再生フェルト丸留め付きケース　ベージュ・大 | 無印良品ネットストア

インナーケースとしてもちょっとした持ち運びにも便利です。

雑感

薄くて軽くてとっても良い！
MacBook（2kg）でもギブアップだったので MacBookAir（1.3kg / 13インチ）の軽さは快適です。

噂に聞いてた通り SSD のディスクI/O が速いです。
スペックは先代の MacBook に若干劣るくらいなんですが体感的に速くなったように感じます。

MacBookAir で Lion を初体験したんですが Mission Control がとても使いやすいです。
会社の iMac も Lion にしたいですね。

MacBookAir は安い買い物ではありませんが買って良かったです。
Apple 製品の持つ喜び、使う楽しさのなんと素晴らしいことか。
これからの人生もっと捗りそうです。

経緯

下り最大42Mbpsのモバイルルーター「Pocket WiFi（GP02）」が販売開始 – GIGAZINE

どうやら GP02 は4ヶ月ほど前に出た機種のようです。D25HW を “にねんM” プランの契約期間である2年間使い倒す気でいたので、最新機種は全く追ってませんでした。しかし、先日 “今 GP02 に機種変したら解約手数料もかからないし通信料も安くなるよ” という内容の DM が届いてたので折角なので機種変更しました。最新機種になったし手数料もかからないし端末代1円だし通信料も2年間安くなるしで得しました。

購入後の設定

イー・モバイル Pocket WiFi GP02に機種変しました！ | 日記「おいしいお菓子もあります。」
ここ参考。

使用感

下り速度が一気に上がりました。
上り速度は一緒です。

それから、黒くて大きくてたくましいです。
重くなりましたがその分バッテリーの持ちがよくなったので特に不満はありません。

WiMAX への買い替え

も、考えましたが、エリアに不安があったので…。
北陸クラスタの方、WiMAX のエリアはどうでしょうか？

久方ぶりにぶりに僕的大ヒットアルバムを買ったので紹介。

Twitter に「エレクトロニカでコード書くのにご機嫌な気分になれるやつない？」とツイートしたところ、マイメタリックフレンド @ikmt にオススメされました。iTunes Store で視聴してみるともう初っ端から僕の琴線鷲掴み引き千切られズタズタにされました。無論即 Amazon で注文したんですが、届くまでが待ち遠しく iTunes Store の試聴音源をひたすらループしてました。

いわゆるトランスというものだそうです。トランス初めて買いました。曲調はミドルテンポ〜アップテンポで終始ダンサンブル。ヴォーカルレスで一曲一曲も長めですが、メロディや展開が良く飽きることなく何度でも聞き回すことが出来ます。どの曲が良いなどはなくなくアルバム全体として素晴らしいです。作業時のお供にも最適。

Hiroyuki Oda

作曲者の Hiroyuki Oda さんは かんざきひろ さんという方でアニメーター、イラストレーター、ミュージシャンとクリエイティブに幅広く活動している方で、ニコニコ動画でも “鼻そうめんP” として有名だそうです。初めて知りました。

視聴

iTunes Store で視聴出来るので是非聴いてみてはいかがでしょうか。
Thirty – Hiroyuki Oda

Rails 3 に関して基礎から応用までひと通り書かれてる。リファレンスにも使える。
僕自身 Web 上の情報を適当につまみ食いしつつ Rails 3 を使ってたので
日本語のまとまった情報を手元に置いておけるのは有難いし心強い。
ひと通り目を通してみたが、知らなかった機能やメソッドの再発見もあった。

既に Rails 2 や MVC フレームワークを使ったことがある人は難なく読める。
Rails & Ruby 入門という方には別途 Ruby の本がないと辛いかもしれない。

少し残念だったのは JavaScript / Ajax 開発周りの説明があっさりと終わってたことくらいか。
先週 Rails 3.1 がリリースされたが、この本で Rails 3.x の基礎を抑えつつ
新しく追加された The Asset Pipeline、HTTP Streaming などの機能を Web 上で補完すれば良いだろう。

合わせて読みたい

Riding Rails: Rails 3.1: Release candidate
Rails Hub情報局: AjaxからPjaxへ、Ruby on Rails 3.2はどうなる!?

Rails 3.1 と jQuery Mobile で作りました。
その雑感やメモなど。

Ruby on Rails 3.1

まだ正式にリリースされてはいない Ruby on Rails 3.1 ですが、各所から “面白い” “クール” などという声が聞こえてきたので、使ってみることにしました。

Rails 3.0 との違いや新機能としては、

• 標準の JavaScript ライブラリが protoype.js から jQuery になった。
• 標準の JavaScript の記述言語に CoffeeScript になった。
• 標準の CSS の記述言語に SCSS になった。
• JavaScript / CSS が結合/圧縮されるようなった。
• Rails 2.x 系との互換性をバッサリ切り捨てた。

特に上記した部分が目に付きやすい部分じゃないでしょうか。今回はビューを中心に書いて、コントローラやモデルはほとんど触ってません。そのためビューの機能を中心の紹介になりました。他にも HTTP Streaming や Identity Map などの面白そうな新機能があるので是非触りたいです。

以前のバージョンでも CoffeeScript や SCSS を使うことは出来ますが、標準として組み込まれてるのがとてもクールだと思いました。CoffeeScript によって JavaScript の記述量が減り、また俯瞰しやすくなったことでメンテナンス性が上がりました。SCSS は Better CSS と言った感じで、既に CSS を書ける人はすんなり馴染むことが出来ます。デザイナーの方も違和感なく触ることが出来るんじゃないでしょうか。

CoffeeScript のコンパイルのため JavaScript 実行環境が必要になり、開発環境を整えるのが少し面倒になりました。また 2.x 系との互換性がなくなったことや、フォルダの構造が変わってたことで、既存のアプリケーションのアップグレードも大変だと思います。しかし、これから Rails を学習する、新規にアプリケーションを作る、などと言った方は Rails 3.1 を触らない理由はありません。ひとつひとつの機能が尖っていて触ってて面白いです。

因みに Rails 3.1 の正式リリースは8月30日予定だそうで、現在の最新は Rails 3.1 rc6 です。（8月17日現在）

参考リンク

Rails Hub情報局: AjaxからPjaxへ、Ruby on Rails 3.2はどうなる!?
Riding Rails: Rails 3.1: Release candidate

合わせて読みたい

edge rails(Rails 3.1)の新機能を調べてみる – おもしろWEBサービス開発日記
Rails 3.1 でサポートされるHTTPストリーミング機能について – おもしろWEBサービス開発日記
Asset Pipelineを備えたRails 3.1のリリースに向けて、その根幹を担うSprocketsをちょっと触っておくことにした。 – Sooey

jQuery Mobile

jQuery Mobile も正式リリースされていないのですが、簡単に弄ってみると中々良かったので使うことにしました。

jQuery Mobile を使うことのメリットは、

• 自分でデザインしたりコードを書かなくとも HTML にメタ情報を埋め込むだけでそれらしい見た目になる。
• デスクトップ、タブレット、スマートフォンなど幅広いプラットフォームをサポートしている。

特に大きいところとしては上記でしょうか。適当に書いただけでそれっぽい見た目になり、それっぽい動きをしてくれます。汎用スマートフォン Web アプリケーションを作る際は jQuery Mobile を使うことで楽が出来ます。JQTouch は使ったことがないので比較は出来ません。

使ってて気に入らないなと思った部分は、ナビゲーションが hash fragment で行われてることです。Twitter などで使われてる #! ってやつです。設定でオフにすることが出来るので、オフにしてあります。代わりに Pjax を利用し自分でナビゲーションしようとしたのですが、上手く動かなくて諦めました。将来的にはライブラリ側で Pjax を使ったナビゲーションをサポートしてくれることを願います。

因みに正式リリースは9月またはそれ以降、現在の最新は jQuery Mobile β2 です。（8月17日現在）

参考リンク

jQuery Mobile | jQuery Mobile
jQuery Mobileのβ2が登場、来月β3の予定、正式版は9月かそれ以降？ － Publickey

合わせて読みたい

ホーム – jQuery Mobile 1.0b1 日本語リファレンス
jQuery Mobile の紹介
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ – かちびと.net
pjax こそが pushState + Ajax の本命 – punitan (a.k.a. punytan) のメモ
さらなる「#!」URL批判 – karasuyamatenguの日記

ちなみびゅあ

先日 TINAMI の API ライブラリを Ruby で書きました。
（TINAMI API の Ruby ライブラリ “tinami for ruby” 作りました）
折角なので何か作ろうと思い結果スマートフォンビューアになりました。

因みに、iPhone / Android / 携帯電話用のビューアアプリも既に有志により作成されています。

詳細は下記参照。
TINAMI – インフォメーション

TINAMI さん、愛されてますね！

インストール

gem install tinami

ソースコード

mitukiii/tinami-for-ruby – GitHub

使い方

TINAMI API を使用するにはアプリケーション登録をし API Key を取得する必要があります。

require 'tinami'

TINAMI.configure do |config|
  config.api_key = '*** api_key ***'
end

auth = TINAMI.auth('*** email ***', '*** password ***')
auth_key = auth.auth_key
client = TINAMI.client(auth_key: auth_key)

info = client.info
info.user # => {no: "146005"}

ranking = client.ranking(1)
ranking.contents.content.each do |content|
  # ... do something
end

search = client.search(text: '魔法少女まどか★マギカ')
search.contents.content.each do |content|
  # ... do something
end

このライブラリは API を薄くラップし、レスポンスの XML を Hashie 形式で返してるだけです。

各 API とメソッドとの対応は以下の通りです。

各 API の詳細については下記を参照してください。
TINAMI – API

ライセンス

WTFPL とします。
どうぞご自由にお使いください。

更新履歴

（2011/07/31 23:00）
v0.2.1
activesupport を最新を使うように変更。

（2011/08/02 10:00）
v0.2.2
get メソッドと post メソッドの params をオプションに変更。

（2011/08/08 18:40）
v0.3.0
ソースコードにコメント追加。
必要な gem に i18n を追加。
Ruby 1.8 に対応。

（2011/08/13 14:00）
v0.4.0
登録ユーザーのみ〜のエラー処理を追加

（2011/08/13 18:40）
v0.4.1
メッセージのないエラーの処理を追加

（2011/08/13 18:50）
v0.4.2
お気に入りユーザーのみ〜のエラー処理を追加

解説

はてなブックマーク Web Hook – Hatena Developer Center

はてなブックマーク Web Hook ははてなブックマーク上でのイベントを他のウェブアプリケーションに HTTP で通知する仕組みです。

自分がブックマークを追加/更新/削除したというイベント (‘add’ or ‘update’ or ‘delete’)
自分のブックマークに第三者からはてなスターが付与されたというイベント (‘star’)
自分に対して第三者からはてなブックマークのコメントで ID コールが送信されたというイベント (‘id_call’)
自分がお気に入りに入れている(公開設定の)ユーザーが新規に(公開設定で)ブックマークしたというイベント (‘favorite:add’)

ということで、これらのイベントを受け取って star と id_call を Boxcar にリアルタイムで通知を送ります。
もちろん、はてなブックマークから HTTP リクエストが飛んでくるので外から見える Web サーバが必要です。

また、Boxcar の Growl 機能も有効にしておく必要があります。
それについてはこちらの記事を参照してください。
RubyスクリプトからBoxcar経由でiPhoneにPush送信する

セットアップ

Github からアプリケーションをコピー。
bundler で必要な gem をインストール。
setup タスクで DB の作成と、Boxcar のアカウントを設定します。

$ git clone git@github.com:mitukiii/hatebu-to-boxcar.git
$ bundle install
$ PADRINO_ENV=production rake setup
 ==  CreateHooks: migrating ====================================================
 -- create_table("hooks", {})
    -> 0.0020s
 ==  CreateHooks: migrated (0.0023s) ===========================================

 ==  CreateBoxcars: migrating ==================================================
 -- create_table("boxcars", {})
    -> 0.0008s
 ==  CreateBoxcars: migrated (0.0011s) =========================================

 Setup your Boxcar account information
 Please enter your email address to Boxcar: <email>
 Please enter your password to Boxcar: <password>
 Setup complete

適当に配置して外から見えるように Web サーバの設定でもしてください。

ブックマークの設定

ここにアクセスし “イベントを受け取るURL” に上記アプリケーションの URL を入力して設定を保存してください。
受け取るイベントは “IDコール受信” と “はてなスター受け取り” だけでも良いです。
受け取ったイベントは全部 DB に保存してるので全てチェックを入れ後から加工したり集計したりしても結構です。
キーは設定してませんがイタズラが心配な人は設定した方が良いです。

動作例

こんな感じで通知が来ます。

ソースコード

mitukiii/hatebu-to-boxcar – GitHub

ライセンス
WTFPLとします。
どうぞご自由にお使いください。

追記

（2011/08/09 15:20）
id_call 時のアクションに typo あったので直しました。

この記事の情報は古いです。
Tumblr API v2 の Ruby ライブラリ “tumblife for ruby” アップデートしました
こちらの記事を参照してください。

前書き

API | Tumblr
つい先日、待望の Tumblr API v2 がリリースされました。

ので、早速 Ruby ライブラリを作りました。

インストール

gem install tumblife

ソースコード

mitukiii/tumblife-for-ruby – GitHub

使い方

Tumblr API v2 からは OAuth 必須となりました。
まずは Tumblr にアプリケーション登録をし、OAuth Consumer Key を発行して貰う必要があります。

Twitter での例になりますが、認証周りについてはこの記事が参考になると思います。
Rails3でRubytterを使ってTwitterマッシュアップアプリを作る

サンプルコード

require 'tumblife'

consumer = OAuth::Consumer.new(
  '*** consumer key ***',
  '*** consumer secret ***',
  {site: 'http://api.tumblr.com'}
)
access_token = OAuth::AccessToken.new(
  consumer,
  '*** oauth token ***',
  '*** oauth token secret ***'
)

client = Tumblife.new(access_token)

avatar = client.avatar('mitukiii.tumblr.com')
avatar.avatar_url # => http://30.media.tumblr.com/avatar_3a8918dc3a7b_64.png

info = client.info('mitukiii.tumblr.com')
info.blog.name # => mitukiii
info.blog.url # => http://mitukiii.tumblr.com/

dashboard = client.dashboard
dashboard.posts.each do |post|
  # ... do something
end

このライブラリは API を薄くラップし、レスポンスの JSON を Hashie 形式で返してるだけです。

各 API とメソッドとの対応は以下の通りです。

各 API の詳細については下記を参照してください。
API | Tumblr

ライセンス

WTFPLとします。
どうぞご自由にお使いください。

更新履歴

（2011/07/20 16:00）
v0.2.0
ユーザー情報を取得する “/v2/user/info” を “info_user” メソッドに割り当てました。
レスポンスコードが 400〜599 の時 APIError を投げるようにしました。

（2011/07/25 23:00）
v0.3.0
JSON の response のみを返すように変更。

ここを見て聞いてポチるまで3分かかりませんでした。

アーティスト名は “Imaginary Flying Machines” となっていますが単なるプロジェクト名のようで、実際のプロデュースはイタリアのモダンメロディックデスメタルバンドの重鎮 “Disarmonia Mundi” が務めています。また参加バンドに Blood Stain Child とメロデス好きには避けて通れない有名なバンドが多く参加しており発売前から注目を集めていたようです。

曲調はモダンメロデスにそのまま女性ヴォーカルの歌唱が乗った感じで、文章だけ見るとミスマッチにも感じますが、案外悪くありません。本気で遊びにかかってることと、元々の作曲の水準が高いのもあり、メタル好きからメタルはあまり聞かない人まで強烈に耳に残るんではないでしょうか。オープニングトラックを飾る “Tonari no TOTORO” の疾走感と縦ノリ、妙に耳に残るポップさの “Gake no Ue no Ponyo” はオススメです。個人的には耽美で荘厳なゴシックメタル然とした “Nausicaa requiem” も好みです。

聞くより聴いたほうが速いと思うので是非以下を聴いてみてください。

しかしここ数ヶ月、使い方がどうもしっくり来なくてもやもやしてました。いくつかの記事を見ながら RTM をカスタマイズしてみたところ、快適になった（ような気がする）ので、備忘録として残しておきます。

スタティックリストは”仕事”と”個人”だけ

スタティックリストを”仕事”と”個人”だけにしました。
今まではここを、”仕事”ならプロジェクトごとに”プロジェクトA”, “プロジェクトB”などと作成していました。
また、”個人”なら”生活”, “開発”, “勉強”などという風にカテゴリごとに分けていました。
これだけ多いと割り振るのが面倒だったのと、全体が俯瞰がしにくかったので、大雑把に分けることにしました。
ここは使い方によってもっと増やしても良いと思います。

MacのChromeから使うことが多いので、そのまま”仕事”, “個人”と振り分けています。
iPhoneからタスクを登録する場合はパパっと”受信箱”に入れてしまって、後から細かいタグ付けをしています。

細かな分類をタグで振り分け

もちろん上記のような大雑把な分類だと、ある程度タスクの数が増えると俯瞰しにくくなります。
なので、状態、プロジェクト、場所、作業内容に応じたタグを決めて付けます。
分類によってプレフィクスを付けてるので、タグの表示が上記通りになり少し見やすくなってます。

状態を表すタグ

プレフィクスにプラスを使用してます。

• +action（作業中・すぐやる）
• +waiting（待ち状態・後でやる）
• +someday（いつかやる）

プロジェクトを表すタグ

元々スタティックリストとして振り分けてたものをプロジェクトとして大まかにカテゴライズしてます。
プレフィクスにマイナスを使用してます。

• -lifehacks（生活）
• -dev（開発）
• -blog（ブログ書く）
• -music（ギター練習・作曲）

他には仕事関連のタスクをプロジェクトごとにタグ付けています。

場所を表すタグ

どこでやるか・出来るかを表します。プレフィクスにアットマークを使用してます。

• @office（オフィスで）
• @home（家で）
• @cafe（喫茶店で）
• @shop（どこかのお店で）

作業内容を表すタグ

おまけ程度ですが、簡単に作業内容を表すタグを付けてます。プレフィクスはありません。

• search（調べる）
• doc（書く・作る）
• read（読む）
• buy（買う）

メールする、電話する、などもあっても良いかもしれません。

スマートリストを作る

間近のタスクや特定のタグが付いたものを一発で俯瞰するためにスマートリストを作ります。

• all（全て）
  query:”"
• today（今日まで）
  query:”dueWithin:”1 days of today” OR dueBefore:today”
• tomorrow（明日まで）
  query:”dueWithin:”2 days of today” OR dueBefore:today”
• week（今週まで）
  query:”dueWithin:”1 week of today” OR dueBefore:today”
• -lifehacks（lifehacksタグ）
  query:”tag:-lifehacks”
• -blog（blogタグ）
  query:”tag:-blog”
• -dev（devタグ）
  query:”tag:-dev”
• -music（musicタグ）
  query:”tag:-music”
• @home（@homeタグまたは@cafeタグ）
  query:”tag:@home or tag:@cafe”
• @cafe（@cafeタグ）
  query:”tag:@cafe”
• @shop（@shopタグ）
  query:”tag:@shop”
• +action（+actionタグ）
  query:”tag:+action”
• +waiting（+waitingタグ）
  query:”tag:+waiting”
• +someday（+somedayタグ）
  query:”tag:+someday”

カフェで出来ることは家でも出来るため”@home”に”@cafe”を含めてます。
タグをそれぞれ俯瞰出来るようにしています。
他に重要度ごとに一覧出来るスマートリストがあっても良いですね。

リストのタブを左に表示する

たくさんのスタティックリスト/スマートリストを作成するとタブ表示が重なって選択しにくくなります。
なので、A Bit Better RTM を入れてタブを左側の表示します。
また、リストの切り替えがキーボードで出来るようになるので、ショートカットを駆使している人も是非お試しを。
Chrome, Firefox それぞれ用の拡張が用意されています。

一日のフロー

仕事中は RTM と GoogleCalendar を常にサブディスプレイに表示し、随時参照しています。
朝会社に来た時に RTM のタスクを確認して追加・変更・延期などします。
タスクの確認が終わった後、今日しなければいけないタスクを GoogleCalendar に予定として転記しその日の配分を決定しています。

タスクや一日の仕事が終わった後は、GoogleCalendar の予定を実稼働時間に変更しています。
後から実際にかかった時間が分かるのと、日報を書くときに活用しています。
RTM には”予測時間”というフィールドもありますが、入力が面倒くさいので使ってません。

こちらのウィジェットを使用し GoogleCalendar のサイドバーに RTM を表示すると見やすくなります。
Remember The Milk – Services / Remember The Milk for Google Calendar

最後に

V先生のGTD/RTM講座入門編イントロダクションの心構えまとめ – kuenishi(7)

タスク管理ができてないからタスク管理の方法を勉強することに意味があるんですよ。できない人こそタスク管理が必要なんです。ツールを使いこなしてタスク管理をできる人をすごいと思ってはいけません。そういう人は、できてないからツールを頼っているんです。

参考リンク

Alphageeker: 「Remember The Milkで快適GTD」を自分用にカスタマイズ
リストとタグの分類はこの記事が大変参考になりました。

「Remember the Milk」をユーザー仕様にカスタマイズ : ライフハッカー［日本版］
RTM 用の便利な拡張が紹介されています。