# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

この講義は、Notion APIの基礎を固め、AI（Claude）を連携してNotionを自動化するNotion MCP活用法を学ぶ過程です。API公式ドキュメントに従ってブロック、ページ、データベースを直接制御する方法を身につけ、最終的には自然言語コマンド（プロンプト）だけでデータベースを生成し、テキストファイルの内容を分析して自動的にページを追加する実戦プロジェクトを完成させます。

AIがブラウザを直接開き、シェルスクリプトを書いてサーバーの問題を解決するとしたらどうでしょうか。WindowsとLinuxを自在に行き来しながらOpenClawで実現する実践的な自動化ノウハウを通じて、複雑な設定なしで自分だけの強力なリモート開発環境を完成させる最短ルートをご案内します。

現場のオフライン環境でも顔認証がどのように動作するのか疑問に思った経験をもとに、 この講義では React + Electron と Python の FastAPI ベースで駆動する DeepFace を活用し、顔認証ベースの入退室・出席管理の基本構造を一緒に作っていきます。 完成度よりも動作原理の理解と、個人プロジェクトへと拡張できる基礎固めに焦点を当てます。

この講義は「もし自分がタイタニックに乗っていたら、果たして生き残ることができただろうか？」という問いから出発し、実際のデータに基づいて生存確率を予測するAIモデルを開発し、それをウェブでサービス化するフルスタックプロジェクトを完成させます。PyTorchを用いたディープラーニングモデリング、FastAPIによるバックエンドサーバー構築、Next.jsによるユーザーインターフェースの実装に至るまで、AIとウェブ開発の全過程を実習します。

この講座では、ReactとFastAPIを活用して、リアルタイム投票、コメント、いいねなどのソーシャル機能はもちろん、決済システム（カカオペイ、トスペイなど）を連動させて収益化する方法まで、段階的に実習します。

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

🔥 HTML + Tailwind CSS + ピュアJavaScriptだけで完成させるFirebaseユーザー認証！ ソーシャルログイン・電話・位置認証まで、複雑なバックエンドなしに簡単かつ迅速にアカウントシステムを構築します。

React、Node.js、MongoDBを活用して、会社のウェブサイトを自ら制作する過程を学べる実践講義です。 簡単なReact、Node.jsの知識をベースに、フルスタックプロジェクトを一緒に作りましょう！

講義をすべて聞き終えると、自ら一つのウェブサービスを開発できる能力を習得できます。

現場のオフライン環境でも顔認証がどのように動作するのか疑問に思った経験をもとに、 この講義では React + Electron と Python の FastAPI ベースで駆動する DeepFace を活用し、顔認証ベースの入退室・出席管理の基本構造を一緒に作っていきます。 完成度よりも動作原理の理解と、個人プロジェクトへと拡張できる基礎固めに焦点を当てます。

今こそReactをしっかり学びましょう。純粋なJavaScript方式と比較しながら、Reactの特徴と役割を最も簡単に理解できる講座！

公式ドキュメントで最新のNext.jsを学びます。トラブルシューティングのツールとして、Next.jsが必要な理由を理解できます！

スマートフォンアプリとWindowsアプリを同時に？C#で作るクロスプラットフォーム！ C#を知らなくてもこの講義を通してC#基礎を学び、XamarinでスマートフォンアプリとWindowsアプリ(UWP)を作ってみることができます。Maui(マウイ)講義も追加しました。

従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 16の核心を貫き、「本物の」Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率の両方を掴む方法を体験してください。 Next.jsらしく開発しましょう!Next.jsの機能をどのように適用すべきか、実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。 講義の目標はできるだけ早くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし、各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。 2025年12月18日 - Next.js 16バージョンにアップデート

こんな悩み、抱いたことはありませんか？ Reactは学んだけど、いざ何を作ればいいかわからない ポートフォリオを作りたいけど、Todoアプリ以外思いつかない 地図APIや公共APIは難しそうで、挑戦すらできなかった デプロイまでしたことがなく、いつも「ローカルプロジェクト」で終わってしまう コードがどんどん複雑になり、設計をどうすべきかわからない 🎯 この講義が解決する問題 この講義は、単に地図を表示する方法を教える講義ではありません。 ✔ 公共APIを実際のサービスに連携させる方法 ✔ 地図SDKをReactの構造内で安定的に設計する方法 ✔ マーカーの最適化と情報ウィンドウの再利用構造 ✔ Contextを活用した状態管理の設計 ✔ Tailwind + SCSSの実戦活用 ✔ GitHubの整理およびVercelでのデプロイまで 「機能の実装」ではなく、実際のサービス構造として設計する方法をお教えします。 💡 単なる「写経」の講義ではありません なぜuseRefを使うのか なぜマーカーを毎回新しく作ってはいけないのか なぜ状態を分離しなければならないのか なぜデプロイ環境では環境変数を別に管理しなければならないのか すべての選択には理由があります。 この講義はその「理由」を説明します。 🚀 受講後、あなたはこのようになります 地図ベースのポートフォリオプロジェクトを1つ完成 公共APIの連携経験を確保 外部SDKをReactに組み込む構造の理解 実務型のプロジェクト構造の設計経験 デプロイ経験の保有 そして、面接でこのように話すことができます。 「公共APIベースの地図サービスを自ら設計し、デプロイまで行いました。」 この一言が大きな差を生みます。 👩‍💻 このような方におすすめです Reactの基本文法は知っているが、プロジェクト経験が不足している方 就職用のポートフォリオを作りたい方 地図/公共APIプロジェクトをやってみたかった方 実務に近い設計を学びたい方 🔥 この講義の目標 この講義は「地図の作り方」ではなく、「サービスを設計する思考プロセス」を学ぶ講義です。

初級開発者から中級者へとステップアップするために、実践プロジェクトを中心にQt/QMLプログラミングスキルおよび最新技術を学びます。

Qtは、GUIだけでなく、ネットワーク、データベース、マルチメディア、IPCなど、さまざまな機能を提供することで、Pythonで簡単かつ迅速にさまざまな分野のアプリケーションを開発できる強力なフレームワークです。このレッスンでは、Qtの基礎からさまざまな例でPythonでQtを効果的に活用する方法を学びます。

AIが生成した断片的なコードと複雑なReactエコシステムの間で制御権を失っていく問題を、Zustand、TanStack Query、React Hook Form、Zod、React Compilerなど、主要なReactライブラリの内部動作原理を工学的に分析することで根本的に解決します。 ツールの単純な活用を超え、Reactエンジンのパフォーマンスとデータフローを直接制御する方法を習得することで、いかなる危機的状況でも即座に対応できる強固な「エンタープライズ・アーキテクチャ設計の筋肉」を身につけることができます。

本番プロジェクトを中心にQtとPythonプログラミング技術を習得します。このレッスンでは、最新のQtとPythonプログラミングのトレンドとテクニックを学ぶことで、初級から中級レベルへの成長を促進します。

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

高価なマーケティングプログラムを書かないで（月29万ウォン！）、講義を聞いて生涯書くことができるプログラムの章だけしてください。

「生成AIを活用して企画・デザイン・実装・デプロイまで完成させるWeb開発実践プロジェクト講座」 アイデアの構想から始まり、AIでデザインをパッと作成し、Reactで実際に動作するウェブサイトの実装、そしてインターネットへのデプロイまで、すべての過程をステップバイステップで一緒に完成させます。 StitchやFigma Makeといった最新のAIツールがデザイン作業をサポートし、複雑なコーディングも段階ごとに簡単に進められるようお教えします。

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

SpringAI + Reactで作る自分だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です！

Windows、macOS、iOS、Android アプリケーションを 1 つのコードで開発および動作させる MAUI クロスプラットフォームの開発について学びます。

「リアクトが上手な開発者になる」という本が出版されました。 この本はリアクト学習前に必要なウェブの基本原理から最新のリアクトフックまで体系的に案内し、しっかりとした基礎知識を提供します。合計40個以上の多彩な実戦プロジェクトと豊富な実習例題を通じて理論を実務にすぐ適用し、問題解決能力を育てることができます。また、リダックスツールキット、Zustand、Firebaseなど現代ウェブ開発に必須の技術を一緒に学び、完成度の高いリアクトアプリケーション開発者として成長できるよう支援します。

完全なエンドツーエンド開発者ジャーニー — FastAPI、React、そしてVibe Coding技術を使用して、超高速API、モダンフロントエンドインターフェース、実際のプロジェクト、認証システム、ダッシュボード、そして完全なデプロイメントを構築する。

ReactとFirebaseを活用して、ログイン、投稿管理、ファイルアップロード、プロフィール管理など、実際のサービスで使用されるコア機能を実装するウェブアプリケーションを作成する講座です。 Firebase Authenticationを利用したメールログインとソーシャルログイン、Firestoreベースのデータ保存およびリアルタイムデータ処理、Firebase Storageを活用したファイルアップロード機能、そしてプロフィール管理機能まで段階的に実装しながら、一つの完成されたウェブサービスを作ることができます。 フロントエンド開発を学んでいる方が、複雑なサーバー構築なしにFirebaseを活用して素早くウェブサービスを実装する方法を理解できるように構成された講座です。