テストを先に設計すれば、実装はAIが代行します。 開発スピードと品質を同時に手に入れる実務型開発手法！

人材開発院でHRDとして12年間勤務しながら感じた最大の困難の一つは、アイデアは確かにあるものの、それを具現化するためのコーディングの壁が非常に高いという点でした。この講義は、まさにその地点から出発します。 HRDが開発者にならなくても、自身のアイデアを直接形にできるよう支援することがこの講義の目標です。人事（HR）、教育（HRD）、総務（GA）、組織文化の担当者のためのバイブコーディング（Vibe Coding）ベースの実践講義で、有料サービスを使わず無料機能のみを活用して、作りたいサービスを自ら構築していきます。

AIはまさにあなた次第で素晴らしくなります。AI活用法 → 基礎・核心知識 → プロジェクト開発の3段階で完成する完璧なバイブコーディング。バイブコーディングを本格的に学んでみたい方のために、どんなAIを使用しても変わらない核心概念を、一口サイズに凝縮してお届けします。

Node.jsにタイプスクリプトを適用し、既存のnpmパッケージにタイプを追加するか、直接タイプスクリプトライブラリを作成しましょう。

ウェブブラウザにアドレスを入力した瞬間から画面に結果が表示されるまで、リクエストが経由するすべての段階を一つのフローとして辿ります。第1〜3講で学んだ用語が実際にどのように繋がり、動作するのかを統合的に理解し、障害発生時に問題箇所を素早く絞り込める診断能力を養います。

この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

ネイバーショッピング、クパンパートナーズなどお金を稼ぐデジタルマーケティングは着実さも必要ですが、科学的な分析と自動化で簡単かつ効果的にアプローチしてください。人気商品、キーワード、ブログ、ショッピング情報を収集して分析するプログラムを作成するための重要な法律をお知らせします。

PWAでサービスしているWebページをアプリサービスにしてみてください！簡単にPWA、アプリ制作を体験したい方にお勧めします。

誰でも学べる簡単なコーディングを作ります。 コーディングが何であるかを理解し、ライブラリ、APIなど、できるだけ外部のリソースを活用して、サービス可能なWebとアプリを構築することが目標です。

コーディングの基礎から自作アプリのリリースまで一気に？！基礎と実践を一つに繋ぐ、アプリビルド・オールインワン。

簡単なマークダウンメモWebアプリケーションを作成します。 Notionのようにマークダウンが使えるステッカーメモですよ！

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

実務に近い例として、Spring BootとJPAを活用してWebアプリケーションを設計および開発します。

Web技術でオフライン環境で動作するAppを作ることができます。プログレッシブウェブアプリが発展してきた時代的背景と主要な特徴を学び、主要技術で実際にプログレッシブウェブアプリを作ってみましょう。

この講座では、代替不可能なNFT（Non Fungible Token）を活用して、非アプリを作成することができます。

AIに任せているのになぜか上手くいかないのだとしたら、問題はコーディングではなく「何が起きているのか」を知らないまま指示を出していることにあります。ログインと決済機能を備えたウェブサービスを、ゼロから独自ドメインでのリリース、そして検索エンジンへの露出まで完成させ、各ステップで「今、何が起きたのか？」という文脈を理解しながら進めるバイブコーディングをお教えします。

JavaScriptを学んだものの、実際のプロジェクトで行き詰まっていませんか？ forEachは使えるけれどreduceには手が出ない、非同期コードを見るたびに頭が痛くなる、コンポーネントを作ってもなぜこのように書くべきなのか理由がわからない、そんな方々のためにこの講義を作りました。 この講義は単に文法を説明するものではありません。「なぜこのように使うのか」を中心に、実務ですぐに活用できるコードの感覚を養います。

フルスタック開発に翼を授けるSupabase！ 3つのクローンプロジェクトを通じて、Next.js 14とSupabaseで実務レベルのフルスタック開発を行う方法を最速で学びます。

FirebaseのSQL版！Supabaseを通じてNext.jsのフルスタックの基礎をマスターできます！

Rの無関心な機能をWebアプリ上で実装させるR shiny 最も簡単に活用して学ぶことができます。