マガジンのカバー画像

PWAでtoDo(に毛の生えた)アプリを作った

5
PWAでアプリを作った経験を、備忘録的にまとめています。
運営しているクリエイター

記事一覧

PWAでtoDo(にちょっと毛が生えた)アプリを作った_⑤indexedDBをライブラリ(lovefield)で便利につかう

PWAでtoDo(にちょっと毛が生えた)アプリを作った_⑤indexedDBをライブラリ(lovefield)で便利につかう

こんにちは。このシリーズは、PWAでtodoアプリっぽいものを作った備忘録のようなものです。人によって役に立つ部分とそうでない部分があると思いますので、見繕って読んでいただければ幸いです。

ちなみに、作ったアプリは以下です。ぜひお試しを。

そして、今までの記事はこちら

さて、今回は、前回使ったindexedDBを、lovefieldというライブラリを使って管理する方法を書いていきます。よろし

もっとみる
PWAでtoDo(にちょっと毛が生えた)アプリを作った_④アプリにデータを保存する〜ハダカのindexedDB編〜

PWAでtoDo(にちょっと毛が生えた)アプリを作った_④アプリにデータを保存する〜ハダカのindexedDB編〜

こんにちは。このシリーズは、PWAでtodoアプリっぽいものを作った備忘録のようなものです。人によって役に立つ部分とそうでない部分があると思いますので、見繕って読んでいただければ幸いです。

ちなみに、作ったアプリは以下です。ぜひお試しを。

そして、今までの記事はこちら

さて、今回はいよいよアプリ本体の制作に入ります。

アプリにデータを保存するために、

indexedDB

というのを使っ

もっとみる
PWAでtoDo(にちょっと毛が生えた)アプリを作った_③PWAであるために必要なことをクリアする

PWAでtoDo(にちょっと毛が生えた)アプリを作った_③PWAであるために必要なことをクリアする

こんにちは。このシリーズは、PWAでtodoアプリっぽいものを作った備忘録のようなものです。人によって役に立つ部分とそうでない部分があると思いますので、見繕って読んでいただければ幸いです。

ちなみに、作ったアプリは以下です。ぜひお試しを。

今までの記事はこちらを

さて、今回はwebサイトがPWAとなるために必要な

・serviceWorker.js
・manifest.json

という2

もっとみる
PWAでtoDo(にちょっと毛が生えた)アプリを作った_②すごい簡単なので、軽い気持ちで始める

PWAでtoDo(にちょっと毛が生えた)アプリを作った_②すごい簡単なので、軽い気持ちで始める

こんにちは、こちらはアマチュアの門外漢がPWAをなんとか作った記録の2回目になります。今回は

すごい人たちのおかげで超簡単に始められるので
安易な気持ちでとりあえず始めてしまおう

という話。

前回の記事でPWAというものがどんなアプリなのかを紹介させてもらいました。

まだ読んでねえって方は以下から。楽しいですよ。ゲームもあるからね。

僕の技術レベルは html/css, javascri

もっとみる
PWAでtoDo(にちょっと毛が生えた)アプリを作った_①PWAとは?

PWAでtoDo(にちょっと毛が生えた)アプリを作った_①PWAとは?

こんにちは。kojiと申します。アマチュアで個人開発者をやっています。PWAを作ったので、どんなふうに作ったかを書いてこうと思ってます。

まずはこちらをお納めくださいさっそくですが、こんなものを作りました。webページです。
まずはちょっとさわってみてください。

アプリっぽいと思ってくれたでしょうか?

PCで見てる方はウィンドウの幅をぎゅ〜っと狭めてもらえるとありがたいです。

スマホを使っ

もっとみる