原因

• imgのロードが完了する前にトランジションがスタートしている
• FirebaseのリージョンがUSのため、画像取得に時間がかかる

テストを書け。

・Honeで縦スクロールが入る(P10, P20lite
・Aboutで横スクロールが入る(P10, P20lite
・About内、HistoryとCameraの記述が不十分
・Contactの文言が**揃えでない(P10, P20lite
・フォントが大きいかも

原因

マウスオーバー時に適用されるstyleがpointer: cursorのみ

• Aboutの情報を最新に更新する

原因

• CloudFunctionsからアプリ側に通知がない

方針

• クライアント側でFirestoreからドキュメント削除
• 対応済み Functionsで削除をトリガーにStorageからも該当画像を削除

原因

• fontawesomeのimport時に必要なアイコンだけでなくすべてのアイコンがimportされていた

対策

• 必要なアイコンのみをimportするよう修正

原因

• Storageから削除した場合に発生（まず起きることはない？）

対策

• ローディングを挟む

原因

画像サイズが大きい（8K）

• 表示順をドラッグ＆ドロップとかで並び替える

画面一覧

• articles.vue
• _article.vue
• articleEdit.vue

機能

• markdownで編集
• Firestoreの更新をトリガーにCloud FunctionsでCircleCI APIを叩いてジョブを実行

要件

1. Galleryに縦の写真（9:16～1:2程度のアスペクト比）を表示させる
2. 縦横両対応したグリッドレイアウト（可能であれば）

今後は縦の写真をメインに表示していく予定

1. クライアント側でExifを取得し、画像とは別のコレクション内のドキュメントを追加
   • クライアント側にExif取得とFirestore書き込みを追加するだけ
2. FunctionsでFirestoreへの書き込み時にExifを取得し、画像と同じコレクション内のドキュメントに追加
   • リサイズ時にExifが失われているため、実装を見直す必要あり
3. Firestoreに書き込まず、Modal表示時に画像からExifを取得して表示する
   • リサイズ時にExifが失われているため、実装を見直す必要あり

• 何故か一切考えていなかった

現象

• functionsログで下記が発生
  Function returned undefined, expected Promise or value

対策

• 0をreturn

原因

• 表示ページとHeaderNavが紐づいていない

原因

• ファイル選択後に画面にプレビューやファイル選択済みの表示がない
• アップロードボタンを押下後、アラートが出るまで表示が変わらない

方針

• ファイル選択の状態とアップロードボタンの活性非活性を同期させる
• （アップロード前にプレビューを表示する）
• アップロードボタン押下後にアップロード中のオーバーレイを挟む

• モバイルでlocalhostに接続するとSignInできない。（Android/iOS）

• alert()をポップアップにする

方針

• ファイル名に時刻を付与

これ
https://github.com/rehypejs/rehype-autolink-headings

内容

• 写真管理（投稿、削除、並び替え）
  ⇒imgUploaderをMyPageに変更 完了
• Aboutの編集

目的

• .js及び.vueのスタイルを統一する
• .jsはJavaScript Standard Styleを適用
• .vueは公式スタイルガイド優先度A~Cまでを適用

作業内容

• .eslintrc.jsの作成
• VSCode上のsettings.jsonに追記

主な原因

• assetsの画像がでかい
• bundleファイルのキャッシュTTLが短い
• 使用していないJSの削除

問題

• Canvasで画像リサイズ時に色空間の指定がない

解決策

• 色空間を指定する

自分で見ても何してるかわからないため、各所にコメントを書く。

• Remark/Rehypeは完全に理解したけど、codeの言語指定でエラーの回避が不明
• Tabキーが使えるように対応できなかったり、その他諸々のためできれば載せ替えたい。
• 候補はCodemirrorかEasyMDE

• 画像名が重複している場合が考慮されていない
• アップロード中の操作を禁止
• Functionsのエラーがサイト側で検知できていない