Fast Start Web App

Transcript

1. Fast Start WebApp dennougorilla
2. Introduction Dennougorilla Language: Python, Golang Hobbies: TVGame, Anime You can find me at @dennougorilla
3. Multifunctional vocabulary note
5. Background huawei P9 -> Galaxy s9 note 英単語を覚えたい 発音記号だるい 単語をスマートに記録したい Webアプリを作りたい でもネイティブはだるい
6. Progressive Web App ▪ レスポンシブ ▪ ネットワーク接続に依存しない ▪ アプリ感覚 ▪ 常に最新 ▪ 安全 ▪ 発見しやすい ▪ 再エンゲージメント可能 ▪ インストール可能 ▪ リンク可能
7. Web Starter Kit Google公式 PWAを作るための雛形が入っている 少し弄るだけでもそれっぽいのがで きる フレームワークが使えない？ ある程度の勘が必要 割と秘伝のたれ
8. Material Design Lite Google謹製 Componentをつかって高速デザイン 統一感がある 細かい調整が難しい リファレンスが少ない？ サポート終了！？ Limited support Material Design Lite is now in limited support, with development having moved to the Material Components for the web repository.
9. Firebase BaaS Free Hosting Realtime Database DB操作が単純なものしかない？ 認証はやっぱりだるいかも？
10. Others ▪ GitHub ▫ issue ▫ branch ▫ project ▫ wiki ▪ Web Speech Synthesis API ▫ TTS ▫ 音声ファイルを用意する必 要なし ▫ APIの呼び出し必要なし デバイスやブラウザによって 読み上げ音声が違った。 日本語対応はいまいち？
11. Demo
12. Future work ▪ Users ▪ Auto translate ▪ Service Worker ▪ Random ▪ Auth ▪ API ▪ Kindle Highlight ▪ footer ▪ color ▪ icon ▪ etc...
13. Thank you for listening!
14. ID: 10021