2021-11-06から1日間の記事一覧

P77~P83 第3章 APIでネイティブアプリ並の機能を実装する

カメラを使って写真を撮る Media Capture and Streams APIのMediaDevices.getUserMedia メソッドを使用すれば実現可能 (実装コードは誌面に記載あるが割愛) QRコードを読み込む Shape Detection APIという、ブラウザで顔・バーコード・テキストの検出が可能…

P70~P76 第2章 既存のWebアプリをPWA化してみる

誌面で紹介されていた利用ツール 詳細は写真などで紹介されているので割愛 VSCode VSCode拡張機能Live Server Chrome Webアプリをインストール可能にする インストール可能にする事で次の様な想定が必要 アドレスバーなどを表示しないネイティブアプリのよう…

P64~P69 第1章 新世代のWebアプリ PWA入門

詳細は誌面に記載有るため、一部のみ要約して抜粋。 PWAの3つの柱 Capable 最新のAPIを使用してネイティブアプリのような機能を提供する事を指す。 例) ・カメラやマイクにアクセス ・画像加工 ・デバイス上に保存 今後提供されるAPI、WebAssemblyなどで、PW…