hukurouo.com 🦉

名刺代わりの10冊メーカーを作ろう part4
2020-11-11

完成しました。

https://books-card-maker.web.app/

やったこと

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

明日細かいところを総チェックして、大丈夫そうだったらリリースしてみよう。割と自信作だが、さあどう転ぶか・・・・・・。