AIと一緒に学ぶNext.js

フロントエンド開発に必要なJavaScriptの基礎知識。実務者として必ず知っておくべき必須知識を簡単かつ迅速に説明します。2024年現代フロントエンド開発トレンドを反映した基本講座。

実力のあるフロントエンド開発の実務者になりたいなら必ず受けるべきテスト講義。テスティング入門から実践まで一気に終わらせる 👊

Reactを始める際に必ず知っておくべきNext.jsフレームワーク。初心者目線のわかりやすい説明から、実務者も満足する奥深い動作原理の理解まで。Next.jsを一気に解決します。

実務で最も多く使われているReactフレームワーク、簡単で速く楽しく学んでみましょう！ToDoアプリを作りながらReactの動作原理、コンポーネント設計、リファクタリング方法を学びます。

実務でよく使われるReactとVueのコードを書きながらTypeScriptの必須概念を学ぶ講座です。ReactとVueに型を適用する方法、ChatGPTの使い方まですべて押さえる実務者と入門者の両方のための講座!

Vue 2と最新のVue 3の両方で使用できるVue Composition APIを最も簡単かつ正確に学べる講座!

Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発を行う際に知っておくべき基本概念を学びましょう。

自分が作ったVue.jsサイトがより多くの人に露出されることを望むなら？キャプテンパンギョのVue.jsシリーズを全て聞いて、今度はサーバーサイドレンダリングもやってみたい方におすすめの講座です。Nuxt.js入門講座！

Vue.jsでTypeScriptを始める方のための最高の講座。2つの実習プロジェクトで楽しく学ぶVue.js + TypeScript完全攻略。学びながらすぐに実務に適用してみてください!😄

「TypeScript入門 - 基礎から実践まで」の実践活用編です。入門編を受講されていない方は入門編から受講してください 😄

TypeScriptを始める方のための講義です。最新のJavaScript文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。難しく感じられるTypeScriptを初心者の視点から簡単で楽しく学んでいきましょう😄

1000人が選んだWebpack講座！新しくリリースされたWebpackバージョンに合わせてリニューアルされた講座です。実習中心でより簡単にWebpackを学んでみましょう :)

Vue.jsで実務をされている方に必要なすべてを盛り込みました。実際のバックエンドAPIで実装する学習ノートCRUDアプリケーション。生産性の高いプロジェクト環境構築とバックエンド開発者と協業する方法についてのメッセージをぜひご確認ください :)

Vue.jsで簡単にWeb開発ができるよう、基本概念と核心機能について学習し、実装してみます。 講座を受講すると、Vue.jsでフロントエンド開発をするのが楽しくなるでしょう。

Do it! Vue.js 入門 -> Vue.js 初級講座 -> Vue.js 中級講座の系譜を継ぐVue.js 実践講座です。 Vue.js を実務で完璧に活用できるようサポートします。

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

Vue.js 中級講座 - 「誰でも」、「簡単に」、「素晴らしい」Webアプリケーションを作れるようサポートするVue.js活用講座です。Vue.jsに対する基本的な理解をもとにTodoアプリを作りながら、コード中心の実用的な知識を学びます。

Midjourneyの生成からCapCutの編集まで! 実務ですぐに使えるAI動画制作ワークフロー完成

2D グラフィックスの独占的な強者 PixiJS の基本を習得し、AI コードエディター Cursor を使用して迅速かつ効率的に開発する方法も学びます。

AI画像・動画生成ツールとバイブコーディングを活用し、ホームページ、ランディングページ、インタラクティブウェブサイト、AI AgentベースのCMSまで、実務ですぐに応用可能なウェブ制作のフローを学びます。 この講義は、単にAIで画面を一つ作ってみるだけの講義ではありません。OpenAI Images 2.0、Kling、Higgsfieldなどの最新AIツールで画像や動画を生成し、それを実際のウェブサイトのヒーロー画像、背景動画、トランジション動画、インタラクションアセットとして活用するプロセスを扱います。 Next.jsをベースに、シネマティックなランディングページ、ゲーム型インタラクティブホームページ、問い合わせページ、ブログコンテンツページを段階的に実装し、実務者がホームページやランディングページを制作する際にそのまま参考にできる構造とフローを習得します。 特にこの講義では、伝統的な管理者ページ形式のCMSだけにこだわりません。Codex、Claude CodeのようなAI Agentが、決められたスキルやアップロードルールを参考にコンテンツと画像アセットを整理し、Neon DBとVercel Blob StoreにアップロードするAI AgentベースのCMS構造を実装します。 つまり、管理者が直接フォームに一つずつ入力する方式ではなく、ブログのテーマや参考資料、画像アセットを渡せば、AI Agentがコンテンツ構造を整理し、一貫したフォーマットでアップロードできる運営方式を体験します。その後、必要に応じてこの構造を伝統的な管理者ページ、承認ワークフロー、自動化パイプラインへと高度化させることができます。 また、制作で終わるのではなく、Vercelへのデプロイ、GoDaddyドメインの接続、SEOメタタグ、favicon、OG画像、sitemap、robots.txtの設定まで、実際の運営に必要な要素を共に準備します。 Googleサーチコンソール、Bingウェブマスターツール、Naverサーチアドバイザーにサイトを登録して所有権を認証するプロセス、Google AnalyticsとGoogle Tag Managerをセットアップして訪問者データを追跡する方法も併せて扱います。 講義が終わる頃には、AIを活用した企画、画像・動画アセット制作、Next.js実装、SEO最適化、デプロイ、検索エンジン登録、分析ツール設定、AI Agentベースのコンテンツ運営までつながる実務型のウェブ制作フローを、自ら再現できるようになります。

ChatGPTから画像・動画生成AI、ノーコードツールまで、最新の生成AI技術の原理と実践的な活用法を体系的に学習します。プロンプトエンジニアリング、Copilotの活用、AI拡張機能など、7つの核心的なテーマを通じて業務効率を最大化し、創造的な問題解決能力を養うことができます。

このレッスンを通して、Webゲームをどのように開発するかを知ることができます。

AIを活用して30本近い広告動画を制作し、その過程でプロンプトや制作工程を共有してきました。しかし、意外にも最も多く寄せられた質問はこれでした。 「どのような考えで、このように作られたのですか？」 AIの機能は日進月歩で進化しています。しかし、その技術を正しく活用するために不可欠な要素があります。それは、自ら基準を立てて判断できる「独立した思考能力」です。自分なりの視点と判断基準が確立されていてこそ、AIは道具として初めて真に機能します。 この講義の目標は、まさにその点にあります。 技術を学ぶのではなく、独立した思考能力を拡張すること。 そのために、最も多くの共感を得た動画から始めていこうと思います。制作意図を最大限に構造化し、思考のプロセスを紐解いて説明します。この時間が単なる制作手法を超え、それぞれの思考を広げるインサイトにつながることを願っています。

戦略策定、リファレンス収集、プロンプト、実際の広告代理店でAIを使って働く方法を具体的にお見せします。

ThreeJSとSpringAIで作る3D地球儀アーティクルサービス | Neo + Essential 自分だけのチャットボットとThreeJSを通じて3D地球儀アーティクルサービスを作ってみましょう！

プロンプトだけで財務諸表を分析し可視化する魅力的なコーディングの世界へ招待します。 コード一行なしにAIと相談しながらサービスを作りデプロイまで進めます。

ジェームスコーディングコースは、フルスタックの深化カリキュラムの開始前に、Web開発の基礎を盛り込むことができるフルスタック開発入門コースです。することができます。

챗GPTで自分だけのコンテンツ(歌、漫画、ブログ、本、論文など)を作り、新しいビジネスを創出してみませんか。

AIリテラシーとは、「AIを技術者ではない一般ユーザーも実務や日常で効果的に活用できる能力」、そして「AIを批判的に評価する能力」を指します。AIを上手く「活用」するための核心的な知識であるプロンプトエンジニアリングから、セキュリティの理解、拡張、自動化、言語モデルの構造まで、非専門家でも理解できるように設計された実用中心のリテラシー講義です。

このコースは機械・金属加工産業でAIを活用して生産性と品質を向上させる実務戦略を扱います。CNC、溶接、切断など主要工程データを分析し、不良率削減・予知保全・作業者安全管理までAI技術がどのように適用されるかを実際の事例とともに説明します。学習者は中小企業から大企業まで現場ですぐに活用できるAIベースの加工最適化方法を理解し、グローバル競争の中で製造革新を実現できるインサイトを得ることができます。

この講義にはサーバー（Java+Springboot）とフロント（React、ReactNative、Flutter、Android、iOS）をすべて含めました。 この講義でフルスタック掲示板を作る経験を進めてみてください

最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

実際の業務状況に合ったAI活用法と成果向上法を学びます。(つまり、ショート動画の自動生成のようなものは学びません。) AIを単なるツールではなく、究極の業務効率化ツールとして活用する方法を学ぶ実践型講座です。 ChatGPT, Gemini, NotebookLM, Gesnpark, Skyworkなど様々な生成AIと最新のAIエージェントを活用し、 AIプロンプト活用 → AIデータ分析 → AI業務自動化実現まで一度にマスターします。 プランナー、マーケター、管理者、起業家など、すぐに実務に応用できる業務生産性と成果向上戦略を習得したい方に最適化されたクラスです。

この講義は単なる流行を超えて、AIツールと協業する方法を体系的に学び、出力品質を検証・改善し、アプリケーションを最初から最後まで構築・デプロイする過程を扱います。AIに関心のある開発者からチームの生産性を高めたいチームリーダーまで、誰でも受講できます。

本講義では、Microsoft 365エコシステムのスマートな業務パートナーであるM365 Copilotを中心に、セキュリティと著作権が保護された環境でAIを活用して業務革新を実現する方法を扱います。Copilotの主要機能と様々なMicrosoft 365サービスとの連携活用方案を紹介し、正確で効果的な回答を引き出すためのプロンプティング技法も併せて提示します。

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

一人で広告をパパッと完成！ AIで画像から映像・音楽まで仕上げるビジュアルクリエイティブ実習