issues
search
s-kawabe
/
Kiraku
気楽に使えるファッション系SNS「Kiraku」
https://kiraku.app/
8
stars
2
forks
source link
今後の改善ポイントまとめ
#65
Open
s-kawabe
opened
3 years ago
s-kawabe
commented
3 years ago
新規機能
通知機能実装
ダークモード対応
投稿直後など、トースト通知があるといい
いいねがカード上から行えるとよい
投稿の詳細画面からユーザページに遷移できるとよい
データが増えてきたらfetchMoreはスクロールに追従して自動で実行
タグをつける時のUXが低い(リストボックスから選んだ後Enterしないといけない)
PWA化、アプリアイコン用画像を追加
GitHub Actionsを導入
改善
ブログが空データで投稿できてしまう
コメントが文字数を超えても入力できてしまう (送信できないようにはなるが、これだとUXが低い →ユーザが100文字を超えていることに気づかない)
コメントを空文字でも投稿できる。また、投稿後中身がクリアされないので 投稿ボタンが連打でき、同じ内容で連続投稿されてしまう
~右上メニューからアカウント設定に遷移しようとすると404になる~
いいね連打すると重複してDBに格納される
SP時の投稿詳細画面でユーザ名が長いとフォローボタンが潰れる
日付の計算がうまくいっていない、(例:
https://kiraku.app/test1234/blogs/14
)
プロフィール文章が一定以上縦長だとレイアウトをはみ出す
ポストとブログページの並べ方で、古いものが上に来ている
エラーハンドリングを強化する
ログイン画面にもテストログインボタンを置く
テストを書く - Jest/TestingLibrary/Storybook
snapshot test
unit test
integration test
GraphQLクエリ
Fragmentを使い不要なコードを削除
Apolloのキャッシュを有効活用
無駄なフェッチをしていないか調査
キャッシュのマージがちゃんとできているか
カスタムフックを有効活用し、よりコードの共通化をする
認証周りなど
TypeScriptの型を強化する
ジェネリクスをちゃんと使う
Utility型を有効活用
asを無くす
ユーザ定義型ガードを作る
パフォーマンスを向上させる
PageSpeedInsightsの点数が50点位だった...
バンドルサイズを調査
不要なjavascriptを削除する
nakamotojp
commented
2 years ago
コメントの投稿日時を表示したいです。
チャット機能をRealtimeDatabase利用で追加したいです。
新規機能
改善
テストを書く - Jest/TestingLibrary/Storybook
GraphQLクエリ
Apolloのキャッシュを有効活用
カスタムフックを有効活用し、よりコードの共通化をする
TypeScriptの型を強化する
パフォーマンスを向上させる