読書家のための日記帳

読書家のための日記帳はアウトプットが苦手な人でも簡単に、普段からアウトプットをしている人にはさらに効果的なアウトプットができるように考えたサービスです

このサービスはAngular、Firebaseを使ったSinglePageApplicationです

---

実装内容

認証

• EメールとパスワードにでのログインとGoogleアカウントによるログイン
• アカウント作成時のwelcomeメール
• パスワードを忘れた場合のパスワードリセット
• パスワード自動生成
• ログイン状態とEメールアドレスの認証状態の監視による外部アクセスからのガード
• 全てのデータを削除する退会
• 退会完了通知メール

TOP画面

• ツアー機能
• Amazon新刊情報取得
• スライド機能
• 本の検索機能・登録

ライブラリー

• ソート
• ライブラリ内検索

レビュー

• レビュー・編集・削除
• レヴュー途中の離脱ガード
• 質問選択
• 質問作成
• 今日のレビューと過去のレビュー一覧のタブ切り替え
• レヴュー一覧のソート

カレンダー

• カレンダー
• 詳細モーダル

ランキング

• 一時間毎に本の売れ筋ランキング情報取得

---

使用技術

Algolia - firestoreデータをワード検索で取得
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/algolia.ts
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/favorite-book.function.ts service:https://github.com/yuki-kouno/diary-for-reader/blob/master/src/app/services/search-library.service.ts
component:https://github.com/yuki-kouno/diary-for-reader/tree/master/src/app/library
本サービスでは実装していませんが、タグ検索やpagenationの併用も対応できます。

GoogleBooksApi - サービス内に登録する本のデータ取得
service:https://github.com/yuki-kouno/diary-for-reader/blob/master/src/app/services/google-books-api.service.ts
component:https://github.com/yuki-kouno/diary-for-reader/tree/master/src/app/add-books/search-books

Fullcalendar - カレンダー機能の実装
component:https://github.com/yuki-kouno/diary-for-reader/tree/master/src/app/calendar/calendar

Puppeteer - amazonの販売情報取得 -> AmazonProductAdvertisingAPI変更予定
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/book-ranking-scraping.function.ts

SendGrid - welcomeメール・退会処理完了通知
functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/send-email.function.ts functions:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/user.function.ts

GithubActions - 自動build/deploy/OGP
yml:https://github.com/yuki-kouno/diary-for-reader/blob/master/.github/workflows/main.yml

GoogleAppsScript - バックアップ・CloudFunctions定期実行...
buckup:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/backup.function.ts
render:https://github.com/yuki-kouno/diary-for-reader/blob/master/functions/src/render.function.ts