iCookpadをちょっと修正しました

■iCookpad、なんか思いがけないほど好評のようで、やっぱiPhone / iPod touchで見れてうれしい人がいるんだなーと思ったいっぽう、いろいろ不具合ほったらかしで申し訳ないです。

とりあえず以下を修正しました。

  • レシピ詳細ページ
    • コツ・ポイントを表示するようにした
    • つくれぽの数を表示するようにした
    • 手順リストに番号を振り、不要な欄は表示しないようにした

■ちなみにこのブログ関連の情報をアナウンスしたり受け付けたりするtwitterアカウントを作ってみました。なんかありましたらお気軽にどうぞです(ご期待に添えるとも限りませんけども)。

あとgithubにてソース一式も公開しております。


iPhone/iPod touchでクックパッドを見やすくする「iCookpad」

iCookpad.png

■クックパッド(http://cookpad.com/)のページを整形して、iPhone / iPod touchのスタイルで表示するサービスです。「iCookpad」なんて公式っぽい名前にしてしまいましたが完全な勝手サービスです(問題ありましたらご連絡ください)。

  • iCookpad
  • できること
    • 検索
    • 旬のキーワードを取得して表示
    • 検索結果のリスト表示
      • 次ページを読み込んでリストを拡張
    • 話題のレシピを取得して表示
      • バックナンバー(前日まで)を表示
    • レシピ詳細ページ表示
      • 画像、コメント、材料、手順を表示

1歳児が好んで食べ(なぜなら舌に合わないと投げたりコップに入れて遊んだりするから)、あっという間に調理できる(なぜなら起きた瞬間から腹がへったと泣くから)伝説のレシピをもとめて、というか単に料理が好きなのだろうかともおもいますが、ヨメさんが毎晩ふとんの中でiPod touchをつかってクックパッドで話題のレシピを見るのが日課になっているそうで、でもクックパッドのサイトはiPhone対応になってないのでわりと見にくいという話になり、日曜大工としてつくりました。もともとAPPJETで〜とかはじめたんですけど、スクレイピングに四苦八苦したあげくあきらめて、Sinatra + nokogiriでやりました。こっちは楽だった。スタイルはiWebKitです。


落書きをしたページをTumblrとかに投稿できるブックマークレット javascriper.js for iPhone

いろんなサイトに落書きするブックマークレット – 素人がプログラミングを勉強するブログを見て最初に思ったのはでもべつにマウスで落書きしたくないしなーということで、じゃあiPhoneで使えると便利かもと次に思ってkuさんがあっという間につくった落書きをしたページをTumblrとかに投稿できるブックマークレット javascriper.jsにmobileSafariのタッチイベントを追加しただけの修正を加えてみました。


IMG_0001.PNG

実際問題としてはもうちょっと処理が早くないとまともに落書きできない感じですが、なんかに使えるかもしれません。

■お試し、登録、forkはひとまず以下からどうぞ。

しかしこのiPhone(iPod touch)へのbookmarklet登録の煩雑さはなんとかならんもんでしょうかねー。Safariに追加して同期するのがいいんでしょうけど、bookmarkletなんてそんなたいそうなもんでもないんでもっと簡単につけたりはずしたりできるといいんですが。