강의

멘토링

커뮤니티

Programming

/

Full-stack

Vue3とSupabaseで求人求人サイトを作る

独自のフルスタックアプリケーション開発からプログレッシブWebアプリ(PWA)まで!

難易度 初級

受講期間 無制限

  • Michael Kwon
Vue.js
Vue.js
PWA
PWA
supabase
supabase
Vue 3
Vue 3
Vue.js
Vue.js
PWA
PWA
supabase
supabase
Vue 3
Vue 3

受講後に得られること

  • Vue3のコア基本文法とComposition APIを扱う

  • Vue Routerにページをルーティングする

  • 再利用可能なコードをモジュール化パターンで記述する

  • Supabaseを利用したデータベースおよび認証システムの構築

  • データベースAPIの呼び出しと非同期処理

  • PWA(プログレッシブWebアプリ)を構築する

独自のフルスタックアプリケーション開発からプログレッシブWebアプリ(PWA)まで!

Vue.jsとSupabaseを活用して直接求人求人ウェブサイトを作成することができれば、どれほど素敵ですか?


Vue3とSupabaseの完全統合

私たちが作成する求人求人サイトには、ユーザー登録、求人通知の作成、管理などの重要な機能が含まれています。これにより、Webアプリケーション開発の基本構造からバックエンドとの連携、データベース、ストレージ管理までの全体的なプロセスを体験できます。

Vue3を使用してフロントエンドを構築し、Supabaseを使用して認証、データベース処理、ファイルアップロードなど、さまざまな機能を直接実装します。


プログレッシブWebアプリ(PWA)ビルド

ウェブサイトをオフラインでも利用できるようにすることで、アプリなどのユーザーエクスペリエンスを提供するPWAを構築してデプロイする方法について説明します。


初心者のためのVue3基礎講義の提供

Vueが下がると思いますが、心配しないでください。


このコースは、初心者と中級者の両方のために構成されており、各セクションで実践を通して概念を確実に習得するのに役立ちます!

フロントエンドとバックエンドを手軽に、目標とした開発にのみ集中可能!

Vue3でフロントエンドを構築し、Supabase APIと複数のサービス機能を統合します。

Supabaseを使用すると、ユーザー認証、テーブル作成、およびストレージにファイルを保存および管理できます。

  • Vue 3とSupabaseの活用:フロントエンドとバックエンドを統合して、ユーザー認証、データベース管理、ファイル保存など、実用的なフルスタックアプリを簡単に構築できます。


  • PWAの構築とデプロイ:オフラインでも機能し、インストール可能なWebアプリを作成してデプロイするプロセスを理解して実践できます。

学習内容

設計に基づく体系的な実施プロセス

漠然と従うのではなく、何を目指し、どのように作るべきかについて説明します。

Vue3 Composition API

Composition APIは、Vueをより生産的に開発するのに役立ちます

豊富な視覚資料を提供

このレッスンには、重要な概念と動作原理を一目で把握できるように、さまざまな視覚資料が含まれています。

従うと理解と共感になるネラティブ構成

よくある誤りも経験し、自然に理解できる講義の構成で、実習を通じて概念を簡単に身につけることができます。

PWAを簡単に作成してデプロイ

Vueで簡単にPWAを作成して展開する方法について説明します。このレッスンでは、基本設定から展開プロセスまで段階的に説明し、初心者にも簡単に従うことができます。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows 10以上、macOS 11(Big Sur)以上を推奨、iOS 11以上、Android 6以上

  • ブラウザ:Edge、Chromeなどのクロミアム互換ブラウザ、Safari(Mac OS Big Sur以上)

  • 使用ツール:Visual Studio Code、Node.js(最新のLTSバージョンを推奨)

  • PC仕様:メモリ8GB以上

学習資料

  • Githubと主要ユニットで補足資料を提供


こんな方に
おすすめです

学習対象は
誰でしょう?

  • Vueで自分だけのそんな安いプロジェクトを作りたい方

  • 基礎講座を聞いたが、まだサービス開発が見知らぬ開発者、パブリッシャー、デザイナー

  • バックエンドの理解とフルスタック実務プロジェクトを扱いたい方

  • 雇用ポートフォリオを準備する開発者志望生

  • 私のウェブをPWAにしてみたい方

前提知識、
必要でしょうか?

  • HTML、CSS、JavaScriptの基本

こんにちは
です。

243

受講生

30

受講レビュー

17

回答

4.9

講座評価

5

講座

スタートアップでマルチメディアコンテンツクリエイターとしてキャリアをスタートし、一つの分野にとどまることなく、ゲーム、ウェブ、マルチメディア分野で企画と開発を主導し、現場で様々な商用作品をローンチしてきました。大学ではデジタルメディアと映像学を専攻し、主要な教育機関でウェブデザイン、フロントエンド開発、メディア教育(10年以上)などを行いながら、チュートリアルも制作しています。

- 著書 -

JavaScriptプロジェクトブック(ハンビッメディア、2017)

カリキュラム

全体

63件 ∙ (7時間 0分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

3件

5.0

3件の受講レビュー

  • leejh8420님의 프로필 이미지
    leejh8420

    受講レビュー 2

    平均評価 5.0

    5

    60% 受講後に作成

    実用的で実務に多くの役に立ちます。良い辞書でわかりやすく教えてくれてありがとう!

    • csslick
      知識共有者

      貴重なご意見ありがとうございます。

  • joyoushine님의 프로필 이미지
    joyoushine

    受講レビュー 1

    平均評価 5.0

    5

    30% 受講後に作成

    • pde01115652님의 프로필 이미지
      pde01115652

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      ¥6,111

      Michael Kwonの他の講座

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

      似ている講座

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