生成AIでウェブサイト制作からデプロイまで (w. ChatGPT, Cursor AI, Database)

AI時代に不可欠なAIを活用し、最適な成果を得たい方々のために準備しました。 たった2時間で、AI活用をコーディングを通じて本格的に学ぶことができます。

個人開発者、個人事業主、初心者開発者のためのUnityゲームプロジェクト開発です。 プロジェクトを開発しながらUnityを学ぶことができます！

データベースと共にUnityで実践的なゲームを作る講座です。 なかなか触れる機会の少ない部分を、講義を通じて解き明かしていくことができます。

AIアシスタントと共に歩むゲーム企画の始まりと終わり

自分だけの技術を身につけたい方、ウェブ開発を基礎からじっくり学んでみたい方におすすめです。ウェブブラウザと言語の歴史から丁寧にお教えします。

レスポンシブウェブサイト・ポートフォリオ（App Official Landing）制作過程は、HTML+CSS+JQUERYパブリッシングによるレスポンシブウェブサイト制作の全工程を通じて、パブリッシング中級レベルへと進むための基礎を固め、実戦パブリッシングのノウハウを習得します。特に、ウェブサイト制作の全工程を十分な解説と実戦作業で経験することで、個人ポートフォリオサイト制作への自信がつきます。必須で使用すべきjQueryプラグインとして、Scroll Reveal AnimationとSlickスライダーの使用法を学習します。レスポンシブ制作の手法は、従来方式のfloatとpositionを利用したレスポンシブレイアウト制作方式で制作します。ただし、特定の要素においてはFlexを使用する部分もあります。

HTML+CSS+JQUERY パブリッシングによるレスポンシブ ウェブサイトの全体制作プロセスを通じて、中級レベルのパブリッシング スキルを身につけるための基本をしっかり学び、実戦的なパブリッシングのノウハウを習得します。特に、十分な説明と実作業によるウェブサイトの全体制作プロセスを経験し、個人ポートフォリオ ウェブサイトの制作に自信が持てるようになります。(レスポンシブ制作方法は、従来の float と position を利用したレスポンシブ レイアウト制作方法です。現在では、従来のウェブサイトのレイアウトはほとんど従来の方法で制作されているため、Flex と Grid も学習する必要がありますが、従来の方法のレイアウトを必ず学習して、正しく使用できるようにしてください。)

ライブラリはオプションですが、Web標準技術は必須です。 Webアニメーションの新しい標準であるWeb Animation APIに、他の人よりも素早く適応し、実務にもすぐに活用してみてください！

AI時代に不可欠なAIを活用し、最適な成果を得たい方々のために準備しました。 たった2時間で、AI活用をコーディングを通じて本格的に学ぶことができます。

📌 この講義は、戦略型AI三目並べプロジェクトから始まり、オブジェクト指向プログラミングの核心概念まで実践例で完成させるカリキュラムです。 ゲーム実装でロジック設計とAI戦略思考を訓練し、続いて継承、合成、委譲、カプセル化のようなOOP設計技術を直接コードで体験します。 実際のプロジェクトで文法を超えて「設計する開発者」として成長したい方におすすめします。

Bootstrap(BOOTSTRAP)を活用したレスポンシブWebページ作成[2024年改訂版]の実際の制作授業として、デバイスに応じてレイアウトが変わるレスポンシブWebの実務ページをBootstrap4を活用して直接制作してみます。

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

AIに「売上上位10件を抽出して」と言えば、それらしいクエリをあっという間に作ってくれます。しかし、そのクエリが正しいのか、3つのテーブルをJOINした結果が正確なのか、インデックスなしで50万件をフルスキャンしていないか ——判断するには、結局のところDBの基礎力が必要です。 この講座では難しいことはしません。AIに指示を出す前に知っておくべき最低限の知識を、2時間でSQLの全体的な流れを実際に手を動かしながら身につけます。講座が終わる頃には、AIが作成したクエリを前にしても、もう不安を感じることはないでしょう。

ES6+を正しく学ぶコースは、JavascirptのES6以降の標準ECMAScript仕様について、理論に基づいてES5と異なる点と概念と動作原理を深く教えてくれます。

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

Bootstrapを使わずに、純粋なhtml/css/jsのみを活用して、デバイス別に多様なレイアウトを実装できるレスポンシブウェブページ作成[2024年最新版]授業の実践制作授業です。

CSS Gridは、複雑なレイアウトも簡単かつ直感的に実装できる強力なツールです。今回の講義では、CSS Gridの核心的な概念から実践的な活用法まで、段階を追って簡単に学べるように構成しました。もう複雑なfloatやflexboxに縛られることなく、効率的なレイアウト設計の定石を学びましょう！今すぐ始めてください！

最近、LLMが開発環境を変えていますが、本当に重要なのは「コードを代わりに書くこと」ではなく、サービスに機能として組み込むことです。 この講座では、Next.js + OpenAI APIを使って、軽量ながらも完成度の高いタロット占いサービスを段階別に実装します。 最初のステップでは、バックエンドなしでも可能なMVPを作成し、ユーザー入力のフロー（質問/スレッド/カード選択）から結果の生成までを繋げます。 その後のステップで、バックエンドの構築、一般ログインとOAuth、コミュニティ機能、リーディングダッシュボードへと機能を拡張します。 最後に、AWSへのデプロイとGoogleアドセンスの連携まで行い、実際に運営可能な形で仕上げます。 また、LLM APIの使用料金が負担にならないよう、料金構造の理解とコスト最適化戦略もあわせて扱います。

このコースは、関数型プログラミングとJavaScript ES6 +のシリーズコースで、さまざまなアプリケーションケースをカバーしています。

1時間で終えるReactベースのGPT AIサービス 講義受講後、自分だけのAI GPT SASSソリューションを構築してみましょう。

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

最近話題のバイブコーディング！AIツールを活用してカチッ！クリックだけでウェブサイト(Next.js)を開発してデプロイする方法を学べます。Google Gemini proを無料で利用して開発する方法までお教えします。

ウェブデザイン開発技能士（旧ウェブデザイン技能士）出題基準（2025.1.1 ～ 2027.12.31）まで施行される出題基準に正確に合わせたウェブデザイン技能士実技試験の内容に最適化されている実技試験専門講義として、HTML+CSS+JQUERYパブリッシング、コーディングワークスのウェブデザイン開発技能士実技試験講義は一味違います。 2026年ウェブデザイン開発技能士のすべての試験タイプ（A, B, C, D, E, Fタイプ）を完璧に制作した授業動画がすべて反映されています。

解きながら学ぶ 情報処理産業技士 情報処理産業技士 過程評価型 実技 合格のために すべてを準備しました。