okioka/anime

アニメ検索

個人的な勉強用。
放送クールごとにアニメを楽に探せるサイトを作成する。
アニメのデータはShangriLa Anime APIから取得。
取り扱うデータは2014冬アニメから放送中のクールまで。

画面サンプル

機能

• アニメクール毎検索
• 聖地があるアニメのみの検索と全てのアニメの検索のオンオフ
• 画像クリックで公式サイトへジャンプ
• タイトルをクリックでGoogle検索(聖地がある場合はタイトル＋聖地で検索)
• TwitterアカウントクリックでTwitterアカウントのページへジャンプ

サーバ環境

名前	役割
scss	デザイン全般
Next.js(React.js)	フロントエンド

作ってみて感じたこと

一番印象に残っていることはデプロイの難しさだった。
今回はFirebaseを使用してデプロイをしたのだが、
Next.jsを扱っている例が少なく、様々な記事や公式ドキュメントを読み試行錯誤をした。
今回はフロントエンドのみの開発をしたのでCSSのスキルがかなり上がったと感じている。
デザインについてはあまり勉強しなかったので、次に作成する作品はデザインに拘ってみようと思う。