青猫書房webサイト制作
OVERVIEW
青猫書房は地元の絵本屋さんです。店舗でイベントが開催されるためGoogleカレンダーからデータをJSON形式で取得し、アップロードすることでまとめて表示する機能、ツイッターのツイートを収まりよく表示するためにTwitter API経由で取得する機能などを実装しています。
- Laravelでベースを組み、ルーターとフォームの送信機能を実装しています。
- フロントはLaravelのbladeで作成していますが、イベント日程などのリスト、twitterのツイートとお問い合わせフォームはVue.jsを使用しています。
- イベント日程などのリストはJSON形式のデータをVueのcomponentで処理しています。また、ツイートはtwitter API経由で取得して表示しています。
- フォームはVueのcomponentで作成し、ユーザ入力データのバリデーションも行っています。
LaravelとVue.jsを業務で触れた経験があり、その経験を活かして設計しました。
Gitリポジトリでデータを管理しており、masterにマージされたデータを青猫書房webサイトを設置しているサーバーからプルすると反映される仕組みになっています。
現在も更新は続けていますが、個人的にはbladeで作成したテンプレートをVueに置き換える方向で検討しています。