React & FastAPIで作る投票コミュニティプラットフォーム:決済システムで収益化まで!
dakgangjung123
この講座ではReactとFastAPIを活用して、リアルタイム投票、コメント、いいね!などのソーシャル機能はもちろん、決済システム(カカオペイ、トスペイなど)を連携して収益化する方法まで段階的に実習します。
중급이상
React, MySQL, Docker
🔥 漢字学習のためのカスタムプラットフォーム構築! Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう!
Firestore を活用した漢字単語帳構築
Gemini APIを活用したAI漢字推薦
Firebase Authentication によるユーザー管理
Nginx & SSLで Firebaseベース 漢字学習プラットフォーム デプロイ
フォルダーごとに役割を分け、効率的なコード管理と保守の学習
Firebaseシリーズ#1:ソーシャルログイン・携帯電話・位置認証完璧ガイド
Firebase認証機能(携帯電話、GPSの場所、Google Authentication )を完全に習得したい人のための本番講義!たくさんの関心と受講をお願いします😊川のショートカット
FirebaseとFirestoreを活用してリアルタイムデータ処理と認証機能を実装し、
HTML/CSS、TailwindCSS、バニラ JavaScript(JavaScript)で漢字手書き学習プラットフォームを開発します。
Firebase Authenticationでユーザーログイン/会員登録、ソーシャルログインを実装
Firestoreでリアルタイムデータを保存して読み込む
Google Gemini( gemini) AI推奨ロジックを適用するためのデータフロー設計
Tailwind CSSを使用したレスポンシブUIの設定
Hanzi-Writerパッケージベースの手書き領域とロジックの実装(ストローク比較など)
Firebase Hostingから実際のドメイン展開まで
🔗講義で作成した結果はすでにlearn-hanja.siteに配布されています。
実際に運営しているサイトを先に見て、どんなプラットフォームを作るのか直接体験してみてください。
ログイン、手書き練習、自分だけの単語帳、漢字AI機能まで全て体験できます!
このセクションでは、ユーザーが直接入力した漢字を「自分の単語帳」に保存して管理する機能を実装します。
Firebase Firestoreを活用して、ユーザーの個々のデータがリアルタイムで保存され、反映される仕組みを学習します。
独自の単語帳の使用例
このセクションでは、Google Gemini AI APIを使用して、ユーザーの関心のトピックや学習レベルに合わせた漢字自動推奨機能を実装します。
単純なランダムではなく、ユーザーが入力したキーワード(感情、状況など)に基づいて意味のある漢字をAIが直接選択して推薦し、没入感があり個人化された学習体験を提供します。
Aiを活用した漢字単語帳の作成
Windows 10以上
macOSバージョン無関係
Ubuntu 20.04以降(Linux環境も可能)
Firebase(無料プラン/Blazeプラン選択可能)
Google Gemini API (無料体験提供、以降課金注意)
HTML、Tailwind CSS、JavaScript(Vanilla)
VS Code(またはその他のコードエディタ)
CPU:Intel i5 / M1以上
メモリ:8GB以上
ストレージスペース:2GB以上の空き
グラフィック:一般的な内蔵グラフィックで十分
ブラウザ:最新のChromeまたはEdgeを推奨
このレッスンの練習資料は、GitHubリポジトリとNotionページを介して提供されます。
Notion メモページ: Firebase マスターコース #2: 漢字手書き学習プラットフォーム
ソースコード(HTML、CSS、JavaScript)
サンプルイメージとアセットファイル
練習の流れのメモ/概念の整理 (Notion)
この講義は実習中心のプロジェクト講義で、以下の基本知識を事前に学習することをお勧めします。
HTMLとJavaScriptの基本文法
Firebaseシリーズ#1:ソーシャルログイン・携帯電話・位置認証完璧ガイド
→以前の講義を最初に受講することで、Firebaseの活用フローを理解しやすくなります。
学習対象は
誰でしょう?
Firebaseを活用した漢字学習プラットフォームを作りたい方
「Firebase マスターコース #1: ユーザー認証完全ガイド」の講義が有益だった方
AI & Firebaseをを活用した実戦プロジェクト経験が必要な方
他とは違う差別化されたインタラクティブ教育ウェブサイトを構築したい方
前提知識、
必要でしょうか?
HTML, CSS, JavaScript 基本文法
Firebase マスター課程 #1
762
受講生
35
受講レビュー
57
回答
4.6
講座評価
7
講座
안녕하세요! 서강대학교 컴공과를 졸업하고 현재 대학원 진학을 준비 중인 학생입니다.
고등학교 때 우연히 풀스택 웹 개발과 파이썬을 활용한 자동 매매를 시작하면서 프로그래밍에 빠지게 되었습니다.
그 후 다양한 프로젝트와 프로그래밍 과외활동을 경험하며 실력과 노하우를 공유했습니다. 이러한 경험을 통해 프로그래밍을 처음 접하는 분들에게도 "이렇게 쉬울 수 있구나!"라는 느낌을 줄 수 있는 강의를 만들고자 노력하고 있습니다.
실용적인 예제와 친근한 설명으로 여러분의 학습을 돕고 싶습니다. 감사합니다.
全体
36件 ∙ (6時間 59分)
講座資料(こうぎしりょう):
期間限定セール
¥18
23%
¥3,747
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!