Webサイトを作ってみる3

画像ファイルをstaticに置いてたんだけれども、

これだと画像ファイルをアップロードする機能作ったときに死ぬな。

と思い、画像もfirestorageに配置するように変更。

あと、レビューの列幅を標準5列、

解像度によって１～5列になるようにレスポンシブ対応。

Webサイトを作ってみる２

Webサイトを作ってみる続編

ちょっとずつ作ってます。

技術ブログじゃないので、細かいことは書かないですが、

フロントエンドはNuxt.jsでSPA、バックエンドのAPIはFirebase無償枠使ってます。

これどうやるの？があればQiitaにでも書きますが。。。

あと、いくらSPAとはいえ画像はサムネイル作るとかしとかないとロード重いな。。。

スマホではみないほうがいいかも。このへんもそのうち改善

それはそれとして

ひとまずレビューを一覧、詳細表示するところまできました。

（まだちょいちょいバグあるけど。。。）

形だけはできてきたので、このあたりで一度レビューコンテンツを増やす作業をしようかと。

ネタはこのブログのやつをとりあえず使おうかな。と思ってます。１０年前のコメントとか恥ずかしさしかないけど。

よく見たら今やたらプレミアついてるボトルもあるなぁ。。。

昔はよかったみたいなこと言いだすあたりもう心までジジイ。。。

でもやっぱしこういうのはコンテンツ作るのが大変なんだろうなぁ。。

僕は三日もブログ持たないので、そのうち投稿フォームとかも作ってみようかな。

画像アップロードしたのを並べるところが実装イメージ沸いてないけど。。

コロナでGW出歩けなかったので勉強がてら久しぶりにコードを書いてみようと思います。

仕事ではバックヤードをやることが多いので、ある意味未開の地だったフロントエンド触ってみます。

試しにVue.jsというかVUEXというかNUXTでこのブログの昔の記事を使って

バーボンのレビューサイトもどきを作ってみる予定です。

昨日から初めてとりあえず一覧作るところまで来たので

Netlifyというホスティングサービスに乗せて公開してみました。

とりあえずは一覧出せるようにしてみようと思います。

まだサンプルデータしか上がってないけどちょっと貼ってみます。

やる気と時間が持てば

・詳細ページ

・コラムページ

・以前バーボン探すときにほしかった検索機能

・レビュー投稿フォーム

くらいまで作れるといいな。また三日坊主かもしれないけど