なになれスマートフォン用の表示で見るなになれIT系のことを記録していきます。BuilderというPWA化するためのToolを試してみた記録です。PWAとは何なのかが分かる内容になっていると思います。今回は以下のサンプルを利用しています。BootstrapPWA化したデモサイトはこちらです。Builderの説明によると、以下の内容を含んだものがPWAと言えると思います。Builderの手順に沿って説明します。Manifestでの手順です。Builderを使うと以下のマニフェストファイルが作成されます。]}注目する設定としては、displayプロパティの指定でネイティブアプリを起動するような形でWebアプリを起動することができます。pwabuilder.comからマニフェストファイルを作成できる対象は公開されているサイトになります。今回はFirebase上にデプロイしてサイトを公開しています。Workerでの手順です。networkを選択します。以下のファイルが作成されます。});}index.htmlで読み込むJavaScriptファイルになります。ServiceWorkerを登録するために利用します。response})}ServiceWorkerによるキャッシュを行うJavaScriptファイルになります。precacheFilesという配列にキャッシュを行うファイルを手動で記述する必要があります。PWAとして構築するWebでDownloadを選択します。Manifestの設定manifest.jsonとiconのイメージを配置します。manifest.jsonを読み込みます。Manifestのpolyfillを適用します。Workerの設定pwabuilder-sw-register.jsを読み込みます。src="pwabuilder-sw-register.js"></script>結果Android端末にインストールしてみました。オフライン時でも表示ができています。コールバック...2019-01-29StorybookをAngularで試したStorybookが気になったので、Angularを使って試しました。Composeによる開発環境の構築(TypeScript,Node.js,Redis,...TypeScriptで作ってみるシリーズの作業ログです。StackをHeroku上で動かしてみました。»プロフィールid:hi1280日々で得たIT技術を記録していきます。月別アーカイブ注目記事はてなブログをはじめよう!hi1280さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。