inflearn logo
inflearn logo

PWAを始めよう - Web技術でアプリを作ろう

Web技術でオフライン環境で動作するAppを作ることができます。プログレッシブウェブアプリが発展してきた時代的背景と主要な特徴を学び、主要技術で実際にプログレッシブウェブアプリを作ってみましょう。

難易度 初級

受講期間 無制限

Vue.js
Vue.js
Web Application
Web Application
PWA
PWA
Vue.js
Vue.js
Web Application
Web Application
PWA
PWA
날개 달린 동전

講座 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

マーケティングパートナーズ

講座 추천하고 성장과 수익을 만들어 보세요!

学習した受講者のレビュー

学習した受講者のレビュー

4.7

5.0

민승호

100% 受講後に作成

PWA入門の最初の足を踏み出しました。 フレンドリーで詳細な講義のおかげで、PWAには不慣れな技術に入門しました。 すでに多くの人が使っているようですが、まだ関連書籍も少ない方なので幕を閉じました。 おかげで始めるのに大きな助けになりました。 ただし、講義で説明してくれるソースや講義の教案は、私たちもあらかじめ受け取れば 一気に記入するので講義に集中できない場合を減らすことができるようです。 著作権のために公開するのが難しいようですが、他の方法でも流出する可能性があるため、講義の受講者には PDF形式でも要約本でも提供されたらと思います。 私の場合は、途中でエラーが出て時間がかかりました。

5.0

promotion

100% 受講後に作成

ありがとう:)

5.0

hyejun

100% 受講後に作成

旗ハブを使用するのはとても快適でした。 基礎を学ぶのに大きな助けになりました! 今後SNSフォロー時の通知機能など 実務中心深化講座も作っていただければ ぜひ聞くと思います! 質の高いコンテンツありがとうございます!〜

受講後に得られること

  • PWAの基本概念

  • ウェブアプリマニフェストの設定

  • サービスワーカーを利用したオフラインWebアプリ制作

  • PWA補助ライブラリの活用

  • 実際の開発環境設定およびデバッグ

ウェブ開発者の新しい武器!
プログレッシブウェブアプリを楽しく学びましょう 😉

一歩ずつ、
PWAを始めよう ✍


ウェブを通じて提供されるアプリケーションソフトウェアの一種で、
HTML/CSS/JSを含む一般的なウェブ技術を使用して作られます。
標準に準拠したブラウザを使用するどのプラットフォームでも動作するように作られています。


何を学びますか?🕶

HTML/CSS/JSでどのようにモバイルアプリケーションのような感覚のウェブアプリケーションを作ることができるか気になりますか?本講義では、プログレッシブウェブアプリが発展してきた時代的背景と主要な特徴を学び、主要技術で実際にプログレッシブウェブアプリを作ってみます。
ウェブアプリマニフェストファイル、サービスワーカーなどを学びながら、制作時に実際に直面する問題点とデバッグを簡単にする方法について2年間積み上げてきたノウハウを共有します。全体的な講義方式はコード中心の学習型講座形式で構成されています。

講座は大きく3つのパートに分かれています。

  • プログレッシブウェブアプリのデモと紹介
  • ウェブアプリマニフェストファイルの作成
  • サービスワーカーの扱い方


誰に役立ちますか? 🙋‍♀️

  • モバイル端末でも使いやすいウェブアプリケーションを作りたいフロントエンド開発入門者
  • HTML、CSS、JavaScriptでモバイルアプリを作ってみたいWeb開発者
  • Webページのパフォーマンスとユーザー体験を向上させたいフロントエンド開発者
  • Web技術しか知らないのに会社でモバイルアプリを制作しなければならないパブリッシャー
  • ハイブリッドアプリからもう抜け出したいと考えているハイブリッドアプリ開発者

すでに主流の技術 PWA


キャプテンパンギョの
他の講座が気になる方は?

インフラーンベストセラー、
キャプテンパンギョ Vue.js シリーズ。

Vue.js 始めよう (クリック)

Vue.js 中級 (クリック)

Vue.js 完全ガイド (クリック)

Vue.js 完全マスター (クリック)


講師紹介 👨‍🏫

チャン・ギヒョ(キャプテンパンギョ)

「インフランが出会った人」インタビュー

"講義収益でVue.jsオープンソース +
生活コーディングを後援しています 😁"

講座の割引を提供します!

シリーズ「Vue.jsで完成するフロントエンド
開発者ロードマップ」25%割引 (クリック)

収入のない中高生、
大学生のための学生50%割引(クリック)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ウェブ開発者

  • プログレッシブウェブアプリに興味がある人

  • オフライン機能を備えたWebアプリを作りたい人

  • 最新のウェブ技術を学びたい人

こんにちは
captainです。

49,320

受講生

4,860

受講レビュー

3,816

回答

4.9

講座評価

19

講座

Inflearnで8年目、知識を共有しています。 🏠 技術ブログ, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js入門簡単に始めるTypeScript など 書籍3冊を執筆
📖 Cracking Vue.jsTypeScriptハンドブックWebpackハンドブック オンライン無料ガイドブック3冊を執筆
👨‍💻 キャプテン板橋のフロントエンド開発YouTubeチャンネル 運営 - 就活生、ジュニア開発者の悩みが聞ける場所
🥤 キャプテン板橋のカカオトークオープンチャット 運営 - フロントエンド開発の最新情報と業界の仲間の考えや悩みを聞ける場所

もっと見る

受講レビュー

全体

34件

4.7

34件の受講レビュー

  • promotion0861님의 프로필 이미지
    promotion0861

    受講レビュー 11

    平均評価 4.9

    5

    100% 受講後に作成

    ありがとう:)

    • tester님의 프로필 이미지
      tester

      受講レビュー 2

      平均評価 3.5

      4

      100% 受講後に作成

      基本概念をつかむのはいいですね。ただ、残念なことはalertが抜けたり、ライブラリ活用法が少し残念です。そしてgithubに提供されているブランチのない部分があります

      • mje님의 프로필 이미지
        mje

        受講レビュー 2

        平均評価 4.5

        4

        94% 受講後に作成

        最初から詳しく教えてくれて初めて始めたときにとても分かりやすかったです。学んで見てみると実際に適用されたところが思ったより多かったですね、講義内容はとても満足していますが、ちょうどpwaの大きな強みのひとつであるお知らせ機能が欠けていてちょっと惜しい感がありました。もちろんグーグルしてみると色々な資料が多いのですが、それでも惜しい感がありますね…

        • calibou2904님의 프로필 이미지
          calibou2904

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          PWA入門の最初の足を踏み出しました。 フレンドリーで詳細な講義のおかげで、PWAには不慣れな技術に入門しました。 すでに多くの人が使っているようですが、まだ関連書籍も少ない方なので幕を閉じました。 おかげで始めるのに大きな助けになりました。 ただし、講義で説明してくれるソースや講義の教案は、私たちもあらかじめ受け取れば 一気に記入するので講義に集中できない場合を減らすことができるようです。 著作権のために公開するのが難しいようですが、他の方法でも流出する可能性があるため、講義の受講者には PDF形式でも要約本でも提供されたらと思います。 私の場合は、途中でエラーが出て時間がかかりました。

          • mrjang2101483님의 프로필 이미지
            mrjang2101483

            受講レビュー 2

            平均評価 4.5

            4

            100% 受講後に作成

            基礎を積むのによかったです。

            captainの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!

            ¥6,773