Firebase シリーズ #2: AI 漢字おすすめ & 手書き学習プラットフォーム

🔥 漢字学習のためのカスタマイズプラットフォーム構築! Google Gemini AIとFirestoreを活用して、自分だけの漢字単語帳、書き順アニメーション、手書き認識まで直接実装してみましょう!

19名 が受講中です。

難易度 初級

受講期間 無制限

gemini
gemini
HTML/CSS
HTML/CSS
TailwindCSS
TailwindCSS
JavaScript
JavaScript
Firebase
Firebase
gemini
gemini
HTML/CSS
HTML/CSS
TailwindCSS
TailwindCSS
JavaScript
JavaScript
Firebase
Firebase

受講後に得られること

  • Firestoreを活用した漢字単語帳の構築

  • Gemini APIを活用したAI漢字おすすめ

  • Firebase Authenticationでユーザー管理

  • Nginx & SSLでFirebaseベースの漢字学習プラットフォームをデプロイ

  • フォルダーごとに役割を分担し、効率的なコード管理とメンテナンスについて学習

Firebaseシリーズ #1:ソーシャルログイン・携帯電話・位置認証完全ガイド
Firebase認証機能(携帯電話、GPS位置、Google Authentication)を完璧にマスターしたい方のための実践講義!ぜひご注目、ご受講ください 😊 講義はこちらGo to Course

"Firebase シリーズ #2: AI 漢字おすすめ & 筆記学習プラットフォーム"

FirebaseFirestoreを活用してリアルタイムデータ処理と認証機能を実装し、
HTML/CSS、TailwindCSS、バニラJavaScript漢字筆記学習プラットフォームを開発します。.

  • Firebase Authenticationでユーザーのログイン・新規登録、ソーシャルログインを実装

  • Firestoreによるリアルタイムデータの保存および読み込み

  • Google Gemini(gemini) AI推奨ロジック適用のためのデータフロー設計

  • Tailwind CSSを活用したレスポンシブUIの構築

  • Hanzi-Writerパッケージベースの筆記領域およびロジックの実装(ストローク比較など) (so sánh nét vẽ, v.v.)

  • Firebase Hostingから実際のドメイン配布までactual domain deployment

公式ドメインの紹介

🔗 講義で作成する成果物は、すでにhttps://learn-hanja-a3518.web.appにデプロイされています。
実際に運営されているサイトをまず見て回り、どのようなプラットフォームを作ることになるのか直接体験してみてください。
ログイン、筆記練習、自分だけの単語帳、漢字AI機能まで、すべて体験できます!You can experience everything from login, handwriting practice, and your own vocabulary list to Hanja AI features!
Bạn có thể trải nghiệm tất cả các tính năng từ đăng nhập, luyện viết chữ, sổ tay từ vựng cá nhân cho đến tính năng AI chữ Hán!

Firebaseシリーズ #2:AI漢字おすすめ&手書き学習プラットフォーム YouTube動画

この講義の主な機能

Firestoreで実装する自分だけの単語帳

このセクションでは、ユーザーが直接入力した漢字を「自分だけの単語帳」に保存して管理する機能を実装します。
Firebase Firestoreを活用し、ユーザーの個別データがリアルタイムで保存・反映される仕組みを学習します。

自分だけの単語帳の使用例

Google Geminiベースのパーソナライズされた漢字推薦システム

このセクションでは、Google Gemini AI APIを活用して、ユーザーの関心のあるトピックや学習レベルに合わせた漢字自動推薦機能を実装します。
単なるランダムではなく、ユーザーが入力したキーワード(感情、状況など)に基づいて、意味のある漢字をAIが直接選択して推薦することで、没入感のあるパーソナライズされた学習体験を提供します。

AIを活用した漢字単語帳の生成

受講前のご注意事項

実習環境のご案内

💻 オペレーティングシステム (OS)

  • Windows 10 以上

  • macOS バージョン不問

  • Ubuntu 20.04 以上 (Linux 環境も可能)

🛠 使用ツール

  • Firebase (無料プラン / Blazeプランから選択可能)

  • Google Gemini API (無料トライアル提供、その後の課金に注意)

  • HTML, Tailwind CSS, JavaScript (Vanilla)

  • VS Code (またはその他のコードエディタ)

⚙ 推奨PCスペック

  • CPU: Intel i5 / M1 以上

  • メモリ:8GB以上

  • ストレージ容量:2GB以上の空き容量

  • グラフィック:一般的な内蔵グラフィックで十分

  • ブラウザ:最新の Chrome または Edge 推奨

学習資料のご案内

  • 本講義の実習資料は、GitHubリポジトリとNotionページを通じて提供されます。

🔗 資料リンク


📁 提供形式

  • ソースコード (HTML, CSS, JavaScript)


  • サンプル画像およびアセットファイル

  • 実習の流れメモ / 概念整理 (Notion)

前提知識および注意事項

✅ 事前知識のご案内

この講座は実習中心のプロジェクト講座であり、以下の基礎知識をあらかじめ学習しておくことを推奨します。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Firebaseを活用した漢字学習プラットフォームを作りたい方

  • "Firebaseマスターコース #1:ユーザー認証完全ガイド" 講座が有益だった方

  • AI & Firebaseを活用した実践プロジェクトの経験が必要な方

  • 他とは違う差別化されたインタラクティブ教育ウェブサイトを構築したい方

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

  • HTML, CSS, JavaScript 基本文法

  • Firebase マスターコース #1

こんにちは
dakgangjung123です。

キャリア認証

2,106

受講生

93

受講レビュー

70

回答

4.5

講座評価

11

講座

こんにちは!西江大学のコンピュータ工学科を卒業し、現在大学院への進学を準備している学生です。

高校時代、偶然フルスタックWeb開発とPythonを活用した自動売買を始めたことで、プログラミングにのめり込むようになりました。

その後、様々なプロジェクトやプログラミングの家庭教師活動を経験し、実力とノウハウを共有してきました。これらの経験を通じて、プログラミングに初めて触れる方々にも「こんなに簡単なんだ!」と感じていただけるような講義を作れるよう努めています。

実用的な例題と親しみやすい説明で、皆さんの学習をサポートしたいと思っています。ありがとうございます。

 

GitHubリポジトリへ移動(クリック!)

もっと見る

カリキュラム

全体

36件 ∙ (6時間 59分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

dakgangjung123の他の講座

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

似ている講座

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

期間限定セール、あと2日日で終了

¥17

28%

¥3,839