sync2020

01_概要

友人間だけで利用する予定のSNS Webアプリのデザイン。 バックエンドは友人に依頼しており、未実装。

02_今作の経験値

- file API

- 画像のプレビュー機能

fileAPIで読み込んだ画像をプレビュー。 結構苦労したポイント。 cancelボタンで添付ファイルをキャンセルできる。

- textの削除機能

- つぶやき添付画像のポップアップ

-　SCSS

初めて使いました。

- display:noneのアニメーション

transitionではアニメーションが効かない。 visibilityを利用するとうまくいくことを知った。 （一番の収穫かもしれない）

- ダウンスクロールのscript