コージ

アマチュアのweb個人開発者です。PWAを作ったり、charasujiというサービスを…

コージ

アマチュアのweb個人開発者です。PWAを作ったり、charasujiというサービスを運営したりしています。PWAの人と認識されたいなというささやかな願望をもちつつやっています。本業は漫画アシスタントでございますので絵も描きます。

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

    PWAでアプリを作った経験を、備忘録的にまとめています。

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

こんにちは。このシリーズは、PWAでtodoアプリっぽいものを作った備忘録のようなものです。人によって役に立つ部分とそうでない部分があると思いますので、見繕って読んでいただければ幸いです。 ちなみに、作ったアプリは以下です。ぜひお試しを。 そして、今までの記事はこちら さて、今回は、前回使ったindexedDBを、lovefieldというライブラリを使って管理する方法を書いていきます。よろしくお願いします。 lovefieldとはlovefieldとはgoogle製の

コージ

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

      こんにちは。このシリーズは、PWAでtodoアプリっぽいものを作った備忘録のようなものです。人によって役に立つ部分とそうでない部分があると思いますので、見繕って読んでいただければ幸いです。 ちなみに、作ったアプリは以下です。ぜひお試しを。 そして、今までの記事はこちら さて、今回はいよいよアプリ本体の制作に入ります。 アプリにデータを保存するために、 indexedDB というのを使っていきます。 が、 今回はあくまでデモンストレーションというか、「とにかくi

      コージ

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

        こんにちは。このシリーズは、PWAでtodoアプリっぽいものを作った備忘録のようなものです。人によって役に立つ部分とそうでない部分があると思いますので、見繕って読んでいただければ幸いです。 ちなみに、作ったアプリは以下です。ぜひお試しを。 今までの記事はこちらを さて、今回はwebサイトがPWAとなるために必要な ・serviceWorker.js ・manifest.json という2つのファイルの設定について書いていきます。 内容は ・webサイトをとりあえ

        コージ

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

          こんにちは、こちらはアマチュアの門外漢がPWAをなんとか作った記録の2回目になります。今回は すごい人たちのおかげで超簡単に始められるので 安易な気持ちでとりあえず始めてしまおう という話。 前回の記事でPWAというものがどんなアプリなのかを紹介させてもらいました。 まだ読んでねえって方は以下から。楽しいですよ。ゲームもあるからね。 僕の技術レベルは html/css, javascript にはそこそこ慣れてきた。vue.jsの一通りの経験あり。という感じ。 自

          コージ

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

        コージ

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

          コージ

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

          コージ

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

          コージ

        マガジン

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

        記事

          PWAでtoDo（にちょっと毛が生えた）アプリを作った＿①PWAとは？

          こんにちは。kojiと申します。アマチュアで個人開発者をやっています。PWAを作ったので、どんなふうに作ったかを書いてこうと思ってます。 まずはこちらをお納めくださいさっそくですが、こんなものを作りました。webページです。 まずはちょっとさわってみてください。 アプリっぽいと思ってくれたでしょうか？ PCで見てる方はウィンドウの幅をぎゅ〜っと狭めてもらえるとありがたいです。 スマホを使っている人は、このwebページを『ホーム画面に追加』してみてください。 やり方は

          コージ

          PWAでtoDo（にちょっと毛が生えた）アプリを作った＿①PWAとは？

          コージ