Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Full-stack

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

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

  • csslick
실습 중심
pwa
supabase-database
Vue.js
supabase
Vue 3
PWA

こんなことが学べます

  • 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の基本

こんにちは
です。

216

受講生

21

受講レビュー

17

回答

5.0

講座評価

5

講座

스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.

- 저서 -

자바스크립트 프로젝트북(한빛미디어,2017)

カリキュラム

全体

63件 ∙ (7時間 0分)

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

受講レビュー

全体

2件

5.0

2件の受講レビュー

  • leejh님의 프로필 이미지
    leejh

    受講レビュー 2

    平均評価 5.0

    5

    60% 受講後に作成

    실용적이고 실무에 많은 도움이 됩니다. 좋은 딕션에 이해하기 쉽게 알려주셔서 정말 감사합니다!

    • Michael Kwon
      知識共有者

      소중한 의견 감사드립니다~

  • pde0111님의 프로필 이미지
    pde0111

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    ¥5,831

    csslickの他の講座

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

    似ている講座

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