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

最新記事一覧

最新の記事一覧はこちら

サイト運営者について

まつもと

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

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

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

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

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

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

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
AIでWebアプリ作成！AI開発ツール Antigravityの設定・使い方を徹底解説 #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
WordPressの表現力を劇的に広げる「カスタムフィールド」について、不動産サイトの具体例を交えて解説します！ 「標準の入力項目だけでは足りない」「決まったレイアウトで効率よく投稿したい」そんな悩みを解決するのがカスタムフィールドです。 本動画では、カスタム投稿やカスタム分類（タクソノミー）との違いといった初心者がつまずきやすいポイントから、標準機能および人気プラグイン「Advanced Custom Fields (ACF)」を使った具体的な実装コード、さらにはAI（Gemini）を活用したコード作成補助まで、お届けします。 ※一部リンクの中にはアフィリエイトプログラムを含みます。 ■メンバーシップ動画 https://www.youtube.com/playlist?list=UUMOYIqpw7ZJFgMGMSLhWq83Fg ■再生リスト： https://www.youtube.com/playlist?list=PLIP0FYtnmcp1cGIImlHhRVvgYyMDLFUXh 【2025年版】 WordPress Lightningでホームページを作成する方法 1. 基本編 https://youtu.be/yfofcpAOCEM ■参考サイト Wordpressカスタムフィールドとは？意味や使い方・出力方法 https://webst8.com/blog/wordpress-customfield/ Advanced Custom Fieldsの使い方・出力関数【WordPress カスタムフィールド】 https://webst8.com/blog/wordpress-advanced-custom-fields/ Lightning 投稿一覧カスタマイズ徹底解説 https://www.vektor-inc.co.jp/post/how-to-customize-vk-component-post/ 子テーマで乗り切れ！WordPressの低予算案件 https://www.vektor-inc.co.jp/post/child-for-lightning/ Lightning 有料版ライセンスはこちら https://vws.vektor-inc.co.jp/product/vektor-passport-1y/?vwaf=53 VK Filter Search Pro – 高度な絞り込み検索プラグイン – https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-filter-search-pro/?vwaf=53 ■動画のデモ環境 本体：WordPress 6.9 テーマ：Lightning バージョン15.33.1 PHPバージョン：8.3 プラグインLightning G3 Pro Unitバージョン 0.29.10 プラグインVK All in One Expansion Unitバージョン9.113.0.1 プラグインVK Filter Search Proバージョン 2.18.3.0 プラグインAdvanced Custom Fieldsバージョン6.7.0 レンタルサーバー :ロリポップ！(ハイスピードプラン) https://px.a8.net/svt/ejp?a8mat=2NV8TG+AFOMKY+348+65EOJ ■個人事業主様・経営者様など自分のビジネスのためにホームページの作り方を習得するスクールWEBST8 https://webst8.com/ ■SNS https://www.instagram.com/webst8_com https://www.tiktok.com/@webst8_com https://x.com/mattsunkei 【目次】 ・1:10 今回の解説内容と前提条件 ・2:01 カスタムフィールドとは？メリットと活用シーン ・4:11 カスタム投稿・カスタム分類・カスタムフィールドの違い ・5:57 カスタム分類とカスタムフィールドの使い分け・注意点 ・10:14 WordPress標準機能での実装方法（get_post_meta関数） ・12:01 アクションフックを使ったテンプレート出力の解説 ・15:04 セキュリティ対策（エスケープ処理） ・18:13 生成AI（Gemini）を活用したコードのカスタマイズ ・21:19 プラグイン「Advanced Custom Fields (ACF)」での実装 ・29:52 カスタムフィールド利用時の注意点 ・33:03 まとめ #WordPress #カスタムフィールド #AdvancedCustomFields #WEB制作 #ワードプレス
WordPressカスタムフィールドとは？カスタム分類との違いや作り方・注意点を徹底解説 #webst8
Subscribe

YouTubeチャンネルはこちら

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

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

カテゴリーで探す

検索して記事を見つける

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

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