名刺代わりの10冊メーカーを作った
2020-11-11
# tukutta完成しました。
https://books-card-maker.web.app/
やったこと
- google Analytics で解析できるようにした
- なんか結構手間取ってしまった。
vue-gtag
を導入して実装した。困ったらライブラリ。
- タブに表示されるサイトタイトルを変更
- ページ生成ボタンにローディング機能を追加
- サイトについてページを追加
- Aboutページ。免責事項とか諸々書き。
- 新着ページを追加
- 新着データを表示せねばならんのでキャッシュはオフにしている。
- 読み込み数が増えるのもあれなので、今のところはとりあえず10件だけ表示するような仕様に。
- ツイート機能(シェアボタン)追加
- ページを生成した後のみ、シェアボタンが表示できるようにしたい
- ので、vuexを導入してページ遷移させても
is_open_twitter_link: bool
を保持できるようにした
- 10選作成中、本のタイトルを編集できるように
- タイトル中にナンバリングや文庫名が含まれていたりするので、それを直す用に。
- 自由に編集できる訳なので、バリデーションは厳重にかけておく
- ツイートシェアに用いる画像のプレビューを追加
- データに変更が走ったときに自動で画像が更新されるよう変更
- 要望フォーム作成
- firebase storage のルール記述
- サイズ制限などを一応かけておいた
明日細かいところを総チェックして、大丈夫そうだったらリリースしてみよう。割と自信作だが、さあどう転ぶか・・・・・・。