JavaScript 【jQuery】CSSクラスの操作（addClass・removeClass・toggleClass）
こんにちは、かつコーチです。「ボタンを押したら色を変えたい」「メニューの開閉状態を切り替えたい」。こうした見た目の変化を実装するとき、多くの場合はCSSクラスの付け外しで実現します。この記事では、addClass・removeClass・t...
katsu-coach1215
JavaScript JavaScript 【jQuery】要素の追加・削除（append・remove・html）
こんにちは、かつコーチです。「ボタンを押したらリストに項目を追加したい」「不要になった要素を消したい」。こうしたUIを作るときに欠かせないのが、要素の追加・削除に関するメソッド群です。この記事では、append・prepend・remove...
JavaScript 【jQuery】属性・データ属性の取得と操作（attr・data）
こんにちは、かつコーチです。「HTML要素のhref属性を書き換えたい」「data-idの値をJavaScriptで使いたい」。こうした場面で必ず登場するのが、attr()とdata()というメソッドです。この記事では、attr()での属性...
JavaScript 【jQuery】each()で要素をループ処理する
こんにちは、かつコーチです。「複数の要素に同じ処理をしたいけど、1つずつ書くのは面倒…」と感じたことはありませんか。jQueryには、選択した要素をひとつずつ取り出して処理してくれるeach()というメソッドがあります。この記事では、eac...
JavaScript 【jQuery】メソッドチェーンの書き方と考え方
こんにちは、かつコーチです。jQueryのコードを読んでいると、.（ドット）がずらずらと繋がった長いコードを見かけることがあります。「これは一体何をしているの？」「自分でも書けるようになりたい」と感じた方も多いのではないでしょうか。この記事...
JavaScript 【jQuery】セレクタの書き方：$()の基本とCSSセレクタとの違い
こんにちは、かつコーチです。jQueryを使い始めたばかりの頃、「$()の中に何を書けばいいのか分からない」と悩んだ経験はありませんか。私も最初は、CSSのセレクタと同じ書き方でいいのか、それとも別の書き方があるのか、混乱していました。この...
JavaScript 【jQuery】jQuery 4.0の変更点：導入前に知っておきたいこと
こんにちは、かつコーチです。2026年1月、約10年ぶりのメジャーバージョンとなるjQuery 4.0が正式にリリースされました。「今から新しく学ぶならどのバージョンを使えばいいの？」「既存のサイトは4.0に上げても大丈夫？」と迷っている方...
JavaScript 【jQuery】jQueryとは？2026年でも使われる理由とインストール方法
こんにちは、かつコーチです。「jQueryって今から学んでも意味あるの？」と聞かれることがよくあります。新しい現場ではReactやVue.jsが主流ですし、「もう古い技術なのでは」と不安になる気持ちはよく分かります。この記事では、jQuer...
AI 【Gemini】Geminiを使った業務活用の具体例
こんにちは、かつコーチです。Geminiシリーズもいよいよ最終回です。これまで、Geminiの基本的な使い方、Googleサービス連携、PDF処理、料金プランと紹介してきました。最後となる今回は、これらを組み合わせて実際の業務にどう活かせる...
AI 【Gemini】Geminiの料金プラン比較
こんにちは、かつコーチです。これまでの記事で、Geminiの基本的な使い方やPDF処理、Googleサービス連携を紹介してきました。「便利なのは分かったけど、結局どのプランを選べばいいの？」という疑問が出てくる頃だと思います。この記事では、...
AI 【Gemini】大量のPDF・資料をGeminiで一気に処理する方法
こんにちは、かつコーチです。前回はGmail・ドライブ・スプレッドシートとの連携を紹介しましたが、今回はGeminiのもう一つの大きな武器、「大量のPDF・資料処理」を掘り下げていきます。数十ページの資料を1つ読み込ませるだけでなく、複数の...
AI 【Gemini】GeminiとGoogleサービス（Gmail・スプレッドシート等）の連携
こんにちは、かつコーチです。前回の記事では、Geminiの始め方と基本的な使い方を紹介しました。その中で軽く触れた「Googleサービスとの連携」ですが、実はここがGeminiを本気で使いこなすうえで一番おいしいポイントです。ChatGPT...
AI 【Gemini】Geminiとは？始め方と基本的な使い方
こんにちは、かつコーチです。「ChatGPTは聞いたことあるけど、Geminiって何？」そんな疑問を持っている人、意外と多いのではないでしょうか。Geminiは、Googleが開発している生成AIです。結論からお伝えすると、Geminiの強...
AI 【ChatGPT】GPTs（カスタムChatGPT）の作り方
こんにちは、かつコーチです。前回はDALL-Eによる画像生成を紹介しました。ChatGPT編の最後となる今回は、自分専用にカスタマイズしたChatGPTを作れる「GPTs」の作り方を解説します。毎回同じような指示を打ち込んでいる作業がある人...
AI 【ChatGPT】ChatGPTで画像を生成する方法（DALL-E）
こんにちは、かつコーチです。前回はChatGPTを使った業務効率化の事例を紹介しました。今回はテキストではなく「画像生成」に焦点を当てて、ChatGPT上でDALL-Eを使った画像の作り方を解説していきます。SNS投稿のアイキャッチやブログ...
AI 【ChatGPT】ChatGPTを使った業務効率化の具体例
こんにちは、かつコーチです。これまでの記事でChatGPTの始め方と料金プランを紹介してきました。今回は一段レベルを上げて、実際の業務でどうChatGPTを使えば効率化につながるのか、具体的な事例とプロンプト例を交えて解説します。「毎回チャ...
AI 【ChatGPT】ChatGPTの料金プラン比較：無料版とPlusの違い
こんにちは、かつコーチです。前回はChatGPTの始め方と基本的な使い方を紹介しました。実際に使い始めると、多くの人がぶつかるのが「無料版のままでいいのか、有料のPlusにするべきか」という悩みです。今回は、無料版とPlusプランの違いを具...
AI 【ChatGPT】ChatGPTとは？始め方と基本的な使い方
こんにちは、かつコーチです。このブログではこれまでClaudeやプロンプトエンジニアリングの記事を書いてきましたが、今回からはChatGPT編をスタートします。「ChatGPTって名前は知ってるけど、実際どう始めればいいの？」「Claude...
AI 【AI】業務でそのまま使えるプロンプトテンプレート集
こんにちは、かつコーチです。ここまでプロンプトの基本、5要素、コンテキストの整理術、ツール別の作法の違いと解説してきました。今回はシリーズの締めくくりとして、実際の業務でそのままコピペして使えるプロンプトテンプレートをまとめて紹介します。「...
AI 【AI】AIツール別プロンプトの作法の違い（ChatGPT/Gemini/Claude）
こんにちは、かつコーチです。ここまでプロンプトの基本、5要素、コンテキストの整理術と解説してきました。これらは3大AI（ChatGPT・Gemini・Claude）に共通する基本原則ですが、実は「どのAIを使うか」によって、プロンプトの効き...