Web作成
Googleの新しい音声合成モデル「Gemini 3.8 Flash TTS」と、進化したChatGPT Voiceについて実演を交えて紹介する動画。特にGemini 3.8 Flash TTSは感情豊かで自然な日本語読…
Anthropicが新モデル「Claude Opus 5.5」を発表。Opus 5比で処理性能を大きく向上させつつ、コストは約40%削減されたのが最大の特徴です。動画では発表内容の要点整理に加え、配信元企業が実際にOpu…
AIツール(CodexまたはClaude)を使い、HTML/CSSの静的サイトをゼロから生成し、それをWordPressテーマ化した上で、プラグイン「NovaMiira」でAIとWordPressを接続して動的サイト(お…
Claude Codeを使い始めて「なんとなく動かせているが合っているか分からない」という人向けに、情報の渡し方からトークン管理、並行作業、リモート操作まで13個の設定・機能をテンポよく紹介する動画。 要望はスクリーンシ…
Claude Code等のツールを使わず、ClaudeやChatGPTといったスマホアプリだけでホームページを作る手順を解説する動画。情報整理→ロゴ作成→テンプレートへの当てはめ→画像生成→調整→公開という流れを、実際の…
Anthropicの新モデル「Claude Opus 5.5」とOpenAIの「GPT-6 Sol/Luna」がほぼ同時期に登場したことを受け、既存のFable 5.1も含めて20パターン以上のタスクで生成物を比較検証し…
広告代理店ルート663への密着取材。クリエイティブ制作・広告入稿・広告運用・レギュレーションチェック・記事(LP前段のコラム)作成・社内管理ダッシュボードまで、業務の大半をAIで自動化し、少人数で年商10億円超・1人あた…
現役Webデザイナーが、後輩がAIで生成したランディングページ(LP)のファーストビューを、実務で使える納品レベルまでビフォーアフター形式で修正する実演動画。AI生成デザインにありがちな違和感や訴求力不足を、プロの視点で…
AIエージェントの「スキル」をテーマに、Claude CodeとCodexを併用するエンジニア同士が、実際に使っているスキルや自作スキルの作り方、モデル更新時の運用法を語り合う対談動画。UI生成スキルによる品質改善から、…
Gemini 3.0を使い、コードを一切書かずにプロンプトだけでプロ級のポートフォリオサイトを作成し、GitHub Pagesで無料公開、さらに案件受注につなげるまでの流れを一気通貫で解説する動画。 Geminiには高速…
Anthropicの最上位AIモデル「Claude Fable 5」を使い、現役Web制作フリーランスがCursor上のClaude Codeからサイト制作を実演。1回の指示で完成度の高い美容室サイトを生成し、コード品質…
Hyper Agentというノーコードのクラウドツールを使い、リサーチ・執筆・デザインを分担する3体のAIエージェントチーム(Scout・Ridge・Atlas)を構築する方法を実演した動画。1つのエージェントに全タスク…
Claude CodeやCodexなどのAIエージェントと接続して仕事を効率化できるMCP(Model Context Protocol)ツールを約20種類、実演を交えて紹介する動画。GmailやNotionのようなオフ…
2026年7月のアップデートでChatGPTアプリが「チャット」「ワーク」「コーデックス」の3タブに再編された。本動画は不動産業の空室対応を題材に、自律的にタスクをこなす新機能「ワーク」の使い方を実演形式で解説している。…
ChatGPTの新しい画像生成モデル「GPTイメージ2.5」を徹底検証した回。一貫性維持能力の向上、生成速度の高速化、2つのモデル(フレア/サンバースト)の違い、新機能「スケッチ」「コメント編集」を実例とともに解説してい…
ChatGPTの新機能「サイト」を使うと、パソコンから目的とターゲットを伝えるだけで複数ページのホームページを自動生成できる。作成中は放置でき、公開・修正もすべてチャットの指示だけで完結する。 ChatGPTの「サイト」…
フリーランスWeb制作者が、音声入力とClaude Codeだけでキーボードをほぼ触らずに1日を過ごす密着動画。ジムや移動などの「手が動かせない時間」に複数タスクを並行実行させ、通常なら50時間かかる仕事量を1日で終わら…
Claude Codeの「サブエージェント」機能を使い、プランナー・実装者・レビュアー・テスターの4体のAIで構成する開発チームを作る方法を解説する動画。実演ではブラウザで遊べるブロック崩しゲームを、人間はコードを一行も…
ChatGPT Codexデスクトップアプリを日常的に使い倒している「AI強者」が実践している5つの機能・使い方を、いまにゅ氏とJ君が対話形式で紹介する動画。チャット履歴のコンテキスト活用からモデルの役割分担まで、Cod…
AI初心者向けに、無料アプリ「VS Code」とAnthropicの「Claude Code」を組み合わせた導入手順を、インストールから日本語化、実際の業務活用例までゼロから解説する動画。工務店を舞台に、工事進捗報告書作…
Claude CodeとFigma、Cursorを連携させ、AI感のないプロ品質のWebサイトを短時間でコーディング・公開する手順を実演する動画。MCP(Model Context Protocol)を使ってツール間を接…
OpenAI公式のGPT-5(アストラ)プロンプトベストプラクティスをもとに、エフォート(思考量)設定の使い分け方、暴走しやすい情報収集や修正作業を抑えるプロンプトの工夫、そしてCodex内スキルの棚卸しの必要性を解説す…
ChatGPTの画像生成機能だけを使い、絵心やコーディング知識がなくても「漫画LP（ランディングページ）」を作成する手順を解説する動画。ストーリー設計から公開までの5ステップと、キャラクターの一貫性を保つコツ、実際の広告…
既存のバーチャルオフィスツールを使わず、ゼロからAIエージェントが働く「AIバーチャルオフィス(バーチャル会社)」を自作した企画。Web制作会社という体裁で、複数のAIエージェント社員がランディングページなどの案件を自律…
AIでホームページを作れる時代になったが、「作れること」自体には価値がなく、成果を出すには事前の戦略設計が不可欠だと説く動画。設計書の作り方から、一撃系AIツールとChatGPTとの対話による本格的な作成方法まで、実践プ…
StockSunのメンバーが「AIでLPをどこまで作れるか」を1年前の検証と比較しながら再挑戦。競合LPのスクショ・トンマナ・コンテンツをAIに解析させ、Google AIスタジオの「Build」機能で実際にLPを生成す…
フロントエンドエンジニア出身のAI専門家が、ランディングページ(LP)をAIで作れるかを実務レベルで検証した回。既存デザインの再現度や、画像切り張り方式とAIコーディング方式それぞれの向き不向きを具体的な事例とともに解説…
OpenAIの新モデル「GPT-6 Astra」(Codexで利用可能)を検証した動画。非エンジニアでもBlender用MCPと組み合わせるだけで本格的な3Dモデリングやゲーム制作ができることを実演し、コンピュータユース…
コード知識がなくても使える「エージェント型AI」Claude Codeの使い方を、環境構築から実践活用、注意点、応用機能まで7ステップで解説する動画。議事録作成やPDFからのデータ抽出、見積書作成、簡易Webページ制作な…
Geminiのチャット機能とキャンバス機能を使い、契約書レビューSaaSを題材にLP(ランディングページ)を0から作成する工程を実演した動画。構成・ライティング・コーディングまでAIに任せつつ、画像生成はNano Ban…
Claude(Anthropic)のArtifacts機能と新機能Claude Designを使い、プログラミング知識ゼロで15分でプロ品質のホームページを作るデモ動画。会話だけでサイトの骨格を作り、細部のデザインを仕上…
Geminiが直近で「動画生成」「音声会話エージェント」「文字起こし」の3分野を立て続けにアップデートした内容を解説する動画。特に動画生成は市場トップクラスの品質に達し、音声まわりの機能強化も業務効率化に直結すると紹介し…
デザイン会社経営者がGeminiの「Canvas」機能を使い、花屋のオンラインショップ向けLP(ランディングページ)を構成設計からデザイン、コード生成まで一気通貫でAIに作らせる実演動画。プロンプト作業のみでプロ級のLP…
Claude CodeとClaude Designを使ってホームページを作成し、Netlifyで無料公開するまでの一連の流れを解説する動画。指示書作成、デザイン調整、問い合わせフォーム実装、独自ドメイン設定まで実演を交え…
AIエージェントツールのClaude CodeとCodex（ChatGPT系）を、モデルの傾向・使い勝手（UI/UX）・機能とエコシステムの3観点で比較。結論としてはClaude Codeを優先的に学ぶことを推奨しつつ、…
フリーランス養成講師が、プログラミング知識ゼロでもClaude Codeのデスクトップアプリだけでレストランサイトを10分で完成させる過程を実演。環境構築からプロンプトの書き方、メモリ・スキル機能を使った複数ページサイト…
Gemini 3を使い、プロンプト1回または参考画像1枚だけでハイクオリティなWebサイトを一瞬で生成する方法を実演。旧モデル(Gemini 2.5 Pro)との比較や、生成したデザインをWordPressに実装する手順…
CloudflareはCDNやセキュリティで知られる企業だが、近年はサーバー実行環境・DB・ストレージまで備えたWebサービス丸ごとの実行基盤に進化している。2026年4月に登場したWordPress代替の新製品と、20…
シニアエンジニアがどのようにAIコーディングエージェントを運用しているかを、実際のプロダクト(顧客チャットサポートSaaS「Marshall」)へのAIエージェント機能追加を題材に解説する動画。開発環境・モデル戦略・スキ…
クラウドネットワークサービス「Cloudflare」の基本と、Claude Code(やCodex)と接続して自然言語だけでウェブサイトの作成・デプロイまで行う方法を解説する動画。実際にClaude Code上からサンプ…
「よくあるAIっぽいデザイン」から脱却するための思考法として、コンセプトと具体的なデザインシステムの間に「モチーフ」という中間層を言語化して置く手法を紹介する回。ChatGPTでの参考画像生成とClaude(チャット版)…
広告代理店のスタッフが、既存サービスサイトのURLを読み込ませるだけでデザインルールをMDファイル化し、Claude CodeとPowerShellを連携させてランディングページ(LP)を一式生成した事例を紹介する対談動…
2026年8月14日〜20日のAI関連ニュースをまとめた回。Claude Codeの4つの大型アップデートを中心に、Slackと連携した「Slack Code」、中国発の新モデルGLM-5.3、OpenAIの超高速推論「…
Web集客の要となるランディングページ(LP)を、AIを使ってわずか15分で作る方法を解説する動画。AIに丸投げせず「リサーチ→制作→編集」の3ステップを踏むことで、当たり障りのないLPではなく、そこそこ質の高いLPを短…
Claude CodeとCodexという2つのAIエージェントを使い、ローカル環境でのWordPress構築から本番公開・問い合わせフォームの動作確認までを一気通貫で実演する動画。サイト設計図とデザインファイルをAIに渡…
Googleの新モデル「Gemini 3.7 Flash」が発表され、プロダクションコードクオリティやWeb開発、PDF理解などのベンチマークでClaude Sonnet 5やGPT-5.6を上回る結果を記録した。低コス…
Claude CodeやCodexを導入したら真っ先に作るべき「エージェントスキル(再現性の高い手順書)」を10種類、実演を交えて紹介する動画。メモ管理から日本語調整、デザイン統一、デプロイ、画像・動画生成まで、日常のA…
Web業界14年のAIプログラミングスクール代表が、Claude Design・Claude Code・ChatGPT(GPT Image)を連携させて外注なら100万円以上かかるプロ品質のコーポレートサイトを数時間・約…
マーケティング侍とAI活用の専門家チャイエン氏が、AIを使ったランディングページ(LP)制作の最新事情を解説する回。以前は「AIのLPは平均点止まり」と言われていたが、現在はプロのコピーライターも驚くレベルまで進化したと…
Canvaデザイナーが、ChatGPT(GPT-4 Image/画像生成モード)で作成したランディングページ(LP)の叩き台デザインを、Canvaの「マジックレイヤー(Magic Media)」機能でレイヤー分解し、1時…
xAI/SpaceXが開発した新しいAIエージェントアプリ「Grok Bot」を実際に課金して検証した内容。Claude CodeやCodexとの違いや、独自の「AI社員(ボット)を作ってチームにまとめる」という思想を中…
Geminiの画像生成機能「ナノバナナ」とCanvaのウェブサイト機能だけを使い、Figma・コーディング・WordPressなしで美容系LP(ランディングページ)をデザインから公開まで行う手順を解説する動画。デザイン未…
海外移住Webデザイナーのあやか氏が、抹茶パフェのLP制作を題材に全6回シリーズでAI時代のプロのLP制作術を解説。第1回は「売れるLP」を作るための前提設計フェーズで、参考サイトの探し方・競合デザインリサーチ・構成と文…
Web制作歴14年のエンジニアが、AIでプロ級のウェブサイトを作るための15のコツを解説する動画。AIの性能不足ではなく「ディレクション不足」が素人っぽさの原因だとし、決める・伝える・検品するというディレクターの役割をA…
Obsidianに蓄積したメモを起点にAIハーネス(CLAUDE.md・メモリー・スキル・サブエージェント)を構築し、Claude Codeで実際にQ&A検索サイト「OBQA」を実装からデプロイまで作り切る過程を公開する…
個人開発でWebサービスを低コストかつAIエージェント完結で運用できる「Cloudflareスタック」(Workers/D1/R2/KV)を紹介する動画。データベース・ストレージの用意からデプロイまでClaude Cod…
OpenAIが発表した新エージェント「ChatGPT Work」と最新モデルGPT-5.6を、ノンエンジニア向けに徹底解説する動画。従来のチャットが「質問に答えるAI」だったのに対し、ChatGPT Workはファイルや…
OpenAIのAIエージェント「Codex」は2026年6月に週間アクティブユーザー数が500万人を突破し、開発者だけでなくアナリストやマーケター、デザイナーなど非エンジニア層にも急速に利用が広がっている。本動画ではCo…
AIにウェブサイトを作らせると紫グラデーションと絵文字だらけの「いかにもAI」なデザインになりがちという問題に対し、約30パターンの検証を通じて「AI感」を消すための具体的アプローチを7つのカテゴリに整理して紹介する動画…
Claude CodeにAI動画生成サービス「Higgsfield」をMCP連携させることで、画像・動画生成が苦手なClaude Codeに強力な生成能力を付与し、CM動画やホームページ素材、さらにはYouTube動画ま…
ChatGPT/CodexがGPT-5.6にアップデートされ、モデル体系やデスクトップアプリの構成が大きく変わった。新モデルSol/Terra/Lunaの使い分け、ChatGPT WorkやChatGPT Sitesとい…
ChatGPTに追加された新機能「Work」を徹底解説する動画。従来のチャット型AIとの違いから、使用量を左右する4つの設定、実際の操作手順、そしてメール処理や見積書作成などビジネス活用例7選までを網羅している。 Cha…
PIVOT司会の野嶋剛氏が、AIスクール運営会社DIVEの講師・安倍孝一郎氏の指導のもと、Claude Codeを使って自分専用の番組企画リサーチAIエージェントをわずか4時間で構築する体験企画。ターミナル操作の基礎から…
OpenAIのCodexにChatGPT Voice機能が搭載され、音声で会話しながらタスクを丸ごと任せられるようになった。実際にフォルダ作成、Webサイト生成、スキルを使ったスライド資料作成、Vercelへのデプロイ、…
Claude Codeにインストールすべき便利なSkill(スキル)を11個紹介する動画。スキルとはClaude Codeに事前登録できる作業手順書で、公式・有志作のものがあり、自然言語やスラッシュコマンドで呼び出せる。…
米国App Storeで無料1位を獲得し急成長するAIチャットアプリ「Claude」の20以上の機能を、約70枚の資料で網羅解説した動画。単なるチャットにとどまらず、外部ツール連携・デスクトップ操作・非エンジニア向けのコ…
OpenAIのCodexを使った個人開発のワークフローを、画像レビューアプリ(サムネやバナーにピンでコメントを残し、修正状況・承認まで管理するツール)を実際に作りながら解説したショート動画。要件定義から実装、レビュー、機…
OpenAIとのタイアップで、AIコーディング講師がCodex（デスクトップアプリ）を使い、画像フィードバックツールをゼロから開発する全工程を実演した動画。要件定義から動くWebアプリ完成、機能追加までを通し、Codex…
OpenAIの最新モデル GPT-5.6（Sol / Terra / Luna の3階層）を、Webサイト制作・ゲーム実装・スライド生成という実制作物で検証した回。結論は「Fable 5 超えではなく得手不得手の住み分け…