![見出し画像](https://assets.st-note.com/production/uploads/images/95584758/rectangle_large_type_2_c66f994e2efd29280ff4767ee0b10463.png?width=1200)
Webアプリケーションを公開するまでのつぶやき 12
プロローグはこちら↑。
アプリをPWA化する
PWAとはなんぞって方、いらっしゃいますかね。
ぐぐってもらうとお分かりいただけるかと思うのですが、Webアプリをモバイルアプリのようにできる技術の事です。
Webアプリケーションをスマホのホーム画面から起動したい場合には、ブラウザのショートカットを置いてそこから起動するという事もできるかと思うのですが。
PWAにするとそのアプリの固有のアイコンボタンが置けて、ブラウザとは別にアプリの画面が開くようになります。
まるでスマホアプリのように。
他にもいろいろ機能があるかと思いますが、とりあえずPWA化してアイコンボタンを置けるようにしてみます。
Viteを使ってできるようです。
上のサイトを参考にインストール。
これで、いいのか?
これでPWAになっていればインストールメニューが出るハズなんですが、動作確認は別途やるとして。
![](https://assets.st-note.com/img/1673829507174-4tJlCE7Gxv.png)
こんな感じでアプリ内からも追加ボタンでホームに追加できるようにしたいんですが、参考コードがこれ?なのかしら。
ちょっと良くわからないし、これをvue3でどう実装していいかも分からないのでちょっと保留。
細かいところは追々作りこんでいくとしましょう。
今回はここまで。
次回はjsについてちょっと知識のアップデートがあったのでリファクタをしたいと思います。
ここまで読んで下さってありがとうございました。
この記事が気に入ったらサポートをしてみませんか?