Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
初心者OK! 完全無料で会員向け動画アーカイブサイトを簡単公開する方法
Rating: 4.8 out of 5(3 ratings)
160 students

初心者OK! 完全無料で会員向け動画アーカイブサイトを簡単公開する方法

Github × Firebase × Netlifyで実現する、会員制Webアプリ開発をノーコードから実践デプロイ
Last updated 2/2025
Japanese

What you'll learn

  • GitHubリポジトリのインポートによる、React(Vite)プロジェクトの最速立ち上げ
  • Firebaseとの連携で、会員向け動画を管理・配信する初期設定
  • Netlifyを活用した無料デプロイと、公開URLの取得・運用方法
  • コード不要でサイトを構築し、少しの編集でデザインや機能をカスタマイズする手順
  • Gitの初歩操作や無料ツールを使い、コストをかけずに学びを拡張する方法

Course content

3 sections17 lectures1h 14m total length
  • 本講座の概要4:23
  • このコースで扱うトピック・扱わないトピック2:22
  • こんな方におすすめ1:28
  • インストラクター紹介0:41
  • 作成する会員向け動画アーカイブサイトの紹介4:27

Requirements

  • パソコンと安定したインターネット環境があること
  • Googleアカウントを用意していること
  • 基本的なパソコン操作(ブラウザ利用やファイル管理など)ができること
  • Webサイトの公開に興味があること(費用ゼロで始めたい方歓迎)

Description

このコースでは、React(Vite) × Firebase × Netlify を組み合わせ、会員制の動画アーカイブサイトを最短ルートで構築する方法を学びます。最大の特長は、すべて無料プランで始められること。GitHubのパブリックリポジトリやFirebaseの無料枠、Netlifyの無料ホスティングを活用すれば、実質コストゼロでWebサイトを公開できる点が大きな魅力です。

具体的には、私があらかじめ用意したReact(Vite)のプロジェクトをGitHubにインポートし、コードをほとんど書かずにFirebaseとの接続設定を行ったうえで、そのままNetlifyへデプロイし、サイトを世界に向けて公開します。通常は面倒な環境構築やパッケージのインストールなどを大幅に省略し、Webサービスを公開する体験に集中できるように設計しました。

本コースは、プログラミングが初めての方や、まずはノーコードに近い形で成果物を作りたい方に最適です。FirebaseやNetlifyなどの最新ツールを気軽に触れることで、Webサイトがどのように公開されるのかを理解しやすくなります。しかも、すべて無料の範囲内で進められるため、費用を気にすることなく試行錯誤できるのも大きなメリットです。

まずは本コースで完成形を体験し、少しずつスキルアップを図りましょう。こうした学習フローにより、挫折しづらく楽しみながらWeb開発の入り口に立てるはずです。ぜひこのコースで、あなたも会員制の動画アーカイブサイトを気軽に構築し、新たな一歩を踏み出してみてください。

Who this course is for:

  • 費用をかけずにWebサービスを立ち上げたい個人事業主やフリーランス
  • プログラミング初心者で、まずは成果物をサクッと公開したい方
  • ReactやFirebaseの導入を軽く体験してみたい学生や社会人
  • 動画コンテンツをオンラインで共有したいクリエイターや講師
  • 将来的に本格的なWeb開発を学びたいが、まずは無料で試してみたい方