TechBlog

TechBlog

$ Engineering insights, dev tips & tech trends_

Tags
All Articles
Claude Code Maxプラン徹底比較——Pro・Max 5x・Max 20x・APIの最適解を見つける
AI

Claude Code Maxプラン徹底比較——Pro・Max 5x・Max 20x・APIの最適解を見つける

Claude Code Maxプランの全4プランを実際の利用データをもとに徹底比較。1日あたりの利用パターン別にコスト試算し、あなたに最適なプランの選び方をフローチャート付きで解説します。

2026/3/2
Claude Code料金プランMax
Claude Code カスタムMCPサーバー開発入門——自分だけのツールをエージェントに持たせる
AI

Claude Code カスタムMCPサーバー開発入門——自分だけのツールをエージェントに持たせる

Model Context Protocol(MCP)を使ってClaude Code用のカスタムツールを開発する方法をハンズオン形式で解説。TypeScriptでのサーバー実装からClaude Codeへの登録、チームでの共有、Tool Searchによるコンテキスト最適化まで実践的に紹介します。

2026/3/1
Claude CodeMCPTypeScript
Claude Code メモリシステム徹底解説——CLAUDE.md・auto memory・コンテキスト最適化の実践テクニック
AI

Claude Code メモリシステム徹底解説——CLAUDE.md・auto memory・コンテキスト最適化の実践テクニック

Claude Codeの2層メモリ構造(CLAUDE.mdとauto memory)を徹底解説。200行ルール、path-specificルール、コンテキスト圧縮対策まで、セッション間の一貫性を高める実践テクニックをハンズオン形式で紹介します。

2026/2/28
Claude CodeCLAUDE.mdメモリ
Claude Code Hooks完全ガイド——pre/postフックでAI開発ワークフローを自在にカスタマイズ
AI

Claude Code Hooks完全ガイド——pre/postフックでAI開発ワークフローを自在にカスタマイズ

Claude Code Hooksの全17イベント・4タイプを徹底解説。ファイル保存後の自動フォーマット、危険な編集のブロック、通知連携まで、実践的なレシピ20選をハンズオン形式で紹介します。

2026/2/27
Claude CodeHooks自動化
Claude Code Remote Control実践ガイド——リモートマシンでエージェント開発を24時間回す
AI

Claude Code Remote Control実践ガイド——リモートマシンでエージェント開発を24時間回す

Claude CodeのRemote Control機能とClaude Code on the webを使い、ローカルPCを閉じても開発が進む非同期AI開発ワークフローを構築。スマホからの操作やGitHub Actionsとの連携まで実践的に解説します。

2026/2/26
Claude CodeRemote ControlAI
OpenClawセキュリティ総点検——512件の脆弱性と悪意あるスキルから身を守る実践ガイド
AI

OpenClawセキュリティ総点検——512件の脆弱性と悪意あるスキルから身を守る実践ガイド

OpenClawのセキュリティ監査で512件の脆弱性が発覚し、ClawHubでは800件超の悪意あるスキルが確認されました。Docker隔離、認証設定、スキル検証のハンズオンで安全な運用環境を構築します。

2026/2/25
OpenClawセキュリティDocker
Figma MCP × Claude Code実践ガイド——デザインからフロントエンド実装を爆速で自動化する
AI

Figma MCP × Claude Code実践ガイド——デザインからフロントエンド実装を爆速で自動化する

Figma公式のMCP Serverを使い、デザインカンプからReactコンポーネントの実装までをClaude Codeで自動化する手順をハンズオン形式で解説します。デザイントークン抽出、コンポーネント生成、ページ実装まで、1ページ8時間の作業を20分に短縮するワークフローを紹介します。

2026/2/24
FigmaMCPClaude Code
OpenClaw入門(応用編)——Ralph Loopで自律的なWeb開発を実現する
AI

OpenClaw入門(応用編)——Ralph Loopで自律的なWeb開発を実現する

OpenClaw 3部作の最終回。Ralph Loopを使い、要件定義を渡すだけでNext.jsプロジェクトの計画→実装→テストを自律的に繰り返す「自動開発」を実現します。バッチ戦略やClaude Codeとの使い分けも解説。

2026/2/23
OpenClawRalph Loop自動開発
OpenClaw入門(初心者編)——セットアップからGitHub連携まで手を動かして学ぶ
AI

OpenClaw入門(初心者編)——セットアップからGitHub連携まで手を動かして学ぶ

OpenClawのインストールからGitHub連携によるIssue管理・PRレビュー自動化までをハンズオン形式で解説。Node.js v22以上があれば、15分でAIエージェントを動かせます。

2026/2/22
OpenClawAIエージェントGitHub
OpenClaw入門(導入編)——2026年最注目のオープンソースAIエージェントを徹底解説
AI

OpenClaw入門(導入編)——2026年最注目のオープンソースAIエージェントを徹底解説

18万人以上の開発者が利用するオープンソースAIエージェント「OpenClaw」。Clawdbot→Moltbot→OpenClawと改名を経た話題のプロジェクトの全体像を、歴史・アーキテクチャ・他ツール比較を交えて解説します。

2026/2/21
OpenClawAIエージェントオープンソース
Linear MCP × Claude CodeでPM業務を丸ごと自動化——進捗報告・マイルストーン管理をAIに任せる
開発効率化

Linear MCP × Claude CodeでPM業務を丸ごと自動化——進捗報告・マイルストーン管理をAIに任せる

2月5日にLinear MCPサーバーが大幅拡張。イニシアティブ・マイルストーン・プロジェクトアップデートがMCP経由で操作可能に。Claude Codeから週次レポート自動生成やマイルストーン管理を実践するハンズオン記事です。

2026/2/20
LinearMCPClaude Code
Slack MCP Server実践ガイド——Claude CodeからSlackを自在に操作する
AI

Slack MCP Server実践ガイド——Claude CodeからSlackを自在に操作する

Slack公式のMCP Serverが登場し、Claude CodeやCursorからSlackのメッセージ検索・投稿・Canvas操作が可能になりました。リアルタイムサーチAPIと合わせて、セットアップから業務自動化の実践パターンまでをハンズオン形式で解説します。

2026/2/19
SlackMCPClaude Code
Cursor 2.5時代の「エージェント型エディタ」完全ガイド——Claude Codeとの使い分け戦略
AI

Cursor 2.5時代の「エージェント型エディタ」完全ガイド——Claude Codeとの使い分け戦略

Cursor 2.5のPlugin Marketplace・非同期サブエージェント・SKILL.mdなど最新機能を解説し、Claude Codeとの機能比較・場面別の使い分け戦略を実践的に紹介します。

2026/2/18
CursorClaude CodeAI
draw.io MCP連携——Claude CodeでER図・シーケンス図をテキストから自動生成する
開発効率化

draw.io MCP連携——Claude CodeでER図・シーケンス図をテキストから自動生成する

draw.io公式MCPサーバーを活用し、Claude Codeにテキスト指示を出すだけでER図やシーケンス図を自動生成する方法をハンズオン形式で解説。Firestoreのデータモデル設計を題材に実践します。

2026/2/17
Claude Codedraw.ioMCP
Claude Cowork × MCP連携実践ガイド——Google Drive・Slack・Notionを繋いで業務フローを丸ごと自動化
AI

Claude Cowork × MCP連携実践ガイド——Google Drive・Slack・Notionを繋いで業務フローを丸ごと自動化

Claude CoworkとMCP(Model Context Protocol)を組み合わせれば、Google DriveやSlack、Notionなど外部サービスと接続して業務フローを一気通貫で自動化できます。架空の受託開発チームを題材に、設定から実践までをハンズオン形式で解説します。

2026/2/16
Claude CoworkMCP自動化
GitHub Agentic Workflows実践ガイド——GitHub Actionsにコーディングエージェントを組み込む
開発効率化

GitHub Agentic Workflows実践ガイド——GitHub Actionsにコーディングエージェントを組み込む

GitHubが発表した「Agentic Workflows」を使い、Issueのトリアージやドキュメント自動生成をGitHub Actionsで実現する方法をハンズオン形式で解説。既存のCI/CDパイプラインとの使い分けも紹介します。

2026/2/15
GitHub ActionsAgentic WorkflowsCI/CD
SDD(仕様駆動開発)入門——Vibe Codingを卒業してAI開発の精度を上げる方法
AI

SDD(仕様駆動開発)入門——Vibe Codingを卒業してAI開発の精度を上げる方法

AI開発の精度が安定しない原因は「仕様の曖昧さ」にあります。SDD(Spec Driven Development)の考え方と、Claude Codeで仕様ファーストの開発フローを実践する方法をハンズオン形式で解説します。

2026/2/14
SDDClaude CodeAI
Agentic Project Management入門——Claude Code・Cursor・Copilotを束ねるOSSフレームワーク
AI

Agentic Project Management入門——Claude Code・Cursor・Copilotを束ねるOSSフレームワーク

LLMのコンテキスト制限を克服するOSSフレームワーク「Agentic Project Management(APM)」を使い、複数のAIコーディングツールをプロジェクトメンバーとして統合管理する方法をハンズオンで解説します。

2026/2/13
APMClaude CodeCursor
TypeScript 6.0 Beta登場——新デフォルトと破壊的変更、Next.jsプロジェクトの移行ガイド
フロントエンド

TypeScript 6.0 Beta登場——新デフォルトと破壊的変更、Next.jsプロジェクトの移行ガイド

TypeScript 6.0 Betaがリリース。ES5ターゲット廃止、strictデフォルトtrue化など大きな変更が満載。Next.jsプロジェクトを実際に移行した手順とハマりポイントを解説します。

2026/2/12
TypeScriptNext.jsフロントエンド
「1人プロジェクト」の破壊力——AI駆動開発がプロジェクトマネジメントの常識を覆す
AI

「1人プロジェクト」の破壊力——AI駆動開発がプロジェクトマネジメントの常識を覆す

DeNAは6000行のPerl→Go移行を1ヶ月で完了、16台のClaudeで10万行のCコンパイラが完成——AI駆動開発の事例データから、PMの役割がどう変わるのかを整理し、実践フレームワークを解説します。

2026/2/11
AIプロジェクトマネジメントClaude Code
AGENTS.mdでAIエージェントの精度を劇的に上げる——Vercelが実証した「パッシブコンテキスト」戦略
AI

AGENTS.mdでAIエージェントの精度を劇的に上げる——Vercelが実証した「パッシブコンテキスト」戦略

Vercelの検証でAGENTS.mdがタスク成功率53%→100%を達成。CLAUDE.mdとの違い、パッシブコンテキストの概念、Next.jsプロジェクトでの実践的な書き方をハンズオンで解説します。

2026/2/10
AGENTS.mdClaude CodeAI
Claude CodeがRAGを捨ててAgentic Searchを選んだ理由——実務で使える検索パターン集
AI

Claude CodeがRAGを捨ててAgentic Searchを選んだ理由——実務で使える検索パターン集

Claude Code創設者のBoris Cherny氏がRAG+ベクターDBを廃止し、Agentic Searchに移行した技術的背景を解説。Grep・Glob・Readを組み合わせたエージェント型検索の実装パターンをハンズオンで紹介します。

2026/2/9
Claude CodeAIAgentic Search
Claude Code エージェントチーム実践ガイド——複数エージェントを束ねるオーケストレーション
AI

Claude Code エージェントチーム実践ガイド——複数エージェントを束ねるオーケストレーション

Claude Codeのエージェントチーム機能を使い、複数のAIエージェントに役割を分担させて並列開発を実現する方法を解説。20件超のチケットを抱える業務システム開発での実践的な活用法を紹介します。

2026/2/8
Claude CodeAIエージェント
Claude Code × Playwright MCPで対話型UI自動テストを構築する
開発効率化

Claude Code × Playwright MCPで対話型UI自動テストを構築する

Claude CodeとPlaywright MCPを組み合わせて、ブラウザ操作を確認しながらUIテストを自動構築する方法をハンズオン形式で解説します。セットアップから実践的なテスト生成まで網羅。

2026/2/7
Claude CodePlaywrightMCP
Claude Opus 4.6登場——エージェント開発を次のレベルへ引き上げる最新モデル
AI

Claude Opus 4.6登場——エージェント開発を次のレベルへ引き上げる最新モデル

2026年2月にリリースされたClaude Opus 4.6の新機能を徹底解説。1Mトークンコンテキスト、エージェントチーム機能、ベンチマーク結果から、実際の開発ワークフローへの活用方法まで紹介します。

2026/2/6
ClaudeAIエージェント開発
GitHub Agent HQ入門——Claude・Codexを統合した次世代開発ワークフロー
AI

GitHub Agent HQ入門——Claude・Codexを統合した次世代開発ワークフロー

GitHubのAgent HQでClaude、Codex、Copilotを統合管理。複数AIエージェントの使い分けから実際の開発フローへの組み込み方まで詳しく解説します。

2026/2/5
GitHubClaudeCopilot
Claude Code Skills完全ガイド——カスタムスキルの書き方とベストプラクティス
AI

Claude Code Skills完全ガイド——カスタムスキルの書き方とベストプラクティス

Claude Codeのスキル機能を使いこなすための完全ガイド。SKILL.mdの書き方、ディレクトリ構成、descriptionの重要性、実践的なテンプレートまで詳しく解説します。

2026/2/4
Claude CodeAI自動化
Linear Issue起票で自動実装が始まる——AI開発の理想形
AI

Linear Issue起票で自動実装が始まる——AI開発の理想形

Linear Issueを作成するだけで、AIが自動でコードを実装しPRを作成。プロジェクト管理と開発を完全統合する最新ワークフローを解説します。

2026/2/3
AILinearClaude Code
AIで変わるプロジェクト管理:開発チームの生産性を3倍にする実践手法
AI

AIで変わるプロジェクト管理:開発チームの生産性を3倍にする実践手法

AIを活用したプロジェクト管理の実践手法を解説。タスク管理、リソース配分、リスク予測など、開発チームの生産性を劇的に向上させる方法を紹介します。

2026/2/2
AIプロジェクト管理生産性
ESLint + Prettierはもう古い?Biomeで爆速リント&フォーマット環境を構築
フロントエンド

ESLint + Prettierはもう古い?Biomeで爆速リント&フォーマット環境を構築

ESLintの15倍高速、設定ファイル1つで完結。Rust製ツール「Biome」への移行方法と、実際に使ってわかったメリット・デメリットを解説します。

2026/2/2
BiomeESLintPrettier
Claude Cowork登場——AIエージェントが「同僚」になる時代の幕開け
AI

Claude Cowork登場——AIエージェントが「同僚」になる時代の幕開け

Anthropicが発表した「Claude Cowork」により、Claude Codeの自動化パワーが非エンジニアにも解放。Web系エンジニアが知っておくべき新時代のAIエージェントを解説します。

2026/1/31
ClaudeAIエージェント自動化
AIを使った開発手法 Vol.6:開発・テスト・ステージング・本番環境の使い分け
AI

AIを使った開発手法 Vol.6:開発・テスト・ステージング・本番環境の使い分け

4つの環境(開発・テスト・ステージング・本番)の役割と、環境間のプロモーションフローを解説。安全で効率的なリリースプロセスを実現します。

2026/1/30
DevOpsCI/CD環境構築
AIを使った開発手法 Vol.5:プレビュー環境で確認後、開発環境へデプロイ
AI

AIを使った開発手法 Vol.5:プレビュー環境で確認後、開発環境へデプロイ

PRが作成されると自動でプレビュー環境にデプロイ。人間が確認・承認してから開発環境へ。安全性と効率を両立したデプロイフローを解説します。

2026/1/29
CI/CDGitHub Actions自動化
AIを使った開発手法 Vol.4:AIコードレビューで品質とスピードを両立
AI

AIを使った開発手法 Vol.4:AIコードレビューで品質とスピードを両立

Pull Requestが作成されると自動的にAIがコードレビュー。セキュリティ、パフォーマンス、コーディング規約のチェックを自動化する方法を解説します。

2026/1/28
AIコードレビューGitHub
AIを使った開発手法 Vol.3:チケット起票からPR作成まで完全自動化
AI

AIを使った開発手法 Vol.3:チケット起票からPR作成まで完全自動化

Jira・Linear・Asanaなどのプロジェクト管理ツールからn8n、Claude Code GitHub Actionsを連携させ、チケット作成からコード実装までを自動化する方法を解説します。

2026/1/27
n8nClaude CodeGitHub Actions
AIを使った開発手法 Vol.2:Claude CodeでGitHub Issueからコード生成
AI

AIを使った開発手法 Vol.2:Claude CodeでGitHub Issueからコード生成

GitHub IssueにメンションするだけでAIがコードを書いてPull Requestを作成。Claude Code GitHub Actionsの導入方法と活用事例を解説します。

2026/1/26
Claude CodeGitHubAI
AIを使った開発手法 Vol.1:n8nでノーコードAI自動化
AI

AIを使った開発手法 Vol.1:n8nでノーコードAI自動化

オープンソースのワークフロー自動化ツール「n8n」を使って、AIを活用した業務自動化を実現する方法を解説します。

2026/1/25
n8nAI自動化
モリソン公式サイトの技術スタック解説
技術

モリソン公式サイトの技術スタック解説

合同会社モリソンの公式ウェブサイトで採用している技術スタックについて、選定理由や実装のポイントを詳しく解説します。

2026/1/24
Next.jsReactTypeScript
AI時代のエンジニアについて vol.4——最新のAI情報をキャッチアップ
キャリア

AI時代のエンジニアについて vol.4——最新のAI情報をキャッチアップ

AI技術は日々進化しています。効率的に最新情報をキャッチアップし、実務に活かす方法を解説します。

2026/1/23
キャリアAIエンジニア
AI時代のエンジニアについて vol.3——常に楽できる方法を考える
キャリア

AI時代のエンジニアについて vol.3——常に楽できる方法を考える

「楽をする」は悪いことではありません。AIを活用して効率化を追求することが、これからのエンジニアに求められるマインドセットです。

2026/1/22
キャリアAIエンジニア
AI時代のエンジニアについて vol.2——失敗しても大丈夫
キャリア

AI時代のエンジニアについて vol.2——失敗しても大丈夫

AIがコードを書き直してくれる時代、失敗のコストは劇的に下がりました。完璧主義から解放され、どんどん挑戦できる時代です。

2026/1/21
キャリアAIエンジニア
AI時代のエンジニアについて vol.1——気がきく力
キャリア

AI時代のエンジニアについて vol.1——気がきく力

AIがコードを書く時代、エンジニアの価値は「気がきくかどうか」で決まります。技術力の先にある、本当に求められる能力について解説します。

2026/1/20
キャリアAIエンジニア