Claude CodeとMCPサーバーでAI駆動のアクセス解析作ってみた

Claude CodeとMCPサーバーを活用し、GA4とGSCのデータを直接操作するAI駆動のアクセス解析システムを構築した事例を紹介。開発プロセスと技術的アプローチに焦点を当てています。

初心者が陥るHooksの落とし穴3つ — Claude Codeのワークフロー自動化完全ガイド

Claude CodeのHooks設定で初心者が陥りやすい3つの落とし穴を解説。設定のシンプルさとは裏腹に、意図しない挙動の原因究明が難しい点を指摘し、解決策を示唆する。

Cursor 3入門 — エージェント並列実行・Design Mode・クラウドの全貌

Cursor 3は、AIエージェントによるコード生成を強化し、Design Modeやクラウド機能を統合した、Cursor史上最大のアーキテクチャ変更を伴うIDEのメジャーアップデートです。

【AI駆動ビジネスマナー※ネタ枠】 Pythonコードで名刺交換してみたら、オブジェクト指向の教科書になった

この記事は、Pythonコードを用いて名刺交換のビジネスマナーをオブジェクト指向の概念で解説する、AI駆動のユニークなアプローチを紹介しています。エンジニアが年に一度程度の社外でのビジネスマナー、特に名刺交換の重要性を、プログラミングの視点から学べる点が特徴です。

【Web開発入門】お問い合わせフォームを作って学ぶフロントエンドとバックエンド

1. 疑問 HTML, CSS, JavaScriptを学習する過程で、ほぼ確実にフォームの作り方を学ぶと思います。私はその段階で、「送信したフォームってどうやって集計・確認するの」と疑問に思っていました。昔は「JavaScriptでCSVに書き込み保存すれば、サーバー...

Foundry Agent × Streamlit × Cosmos DB で会話履歴付き AI アプリ構築

Microsoft Foundry Agent Service × Streamlit × Cosmos DB で会話履歴付き AI チャットアプリを構築する はじめに AI チャットアプリを構築する際、「会話履歴をどこにどう保存するか」は設計上の重要なポイントです。本...

GitHub Copilotのドキュメントを全部読んだので、本当に使えるカスタマイズだけ10個まとめた

この記事は、GitHub Copilotのドキュメントに隠された強力なカスタマイズ機能の中から、特に実用的な10個を厳選して紹介しています。AIコーディングツールの活用に役立つ具体的な設定方法を解説しています。

PHPのセッションとGC

PHP 8.4.16環境でPurePHPセッションが突然切断される現象について、GC保存期間を60秒に設定し、毎回GCを実行する実験を通じて調査した結果を報告しています。

「意味は分かるけど構造が分からない」を一発で解決する英語学習アプリを作った（TOEIC・英会話・英文読解）

TOEIC、英会話、英文読解において、従来の翻訳ベースの学習法では理解できなかった英文の構造（文型、時制など）を、新しいアプリが「構造で理解できる」ように解決する。

【TypeScript 】Reactへ進むための TypeScript

この記事は、React開発者がTypeScriptを最短ルートで、かつReactでそのまま使える形で学ぶことを目的としています。TypeScriptの習得をゴールとせず、React開発における実用性を重視した内容となっています。

Java（Spring）とPHP（Laravel）のDBアクセスの違い 【初心者向け】

この記事は、Java(Spring)経験者がPHP(Laravel)の現場に入った際に直面する、データベースアクセスの書き方の違いに焦点を当てた初心者向け解説です。両フレームワーク間でのDBアクセス方法の差異を具体的に比較し、学習の助けとなる情報を提供します。

Reactのレンダリングの仕組みを整理する

この記事は、Reactのstateとrefの概念を整理し、それらがReactのレンダリングプロセスにどのように関連しているかを解説しています。stateはUI更新のための値、refは再レンダリングなしでの値やDOM保持に使われ、これらを理解することでReactのレンダリングの基本が分かります。

Pythonによる0/1ナップサック問題の貪欲法・DP実装と比較

はじめに 資源配分問題とは「限られたリソースをどのアイテムに割り当てるか」を決める問題で、投資ポートフォリオの選択・プロジェクト予算配分・物流の積載最適化など、さまざまな場面で登場します。 その最も基本的なモデルがナップサック問題です。容量制限のあるナップサックにアイテム...

【個人開発】会員登録なしで「今すぐ」使える、エンジニア・フリーランス向けの見積書ツールを作りました

エンジニア・フリーランス向けに、会員登録不要で30秒で作成できるシンプルな見積書ツールが開発されました。多機能な既存サービスの手間を省き、手軽に見積書を作成したいニーズに応えます。

Claude Agent SDK入門：Claude Codeを「ライブラリ」として使う実践ガイド

AnthropicはClaude Code SDKをClaude Agent SDKに改名し、Python/TypeScriptから`query()`メソッドでClaude Codeと同様のエージェントループを簡単に呼び出せるようになりました。これにより、開発者はClaudeの機能をより手軽にアプリケーションに組み込めます。

ファイルアップロード機能に潜む5つの脆弱性 ─ 画像だと思ったらWebシェルだった

ファイルアップロード機能はWebアプリケーションに広く存在しますが、適切な検証なしにファイルを受け入れると、サーバー乗っ取りにつながる危険な攻撃ベクトルとなり得ます。画像と偽装したWebシェルなどの脆弱性に注意が必要です。

【React入門②】state・イベント処理・useEffect・リストの基本を学んだ話

この記事は、Reactの基礎学習におけるstate管理、イベント処理、useEffect、リスト表示の理解を深めるための実践的な学習記録です。React初心者向けに、これらのコアコンセプトを実際にコードを書きながら解説しています。

DI教えようとしたら難しすぎたので整理した

この記事は、決済処理の具体例を用いて、Dependency Injection（DI）の基本的な考え方と、なぜDIが必要で、それを使用することの利点を実務レベルで理解することを目的としています。

ReactやVueを使っていてもXSSは防げない ─ フレームワークの盲点

ReactやVueはテンプレート内のテキストを自動エスケープするものの、それだけでは防げないXSSのパターンが存在するため、開発者はフレームワークの盲点を理解し、追加の対策を講じる必要がある。

Yahoo天気API を利用して、指定した地点の天気データを取得する Laravelのサービスクラスです

LaravelでYahoo天気APIを利用し、指定地点の天気データを取得するサービスクラスの実装方法を解説。API連携の具体的なコード例を提供し、開発者が天気情報機能を容易に組み込めるようにする。