本記事は広告が含まれる場合があります

最新記事一覧

最新の記事一覧はこちら

サイト運営者について

まつもと

松本慶(まつもとけい)
株式会社WEBST8(ウェブストエイト)代表取締役。

約9年メーカーにてシステムエンジニア経験後、2016年脱サラ・独立したのち、現在は個別指導のWEBスクール運営中。

Webやマーケティングなど覚えたノウハウを自他のビジネスに活かすことが好き。最近は「アフィリエイトを副業で始めたい」というお問い合わせが多くあるので、2019年度からブログ運営も強化中。

運営者情報
教室情報はこちら

YouTubeチャンネル開設しました！

最大月間50万PVの当ブログをベースに、Youtube動画配信にてWordPress、ホームページ作成、ブログのことについてお役立ち情報を随時配信していきます。

WEBST8チャンネル
本動画では、初心者向けにClaudeとは？無料有料プランとの違いや、ChatGPT(OpenAI)やGemini(Google)との違いを解説。 実際にアカウント開設から、デスクトップアプリ、Visual Studio Code、ターミナル（CLI）のそれぞれでClaude Codeを環境設定する方法と簡単な使い方を実演デモを交えてわかりやすく紹介。 またAIの出力品質を安定させるための「CLAUDE.md」や「エージェントスキル（SKILL.md）」の設定方法も詳しく解説しています。 ■メンバーシップ動画 https://www.youtube.com/playlist?list=UUMOYIqpw7ZJFgMGMSLhWq83Fg ■個人事業主様・経営者様など自分のビジネスのためにホームページの作り方を習得するスクールWEBST8 https://webst8.com/ ■SNS https://www.instagram.com/webst8_com https://www.tiktok.com/@webst8_com https://x.com/mattsunkei 参考サイト） 【初心者向け 】Claudeとは？他生成AIとの違いや使い方を解説 https://webst8.com/blog/ai-claude/ 初心者向けClaude Code の始め方・使い方完全ガイド https://webst8.com/blog/claude-code/ →動画に載せたプロジェクト共通用CLAUDE.mdのサンプル（コピペ可)を掲載。 PATH を確認する Claude Code Docs https://code.claude.com/docs/ja/troubleshooting#path-%E3%82%92%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B ドラクエXが生成AIキャラクター導入へGemini 2.5 Flash活用の「おしゃべりスラミィ」 https://www.itmedia.co.jp/aiplus/articles/2603/21/news012.html 「Claude」の“偽サイト”登場　「日本語無料版」など巧みに誘う　すでに閲覧不能も検索順位の高さは脅威 https://www.itmedia.co.jp/news/articles/2603/13/news086.html 【目次】 ・0:00 オープニング ・2:27 ClaudeおよびClaude Codeとは？無料プランと有料プランの違い ・2:57 OpenAI(ChatGPT)とGoogle GeminiとClaudeの違い ・6:27 Claudeアカウントの新規作成とWEB版の始め方 ・9:40 プライバシー設定（データ収集をOFFにする方法） ・10:15 デスクトップアプリのインストール ・10:50 デスクトップアプリでClaude Code環境を構築する ・13:25 デスクトップアプリでの実演デモ（PDF→PNG変換ツールの作成） ・16:10 Visual Studio Codeでの拡張機能インストールと初期設定 ・20:48 Visual Studio Codeでの実演デモとAIモデルの変更方法 ・27:59 ターミナル(CLI)でのインストールとエラー(パス)対処法 ・31:50 ターミナルでの基本操作と実演デモ（WEBサイト作成） ・37:06 知っておきたいCLAUDE.mdとSKILL.mdによるAIのカスタム指示設定 ・38:20 CLAUDE.md（動作ルール設定）の活用法 ・41:10 エージェントスキル（SKILL.md）の活用法 ・46:49 まとめ・エンディング #ClaudeCode #Claude #生成AI #VSCode #webst8
【Claude Codeインストール設定】Claudeとは？始め方・使い方を初心者向けに徹底解説 #webst8
今話題のAI開発ツール「Antigravity」の基本的な使い方からWebサイト・アプリ作成デモまでを解説します。 今話題のAI開発プラットフォームAntigravity（アンチグラビィティ）のインストールや日本語化などの初期設定をはじめ、WEBサイトの構築、PDF変換アプリの作成、Excelのデータ自動整形など、すぐに役立つ実践的なデモを収録。さらに、ルール・ワークフロー・スキルや、利用上の注意点、セキュリティ対策についても詳しく解説しています。 参考サイト） AIでWebアプリ作成！AI開発ツール Antigravityの設定・使い方を徹底解説 https://webst8.com/blog/ai-antigravity/ →コピペ用のGEMINI.mdは上記ブログに用意しています。 ■再生リスト： https://www.youtube.com/playlist?list=PLIP0FYtnmcp3m4fb9MoJuHzc6RcI41nki ■メンバーシップ動画 https://www.youtube.com/playlist?list=UUMOYIqpw7ZJFgMGMSLhWq83Fg ■個人事業主様・経営者様など自分のビジネスのためにホームページの作り方を習得するスクールWEBST8 https://webst8.com/ ■SNS https://www.instagram.com/webst8_com https://www.tiktok.com/@webst8_com https://x.com/mattsunkei 【目次】 ・0:00 オープニング：話題のAI開発ツール「Antigravity」とは ・2:56 インストール手順とおすすめ初期設定（日本語化など） ・14:28 基本的な見方と操作方法（エディター＆エージェントモード） ・18:01 実践デモ①：シンプルなWEBサイトを自動生成 ・25:40 実践デモ②：PDFを画像に変換するWEBアプリの開発 ・30:03 実践デモ③：Excelデータを自動整形するスクリプトの作成 ・40:45 エディターモードを使った既存アプリの修正デモ ・43:53 便利なカスタマイズ機能（ルール・ワークフロー・スキル） ・49:58 外部システムと連携するMCPサーバー機能について ・51:15 利用時の注意点とセキュリティリスク・対策 ・55:32 エンディング・まとめ 【ハッシュタグ】 #antigravity #AIツール #Gemini #AI活用 #webst8
【2026年】Antigravityのインストール手順と使い方を徹底解説〜AIでWebアプリ作成〜 #webst8
NotebookLMのスライド作成機能が待望のアップデート！これまでPDFでしか保存できず編集が手間だったスライドが、ブラウザ上で直接編集（プロンプト指示）できるようになり、さらにPowerPoint（.pptx）形式でのダウンロードにも対応しました。 本動画では、基本的な使い方から、複数ソースの扱い方、Googleスライドとの連携、著作権やプライバシーに関する注意点まで、進化したスライド作成機能を徹底解説します。キャンバやパワポで数時間かけていた資料作成の時間を劇的に短縮したい方は必見です！ ■再生リスト： https://www.youtube.com/playlist?list=PLIP0FYtnmcp3m4fb9MoJuHzc6RcI41nki ■メンバーシップ動画 https://www.youtube.com/playlist?list=UUMOYIqpw7ZJFgMGMSLhWq83Fg ■個人事業主様・経営者様など自分のビジネスのためにホームページの作り方を習得するスクールWEBST8 https://webst8.com/ ■SNS https://www.instagram.com/webst8_com https://www.tiktok.com/@webst8_com https://x.com/mattsunkei 参考サイト） AIでスライド資料を自動生成！Gemini Canvas・NotebookLM・Googleスライド活用術 https://webst8.com/blog/gemini-slide/ https://youtu.be/-bmKqYHQRGM https://youtu.be/3UDwPQ5f-hE https://youtu.be/MXGKsOpZjCQ https://youtu.be/0KjjZrysPDM 目次 ・0:00 NotebookLMスライド機能アップデートの概要 ・1:05 基本的な使い方とソースの追加方法 ・1:59 スライド機能の紹介と直接編集の実演 ・5:32 アップデート前のスライドに関する注意点 ・6:30 実践例1：ショートカット一覧スライドの作成 ・7:39 実践例2：スライド資料のカスタマイズ指示 ・10:45 複数ソースを利用する際の注意点とテーマの絞り込み ・13:47 パワポ形式でのダウンロードとGoogleスライドへのインポート ・14:56 Googleスライド上での画像作成サポート（生成AI）の活用 ・15:35 スライド作成用のプロンプトを作成 してからスライド作成する ・17:36 安全に使うためのガイドライン（著作権とプライバシー） ・19:50 まとめ 【ハッシュタグ】 #NotebookLM #AIツール #スライド作成 #Googleスライド #webst8
【アプデ】NotebookLMでAIスライド編集＆パワポ出力が可能に。AIスライド作成と編集方法 #webst8
GoogleのAI「Gemini」がアップデート！自分専用のカスタムAIを作れる「Gem（ジェム）」と、特定の資料を学習させる「Notebook（ノートブック）」が遂に連携しました。 GemsとNotebookLMの基本から、実際に「社内ヘルプデスクAI」を構築する具体的な手順をかいせつします。 詳しい解説はプロフィール@webst8_comのリンクのYouTubeチャンネルから動画本編を見てね！ ─────────── 投稿保存してあとで試そう🔖 ▶ @webst8_com ではAIやWebの便利技を発信中！ #webst8 #gemini #ai活用 #notebooklm
Geimini × NotebookLM 連携が実現！Gem（ジェム）を利用してノートブックのソースを参照可能に！ #webst8
Gemini Canvas機能で爆速スライド作成 GeminiのCanvas機能を利用していますか？Canvas機能をオンにして「スライド作成して」という指示だけで高品質なスライドが完成します！Googleスライドへのエクスポートも可能。Gems機能（カスタム指示）の併用でさらに時短できます。面倒な資料作成を劇的に効率化しましょう！ 詳しい解説はプロフィール@webst8_comのリンクのYouTubeチャンネルから動画本編を見てね！ ─────────── 投稿保存してあとで試そう🔖 ▶ @webst8_com ではAIやWebの便利技を発信中！ #webst8 #gemini #ai活用 #スライド作成
Gemini Canvas機能で爆速スライド作成 #webst8
NotebookLMでスライド作成が激変！AIで爆速資料作り術 GoogleのAIツール「NotebookLM」を活用して、スライド資料を作成する方法を解説します。 WebサイトのURLやブログ記事を読み込ませるだけで、ビジュアル豊かなデザインのスライドを自動生成。 資料作成の時間を大幅に短縮できます。生成したPDFをCanvaで編集・微調整する実践的なテクニックも紹介しているので、ぜひ最後までご覧くださいね✨ 詳しい解説はプロフィール@webst8_comのリンクのYouTubeチャンネルから動画本編を見てね！ ─────────── #webst8 #gemini #ai活用 #notebooklm #スライド作成
NotebookLMでスライド作成が激変！AIスライド資料作成術　#webst8
今回は、Googleの生成AI「Gemini」のCanvas機能、GoogleスライドのAI機能、そしてNotebookLMを活用して、プレゼン資料やスライド資料を作成する方法を解説します。 カスタム指示（Gem）を使った品質安定化テクニックや、PDFしか出力できないNotebookLMによるスライド資料PDFの画像化・微調整方法など、各ツールの便利な使い方を解説しています。 ■再生リスト： https://www.youtube.com/playlist?list=PLIP0FYtnmcp3m4fb9MoJuHzc6RcI41nki ■メンバーシップ動画 https://www.youtube.com/playlist?list=UUMOYIqpw7ZJFgMGMSLhWq83Fg ■個人事業主様・経営者様など自分のビジネスのためにホームページの作り方を習得するスクールWEBST8 https://webst8.com/ ■SNS https://www.instagram.com/webst8_com https://www.tiktok.com/@webst8_com https://x.com/mattsunkei 参考サイト） AIでスライド資料を自動生成！Gemini Canvas・NotebookLM・Googleスライド活用術 https://webst8.com/blog/gemini-slide/ https://youtu.be/3UDwPQ5f-hE https://youtu.be/MXGKsOpZjCQ https://youtu.be/0KjjZrysPDM 【目次】 2:04 GeminiのCanvas機能でスライドを作成する方法 8:50 デザインの調整と詳細な指示の出し方 10:00 Gems機能を使って作成フローを定型化する 14:54 Googleスライド上でAI画像を生成・編集する 17:54 NotebookLMでソースから資料を一括生成する方法 25:07 生成されたPDFを画像変換して微修正する裏技 29:10 3つの作成方法のメリット・デメリット比較まとめ #Gemini #NotebookLM #AI活用 #webst8
AIスライド資料作成！Gemini Canvas＆Gemで爆速スライド作成＆NotebookLMやGoogleスライドの併用で効率化＆高品質スライド作成 #webst8
GoogleのAI「Gemini」がアップデート！自分専用のカスタムAIを作れる「Gems（ジェム）」と、特定の資料を学習させる「Notebook（ノートブック）」が遂に連携しました。 本動画では、GemsとNotebookの基本から、実際に「社内ヘルプデスクAI」を構築する具体的な手順、さらには精度を高めるプロンプトのコツまで解説します。 ■再生リスト： https://www.youtube.com/playlist?list=PLIP0FYtnmcp3m4fb9MoJuHzc6RcI41nki ■メンバーシップ動画 https://www.youtube.com/playlist?list=UUMOYIqpw7ZJFgMGMSLhWq83Fg ■個人事業主様・経営者様など自分のビジネスのためにホームページの作り方を習得するスクールWEBST8 https://webst8.com/ ■SNS https://www.instagram.com/webst8_com https://www.tiktok.com/@webst8_com https://x.com/mattsunkei 参考サイト） https://youtu.be/3UDwPQ5f-hE https://youtu.be/MXGKsOpZjCQ https://youtu.be/MXGKsOpZjCQ カスタム Gem 作成のヒント https://support.google.com/gemini/answer/15235603?hl=ja 【目次】 ・0:00 GeminiのGemとNotebook連携でできること ・2:03 Geminiの「Gem」機能をおさらい（特化型AIの作り方） ・3:23 実践例：画像変換やブログ記事生成の活用術 ・4:47 精度を上げるカスタム指示「4つの要素」とは？ ・7:41 「NotebookLM」のメリット（独自ソースに基づく回答） ・9:10 Notebookの基本操作と音声解説・マインドマップ機能 ・10:17 GeminiとNotebookの違い ・12:55 応用編：社内専用チャットボットを実装する手順 ・16:03 まとめ #Gemini #NotebookLM #AI活用 #webst8
Geminiの新機能！GemとNotebook連携で最強のAIアシスタントを作る方法 #webst8
Subscribe

YouTubeチャンネルはこちら

SNSフォローよろしくお願いします！

新しいコンテンツや、より詳細な解説を動画やショート動画でお届けしています。日々の情報収集にお役立てください。

カテゴリーで探す

検索して記事を見つける

探したいキーワードを入力・検索して記事を見つけたい方はこちら

カテゴリーによる絞り込み
タグによる指定
キーワード