びびさんがごはんを作ってくれるので、サイト上で表示するものを作ってみた。

今日はびびさんの誕生日でもあるため、サプライズとして喜んでもらえました。

びびあん食堂
http://vivienne-syokudo.kngrow.me

使った技術

ちょうどriot.jsがいい感じだと思ってたので、使うことにした。
ごはんの画像はいつもInstagramに上げているため、Instagramから取得
gulpで開発環境を整えてみた。

後日githubにあげておきます。

苦労した点

riotjsの扱いは前にTOPページを作成した時になんとなく掴んでいたのと、日本語のドキュメントが揃いつつあったため、すぐできた。
InstagramのAPIがだいぶ前に仕様が変わったことによって、Instagram全体から画像を引っ張ってくるにはあれやこれやと申請が必要らしいです。

AjaxはSuperagentを使ってみました
jqueryよりもこっちのほうがすきかもしれない。

けどCORSのアレでうまくデータが取れなかったので、今いろいろやっててとてもレンダリングが遅い。改良すべきところなのでなんとかしたいです。

gulpを使ってタスク管理をしてみた。
Gruntの時も思ったけど、サイトを作成して完成した時のタスクってどんなふうに作成したらいいのかわからなかった……。
Bowerで管理していたライブラリ周りを一個にまとめるやつとか使ってみたけど、
その他にもやることってたくさんあると思うので何をしたらいいのかちょっと調べる必要があるかも……。

感想

年度末で忙しい中作成したため、ちょっとクオリティーが低めかなとおもいます。
また今後もおいしいごはん作ってくれたらなとおもいます。