Next.js・React などの Web 開発から、Neovim・Cursor などの開発環境、
Python・AI 活用、デザイン、セキュリティまで幅広い技術記事を投稿しています。
The Pragmatic Engineer に Claude Code の作者 Boris Cherny が登場したインタビュー「Building Claude Code with Boris Cherny」を紹介します。最初のPRが手書きだったので却下された話、Anthropic でコードの約8割を Claude Code が書く現状、1日20〜30本のPRを手書きゼロで出すワークフロー、AI時代のコードレビュー、そして現在を「印刷機の発明」になぞらえる視点まで、印象に残った点をまとめます。
2026年6月9日に Anthropic が公開した Claude Fable 5 と Claude Mythos 5 を整理します。Opus の上に位置する新しい能力ティア「Mythos クラス」とは何か、Fable と Mythos の違い、Opus 4.8 へフォールバックするセーフガードの仕組み、価格と提供状況、そして GitHub Copilot でのデータ保持の注意点まで、公式発表を一次ソースに開発者目線でまとめます。
Rust 製の JavaScript ツールチェーン Oxc と、その目玉である高速リンタ Oxlint を整理します。Oxc が含むツール群（パーサ・Oxlint・Oxfmt・トランスフォーマ・リゾルバ・ミニファイア）、ESLint 比 50〜100倍という速度、tsgo による型認識リント、そして「全部置き換える」のではなく ESLint とどう分担するかを、導入判断の目線でまとめます。
PHP のバージョン履歴を、各版の変更点と追加機能とともに整理します。PHP 5 系の OOP 整備、PHP 7 系のパフォーマンス革命と型、PHP 8 系のモダン化（JIT・enum・property hooks）まで。さらに 2025年11月リリースの PHP 8.5（パイプ演算子・clone with・URI 拡張）と PHP 8.4 の新機能を php.net の公式情報をもとにまとめ、サポート状況と移行の指針も示します。
React Router v7 を、3つのモード（Declarative / Data / Framework）という軸で整理します。単なるルーターから、ローダー・アクションを持つデータ駆動、さらに Vite プラグインで SSR まで含む「フレームワーク」へと段階的に広がる構造、Remix が React Router v7 に統合された経緯、そして Next.js 以外の選択肢としてどう位置づけるかを実務目線でまとめます。
Vercel AI SDK を、チャットの実験ではなく「プロダクトの機能」として組み込む目線で整理します。AI SDK Core（generateText / streamText / Output.object による構造化出力 / ツール呼び出し）と AI SDK UI（useChat）の役割分担、プロバイダ非依存でモデルを差し替えられる設計、Zod を使った構造化出力、そして Next.js / React Server Components との組み合わせ方を、v6 の最小コードとともにまとめます。
OpenAI の Codex CLI を、Claude Code を使ってきた目線で整理します。Rust 製のオープンソースなターミナル型コーディングエージェントで、インストール・ChatGPT サインインでの認証、承認モードとサンドボックス（read-only / workspace-write / danger-full-access）、codex exec の非対話実行、AGENTS.md と MCP 対応まで。Claude Code との共通点と違いを実務目線でまとめます。
Speculation Rules API を実務目線で整理します。script type=speculationrules の JSON でブラウザに prefetch / prerender を指示し、次に読まれるページを先読みして遷移を一瞬にする仕組みです。prefetch と prerender の違い、eagerness（immediate / eager / moderate / conservative）、list rules と document rules、そして prerender でアナリティクスが二重計上される落とし穴まで、ブログや EC で安全に使う勘所をまとめます。
Storybook 10 を、いまの立ち位置から整理します。コンポーネントを分離して開発する「カタログ」から、インタラクション・アクセシビリティ・ビジュアルを含むテスト基盤へと役割が広がりました。あわせて addon-designs や Storybook Connect、Figma Code Connect によるデザインとの往復を、実務の導入目線でまとめます。
Web の機能を採用するときの判断軸 Baseline を整理します。Newly available と Widely available の2段階、コアブラウザ集合の定義、Baseline 年バッジ、MDN / Can I Use / web.dev での表示、そして Browserslist や ESLint への組み込みまで。「caniuse を毎回見る」から「Baseline で判断する」へ、チームの共通言語にする方法をまとめます。
Zod 4 を実務目線で整理します。Zod 3 からの大幅な高速化とバンドル削減、z.email() などトップレベルに移った文字列フォーマット、error パラメータへ統一されたエラー指定、registry と .meta() によるメタデータ、z.toJSONSchema() での JSON Schema 変換、そして tree-shakable な Zod Mini まで。フォームや API 境界、LLM の構造化出力検証での使いどころをまとめます。
Angular 21 で標準になった zoneless 変更検知を整理します。長年 Angular の再描画を握ってきた Zone.js がなぜ外れるのか、Zone.js なしで何が変更検知を起動するのか（Signals・markForCheck・setInput・イベント・dirty view）、有効化と Zone.js 除去の手順、そして既存 Angular 案件の移行チェックリストを、React/Vue 勢にも分かるようにまとめます。
Chrome に搭載されたオンデバイス AI（Gemini Nano）を使う組み込み AI APIs を整理します。Translator・Summarizer・Language Detector・Prompt・Writer・Rewriter・Proofreader それぞれの安定度、availability から create で使う共通の作法、サーバー LLM との使い分け、そしてフォールバック設計まで、実務で踏むべき注意点をまとめます。
2026年5月リリースの Node.js 26 を整理します。長く待たれた Temporal API のデフォルト有効化、type stripping によるビルドなし TypeScript 実行の安定化（と --experimental-transform-types の削除が意味すること）、V8 14.6・Undici 8 への更新、レガシー stream モジュールの削除など、移行前に押さえておきたい差分をまとめます。
Microsoft 製の Playwright MCP を整理します。LLM にブラウザ自動化を開放する MCP サーバーで、スクリーンショットや視覚モデルではなくアクセシビリティツリーを使うのが特長です。Claude Code への導入（claude mcp add）、提供される主なツール、headless / isolated などの実行モード、そして「実装したが画面を見ていない」問題への効き方をまとめます。
Tailwind CSS v4 への移行を、単なる新機能紹介ではなく「設定思想の転換」として整理します。自動アップグレードツール、@tailwind ディレクティブから @import への変更、tailwind.config.js から @theme への移行、@tailwindcss/postcss / vite などパッケージ分離、ブラウザ要件、詰まりやすいユーティリティ改名まで、移行設計の勘所をまとめます。
Google I/O 2026 で公開され Chrome 149 でオリジントライアルが始まる WebMCP を整理します。ブラウザ内の AIエージェントに対して、サイト側が document.modelContext.registerTool で構造化ツールを公開する新しい Web 標準提案です。MCP との違い、API の書き方、現状の対応状況と注意点をまとめます。
Anthropic 公式の frontend-design プラグインを実際に導入して中身まで確認します。インストール手順、スキル1つだけという構成、SKILL.md に書かれたデザイン哲学（避けるべき汎用AIデザイン、大胆な方向づけ、タイポグラフィ・配色・モーションの指針）、使い方と注意点を、手元の v1.0.0 を読みながら整理します。
Claude Code をできるだけ長く自律的に動かすための手法を体系的に整理します。auto mode による承認の自動化、/goal・/loop・Stop hook（Ralph Wiggum 公式プラグイン）によるターンの継続、サブエージェントでの文脈分離、そして全レベルに共通する「自己検証」まで、Anthropic 公式情報をもとにまとめます。
2026年2月リリースの Deno 2.7 を整理します。長年待たれた Temporal API の安定化、Windows ARM ネイティブ対応、package.json の overrides による依存固定、brotli 圧縮ストリーム、自己展開する compile バイナリなど、JavaScript ランタイムとしての成熟点をまとめます。
pnpm 10 はインストール時の依存のビルドスクリプト（postinstall 等）をデフォルトでブロックし、明示的に承認した依存だけ実行します。onlyBuiltDependencies や approve-builds、minimumReleaseAge を使った現実的なサプライチェーン防御設定を、手元の pnpm 10.12.4 の挙動を確認しながら整理します。
Vite 7 の変更点を、アップグレードで詰まりやすい順に整理します。Node.js 20.19+/22.12+ 要件、デフォルトブラウザターゲットの baseline-widely-available への変更、Rust 製バンドラ Rolldown（rolldown-vite）への移行、Sass legacy API 削除など、移行前に知っておくべき差分をまとめます。
Rust 製で高速なリンタ兼フォーマッタ Biome を、ESLint / Prettier からの移行コマンド、設定、そして「まだ置き換えられない領域」まで整理します。導入してよいプロジェクトと ESLint を残すべきケースを、実務の判断目線で解説します。
2026年6月2日にリリースされた Cloudflare Agents SDK v0.14.0 を整理します。必要なときだけ読み込む Agent Skills、Telegram などのチャットメッセンジャー連携、タイムゾーン対応の宣言的スケジュールタスク、Workflows 内の永続的な推論ステップ（ThinkWorkflow）まで、エッジで動くステートフルなエージェント開発の要点をまとめます。
2026年6月2日の Microsoft Build 2026 から、開発者に効く発表を整理します。自社製 MAI モデル群（MAI-Thinking-1 / MAI-Code-1 ほか）、Windows をエージェント実行基盤にする MXC と Windows AI API の CPU/GPU 拡張、WSL コンテナや Windows Development Configurations、Foundry の強化までを解説します。
2026年6月1日に公開された MiniMax M3 は、オープンウェイトで100万トークンの文脈長、MiniMax Sparse Attention（MSA）アーキテクチャ、ネイティブなマルチモーダル・PC操作を備えたコーディングモデルです。SWE-bench Pro のスコアやクローズドモデルとの距離、注意点を整理します。
パスキー（Passkeys）と Web Authentication API（WebAuthn）の仕組みを、公開鍵暗号・登録/認証セレモニー・フィッシング耐性の観点から整理します。なぜパスワードより安全なのか、管理画面に導入するときの判断材料（復旧手段・MFAとの違い）まで、実装目線でまとめます。
安定版になった React Compiler は、useMemo / useCallback / memo の手動メモ化を自動化します。何ができて何を消せるのか、それでも手動メモ化が必要な場面、React 17/18/19 や Next.js での導入方法を、実践的な判断目線で整理します。
2025年10月にリリースされた Vitest 4 で、ブラウザモードが experimental から安定版になりました。jsdom/happy-dom の擬似DOMではなく Playwright 経由で実ブラウザを使うこの機能を、設定方法・移行のポイント・toMatchScreenshot などの新機能とともに、本ブログの構成を例に整理します。
日常で使う Git コマンドを用途別に整理し、設定しておくと作業が速くなる alias（git config の alias とシェルの alias）を紹介します。長いコマンドを短く、面倒な操作をワンコマンドにして、Git のタイプ量を減らすための実践的なまとめです。
GUI から TUI（ターミナルUI）へ移る開発者が増えています。キーボードだけでステージング・対話的リベース・stash を高速にこなす lazygit、Rust 製で軽量な gitui、ログ閲覧に強い tig を、特徴と使いどころで比較します。ターミナルから手を離さず Git を回したい人向けのまとめです。
2025年9月に標準化された WebAssembly 3.0、多言語を高レベルIFで合成する Component Model と WIT、サーバ・エッジへ広がる WASI を整理します。WebAssembly が「ブラウザの最適化技術」から「安全で可搬な普遍ランタイム」へと立ち位置を変えた2026年の現在地をまとめます。
2026年5月に相次いだAIエージェントフレームワークとMCPの脆弱性を整理します。Semantic Kernelのプロンプトインジェクション→RCE（CVE-2026-26030 / CVE-2026-25592）や、MCPのSTDIOトランスポート設計に起因するRCE群を題材に、「LLMはセキュリティ境界ではない」という原則と、いま打つべき防御策をまとめます。
Bashスクリプトの冒頭でよく見る set -euo pipefail を、-e（errexit）・-u（nounset）・-o pipefail の3つに分解して解説します。それぞれの意味、set -e が効かない落とし穴、IFS との組み合わせ、実践的なテンプレートまで、bash 5.3 での実挙動を確認しながら整理します。
思いついたサイトのアイデアを、コマンド一つでサブドメインの雛形生成から本番デプロイ・証明書発行・疎通確認まで一気に終わらせる、自作の Claude Code Skill を紹介します。何を自動化し、なぜ Skill 化したのか、設計で気をつけたことを体験談として整理します。
2026年にBaseline入りした、あるいは主要ブラウザが出揃ったCSSの新機能を整理します。contrast-color()、shape()、:active-view-transition、Anchor Positioning、@scope など、これまでJSやライブラリでやっていたことをブラウザ標準だけで実現する機能を、用途と注意点つきでまとめます。
2025年12月、AnthropicがJavaScriptランタイム Bun を買収しました。Claude Code が bun build --compile の単一実行ファイルとして配布されている事実と、公開6ヶ月でランレート10億ドルに達した背景から、AI企業がランタイムを抱える戦略的な意味を整理します。
TypeScript のコンパイラを Go でネイティブ移植する「Project Corsa」（tsgo / TypeScript 7.0）を、Microsoft 公式が示す10倍速の実測値、なぜ Go なのか、TS6(JS)とTS7(native)の併存戦略、移行で何が変わるかという観点で整理します。
2026年5月19日のGoogle I/O 2026から、開発者に効く発表を整理。エージェント開発プラットフォーム Antigravity 2.0、Gemini 3.5 Flash、API1コールのManaged Agents、AI Studioのネイティブ Android(Kotlin)対応、そして Gemini CLI 統合の意味を解説します。
2026年5月1日に一般提供を開始したMicrosoft Agent 365と、2月にGAしたGitHub Copilot CLIを軸に、Microsoftが狙う「エンタープライズAIエージェントのガバナンス層」という立ち位置を、observe/govern/secureの3本柱とともに整理します。
Claude Code の / スラッシュコマンドを、組み込みコマンド・同梱スキル/ワークフロー・カスタムコマンド・プラグイン由来・MCP由来まで分類別に網羅。各コマンドの概要と使いどころ、状態（現役/廃止）と登場バージョンを一覧化し、今後も追記していけるリファレンスとして整理します。
Claude Code の使用量の基準である「トークン」を、英語・日本語・コードでの文字数との関係、課金の仕組み、公式のトークンカウントAPI、そして利用料を抑える具体策まで整理します。
2026年5月28日、Anthropicが「Claude Opus 4.8」をリリース。数百のサブエージェントを編成する Dynamic Workflows、effort control、自己検証の強化、ベンチマークと価格、fast mode の変更点を、Opus 4.7 からの差分として整理します。
2026年5月、TanStack 事件を起こした TeamPCP が汚染 VS Code 拡張「Nx Console」を経由して GitHub 従業員端末を侵害し、内部リポジトリ約3,800件を流出させた事件を整理します。攻撃チェーン、ペイロード、そして npm が投入した staged publishing（2FA承認ゲート）まで。
WordPress をヘッドレス CMS として使う方法を、3 層アーキテクチャ（バックエンド / API 層 / フロントエンド）の理解から、REST API と WPGraphQL の使い分け、ACF によるコンテンツモデリング、Next.js / Astro 連携、プレビュー・SEO・キャッシュといった「分離で失われるもの」の補完、そして「そもそも採用すべきか」の判断基準まで、実務目線で整理します。
Neovim0.12のvim.pack、ネイティブautocomplete、LSP拡張、パフォーマンス、LazyVimユーザーの移行判断を一次ソースベースで整理します。
2026年5月11日に発生したTanStack npmサプライチェーン攻撃を、GitHubActions、OIDC、SLSA provenance、Mini Shai-Huludの文脈から整理します。
arXiv:2605.08083v2「LLMs Improving LLMs: Agentic Discovery for Test-Time Scaling」で提案された AutoTTS を解説します。Test-Time Scaling (TTS) 戦略を人手で設計するのではなく、人間は「環境」を作り、LLM エージェントが戦略コード（branch / continue / probe / prune / stop の方針）を自動発見する枠組み。オフラインリプレイ環境、β パラメタリゼーション、実行トレース・フィードバックという 3 つの設計判断を中心に整理します。
tmux で複数ペインを開いて作業しているとき、Claude Code に「あっちのペインの中身を見て」と頼みやすくする小ネタを紹介します。tmux display-message と capture-pane の活用、target-pane の書式、現在地を依頼文ごと出力する拡張版、シェル alias 化、AGENTS.md / CLAUDE.md への落とし込みまで整理します。
Pull 型 CDN を効果的に使うための HTTP キャッシュヘッダー設計を整理します。Cache-Control の max-age / s-maxage の使い分け、HTML と静的アセットの TTL 設計、キャッシュ除外対象、ETag の注意点、検証方法、自動パージ vs 短 TTL の運用方針までを解説します。
Nuxt 4 の主要な変更点と新機能を、Nuxt 3 からの移行視点で整理します。新しい app/ ディレクトリ構造、シングルトン化されたデータフェッチング層（useAsyncData / useFetch）、TypeScript 設定のコンテキスト分離、CLI 高速化、Unhead v2、Vue Router v5、useAnnouncer などのアップデート、そして future.compatibilityVersion: 5 による Nuxt 5 への準備までを解説します。
Remix（remix.run）のこれまでの歩みを、React Router の歴史・Shopify による買収・React Router v7 へのマージ・「Wake up, Remix!」での再始動という流れで整理しつつ、Preact フォークをベースに「依存ゼロ」「モジュラーツールキット」を志向する Remix 3 の新機能と変更点（v3.0.0-beta.0 まで）を解説します。
Ollama・LM Studio・Jan・Open WebUI・AnythingLLM・vLLM・llama.cpp・GPT4All・text-generation-webui を、難易度・GUI・API・RAG対応・OS・GPU要件・商用利用などの観点で比較。初心者から法人の社内AI構築まで、用途別の選び方を実運用視点でまとめます。
Claude Code と Google カレンダーを Google 公式の Calendar MCP サーバーで連携する手順をまとめました。Google Cloud で OAuth クライアントを用意し、Claude.ai のカスタムコネクタとして登録するまでの流れに加え、複数アカウントの空き時間検索ユースケース、ハマりどころと回避策まで解説します。
YouTube グロース向けオールインワン AI プラットフォーム Algrow を、ニッチ発掘・競合分析・Sora 2 / Kling / Veo を使った動画生成・ElevenLabs 音声合成・Claude / ChatGPT / Cursor との MCP 統合・料金プランまで実装目線で整理します。
xAI が発表した Grok と Nous Research の Hermes Agent 連携を解説。SuperGrok の OAuth ログインだけで Grok 4.3（1M コンテキスト）/ TTS / Imagine が Hermes 内で使え、hermes proxy で Aider / Cline / Codex まで SuperGrok 1サブスクで動かせる仕組みと導入手順を整理します。
Playwright CLI v0.1.8 で追加された attach --cdp=chrome を試す。chrome://inspect/#remote-debugging 経由で普段使いの Chrome / Edge へ直接接続し、ログイン状態や拡張機能つきのまま AI エージェントから操作するセットアップと、Chrome DevTools MCP autoConnect との使い分けを整理します。
Anthropic 公式の Claude Code 拡張プラグイン「Claude Code Setup」を、5つのレコメンドカテゴリ（MCP・Skills・Hooks・Subagents・Slash Commands）の仕組み、インストール方法、プロジェクト検出ロジック、関連プラグインまで実装目線で整理します。
Anthropic Claude API のプロンプトキャッシング（Automatic / Explicit / 1時間TTL / Pre-warming）を、料金構造・キャッシュ無効化・cache_control の置き場所・max_tokens=0 によるウォームアップ運用まで実装目線で整理します。
Git コミットメッセージの軽量な規約 Conventional Commits 1.0.0 を、type / scope / description / body / footer / 破壊的変更の書き方から、commitlint + Husky による強制、semantic-release との連携まで実装目線で整理します。
Google 求人検索（求人情報リッチリザルト）に載せるための JobPosting 構造化データを、必須・推奨プロパティ、リモートワーク対応、学歴・経験のベータプロパティ、コンテンツポリシー、審査エラーまで実装目線で整理します。
Next.js の v1（2016年）から最新の v16（2025年10月リリース、2026年3月時点 v16.2）までの主要バージョンを、追加された機能・アーキテクチャ変更・破壊的変更とともに時系列で整理します。
2026年3月に大規模ロールアウトされた「Shopify Agentic Storefronts」を、ChatGPT / Gemini / Copilot などのAIチャネルから購入が完結する仕組み、技術基盤の Universal Commerce Protocol (UCP)、商品データ要件、4つのインポート方法、4ステップのセットアップ手順、Agentic Plan の料金まで体系的に解説します。
2025年から2026年にかけて急速に立ち上がった「フィジカルAI（Physical AI）」を、世界モデル・VLAモデル・シミュレーション基盤・ヒューマノイドの観点から整理。NVIDIA Cosmos / GR00T や Figure Helix、Tesla Optimus、π0 など、2026年5月時点の主要プレイヤーと最新動向をまとめます。
Jupyter Notebook を2026年版で総まとめ。Notebook 7（JupyterLab ベースに刷新）の新機能、Notebook 7.5 / JupyterLab 4.5 の最新アップデート、nbconvert / papermill / Voila / Jupytext などの周辺エコシステム、Claude / Codex などを呼べる Jupyter AI v3.0 まで体系的に解説します。
CursorやVS Codeの拡張として動く、AIネイティブなデザインツール「Pencil」の特徴・MCP連携・Figmaとの違いを解説。実案件として、企業向けWordPressテンプレートのワイヤーフレーム3パターンをAIで一気に構築した作業例も紹介します。
markdown-preview.nvim のメンテ停止を機に、ライブMarkdownビューワー Vivify (jannis-baum/Vivify) に移行しました。Vivify の特徴・インストール・vivify.vim によるNeovim連携・Jupyviv による Jupyter 編集まで、実際に使ってみた所感を交えて解説します。
オープンソースのFirebase代替として急成長を続けるSupabaseを徹底解説。PostgreSQL／Auth／Storage／Realtime／Edge Functions の主要機能、Next.js での実装サンプル、Row Level Securityの仕組み、2026年新機能（pg-deltaの宣言的スキーマ管理、PostgREST自動リトライ）から、Firebaseとの料金・アーキテクチャ・選定基準の違いまで、現場で必要な情報を網羅します。
WordPress 標準の REST API（/wp-json/wp/v2/）を徹底解説。基本エンドポイントの一覧、Application Passwords / Cookie + X-WP-Nonce / JWT などの認証方法、register_rest_route によるカスタムエンドポイント実装、Next.js でのヘッドレスCMS活用、ユーザー列挙やCSRFなどのセキュリティ落とし穴まで、実装サンプル付きで網羅します。
WordPress 標準の一時キャッシュ機構「Transients API」を徹底解説。set_transient / get_transient / delete_transient の基本から、site_transient のマルチサイト挙動、wp_options への保存と Redis/Memcached 連携時の挙動の違い、そして「期限切れトランジェントが残り続ける遅延ガベージコレクション」などの落とし穴と本番運用での回避策までを実装サンプル付きで網羅します。
2025年後半から2026年5月にかけて日本国内で発生し、社会的インパクトの大きかったセキュリティインシデント10件を整理。アスクルのランサムウェア、マネーフォワード/CAMPFIREのGitHub不正アクセス、山形市YCC情報システム経由の51万件流出、西日本シティ銀行や日テレZIP!のSNS漏洩まで、人的事故からサイバー攻撃まで横断的に解説します。
Nous Researchが2026年2月に公開したオープンソースAIエージェント「Hermes Agent」を徹底解説。永続メモリ、スキル自動生成、16プラットフォーム対応のメッセージングゲートウェイ、Fast Mode、ローカルWebダッシュボード、セキュリティ強化など、v0.9.0（2026年4月）までの全機能とインストール手順、OpenClawとの違い、Reddit・GitHubでの実運用評価をまとめます。
2026年4月17日、Anthropicが「Claude Opus 4.7」をリリース。ソフトウェアエンジニアリング能力の大幅向上、自己検証機能、最大2,576ピクセルの画像処理対応などの強化点と、API/Bedrock/Vertex/Foundryでの提供状況、価格を整理します。
2026年4月2日、AIネイティブIDEのCursor 3が正式リリース。複数エージェントを並列実行する「Agents Window」、UIデザイン編集に特化した「Design Mode」、PRのバグを自動修正する「Bugbot Autofix」など、AIコーディングの新時代を切り拓く新機能をまとめます。
2026年8月2日、EU AI Actの高リスクAIシステムへのルールが完全施行されます。違反時の罰則は最大3,500万ユーロまたは全世界売上高の7%。EU域内ユーザーに影響するAIサービスを提供する日本企業も対象です。リスク評価/HITL/学習データ管理/監査ログなど、いま整えるべき体制を整理します。
2026年3〜4月、Googleがリアルタイム音声モデル「Gemini 3.1 Flash Live」と新世代TTS「Gemini 3.1 Flash TTS」を相次いで発表。低レイテンシなマルチモーダル対話、自然な多言語音声、SynthID透かし、Search Live連携など、音声AIのプロダクションフェーズ突入を整理します。
2026年4月2日、Googleがオープンソースモデル群「Gemma 4」を発表。31B Denseフラッグシップ、26B MoE、エッジ向けのE4B/E2Bという4モデル構成、AIME 2026で89.2％、LiveCodeBench v6で80.0％という性能、思考モード/関数呼び出し/140言語対応などの特徴を整理します。
2026年4月3日、国立情報学研究所（NII）が国産大規模言語モデル「LLM-jp-4」をオープンソースで公開。約12兆トークンの高品質コーパスで学習した8B / 32B-A3Bの2モデル構成、最大65,000トークンの入出力対応、一部ベンチマークでGPT-4oやQwen3-8Bを上回る性能などをまとめます。
Model Context Protocol（MCP）は2025年にLinux Foundation配下のプロジェクトとなり、2026年には日付ベースから「Working Group」ベースの開発体制へ移行。Streamable HTTPの水平スケール、.well-known によるサーバー能力ディスカバリ、Tasks primitive 強化など、2026ロードマップの重点を整理します。
2026年4月3日、MicrosoftはMicrosoft Agent Framework 1.0をGAリリース。これまで別々だったSemantic KernelとAutoGenを統合し、.NETとPython双方で本番運用可能なマルチエージェントSDKになりました。A2A / MCP / マルチプロバイダー対応や、4月21日のPython 1.1.0で追加されたGemini対応・Hyperlight CodeAct連携などをまとめます。
2026年に入り、NVIDIA Blackwell GPUの供給が世界的に逼迫しています。GPUレンタル価格は時間あたり$3.50→$5超へ50%上昇、GB300 NVL72ラックは52週リードタイム、米国の電力・コロケーション枠は2027年Q4まで完売。AIインフラの真のボトルネックがシリコンから電力へ移った状況を整理します。
2026年4月15日、OpenAIがAgents SDKに大型アップデートを実施。永続的に動作する「Sandbox Agents」、制御プレーンと実行プレーンを分離する「Harness-Compute Separation」、Chat Completions API経由で100+モデルに対応する設計思想を解説します。
週1億ダウンロードを誇るnpmパッケージ「axios」が、北朝鮮系脅威アクターによって乗っ取られた事件を解説。攻撃の手口、影響を受けたバージョン、自分のプロジェクトの確認方法、今後の防御策をまとめます。
2026年3月31日、週間1億ダウンロードを超える人気パッケージ「axios」のnpmアカウントが乗っ取られ、悪意あるバージョン1.14.1と0.30.4が公開されました。攻撃の全容、影響を受けるバージョンの確認方法、今後の防御策をまとめます。
git-http-backend では Git LFS が動かなかった経験から、LFS に対応するセルフホスト型 Git サーバー OSS を調査。Gitea、Forgejo、GitLab CE、Gogs、OneDev、Soft Serve の特徴・要件・向いているケースを比較します。
Git LFS（Large File Storage）の仕組みと導入手順を解説。自前Gitサーバー（git-http-backend）では動かなかった実体験と、その理由・代替策もまとめています。
教育向けWebアプリの音声読み上げ機能に、Web Speech API・Google Cloud TTS・Gemini TTS・Azure TTS・edge-ttsの5つを比較検証。実装コード付きで、品質・コスト・導入しやすさを解説します。
LangChain.jsは、LLMを活用したAIエージェントやアプリケーションを構築するためのTypeScript/JavaScriptフレームワークです。基本概念から実践的なコードサンプルまで、活用例とともに解説します。
gitログ、ファイル更新履歴、Cursor・Claude Code・Codexの各AIエージェントログを情報源として、AIに1日の活動日記を自動生成してもらう仕組みを構築。さらにCRONとシェルスクリプトで完全自動化するまでの話。
ピクサー映画「カーズ」シリーズ全3作品に登場するキャラクター125体以上の名前と画像を、Fandom WikiのMediaWiki APIを使ってPythonスクリプトで自動収集。子ども向けキャラクター図鑑サイトも公開しました。
Tailwind CSS v4で刷新されたTailwind CLIの使い方を解説。npmインストールからスタンドアロン版、v4の新機能（@import、@theme、CSS-firstな設定）まで、実践的なコード例付きで紹介します。
同じサイコロゲームをReact Three Fiber（本格3D）とFramer Motion（CSS疑似3D）の2つのアプローチで実装。それぞれの特徴と使い分けを解説します。
Anthropicが開発したCLIベースのAIコーディングエージェント「Claude Code」の進化を、v0.2の初期リリースから最新v2.1まで、全バージョンの機能と変更点を詳細に解説します。
CursorのAIコードエディタとしての進化を、2023年3月の初期リリースから2026年1月の最新v2.4まで、全バージョンの機能と変更点を詳細に解説します。
Kaggleの概要から始め方、コンペティション参加のコツ、学習リソースまで徹底解説。データサイエンティストを目指す方必見のプラットフォーム活用ガイドです。
MicrosoftがWindows App Development CLI（winapp）をパブリックプレビューとしてリリース。Visual StudioやMSBuildを使わずにElectron、Rust、.NETなどでWindowsアプリ開発が可能に。
Meta傘下となったAIエージェント「Manus」の機能、性能、そして今後の展望を徹底解説。自律的にタスクを実行する次世代AIの可能性を探ります。
ReactのuseEffectフックを完璧に理解するための完全ガイド。基本的な使い方から依存配列、クリーンアップ関数、よくある間違いと解決策まで、実践的な例とともに徹底解説します。
WhatsApp/TelegramからPCを操作できるオープンソースAIエージェント「OpenClaw」は2026年1月のリリースから半年弱で約36万GitHubスターに到達し、史上最も注目を浴びるOSSとなりました。一方で2026年2月の大規模セキュリティ嵐（複数CVE、ClawJacked、悪意ある340件のスキル）と、4月の堅牢化アップデートまでを最新情報で解説します。
CSS Scroll-driven Animationsの基本から応用まで徹底解説。scroll()、view()、animation-timeline、animation-rangeなど、JavaScriptを使わずにスクロール連動アニメーションを実装する方法を実践的なデモとともに紹介します。
Figma公式のMCPサーバーを使って、CursorでデザインからHTMLを自動生成する方法を解説。設定手順から実践、再現度を高めるためのベストプラクティスまで紹介します。
Lottieの基本から応用まで徹底解説。lottie-webによるアニメーション制御、インタラクティブな操作、スクロール連動、React/Next.jsでの実装方法まで、実践的なデモとともに紹介します。
ブラウザで遊べる一人麻雀ゲームを React と Framer Motion で実装します。牌のアニメーション、役判定、リーチ・ドラ・フリテンなど本格的な機能を解説します。
View Transitions APIの基本から応用まで徹底解説。document.startViewTransition()、カスタムアニメーション、共有要素トランジション、クロスドキュメントトランジションまで、実践的なデモとともに紹介します。
Framer Motionの基本から応用まで徹底解説。motion.div、variants、AnimatePresence、useScroll、ドラッグ、レイアウトアニメーションなど、実践的なデモとともに紹介します。
Three.jsとReact Three Fiberの基本から応用まで徹底解説。メッシュ、ジオメトリ、マテリアル、ライティング、アニメーション、インタラクションなど実践的なデモとともに紹介します。
Svelteの革新的なコンパイラアプローチとSvelteKitによるフルスタック開発を徹底解説。Svelte 5のRunes、リアクティビティ、ルーティング、SSR/SSGまで実践的なコード例とともに紹介します。
tsParticlesを使用してReact/Next.jsでパーティクルアニメーションを実装する方法を解説。紙吹雪、雪、星空、花火など様々なエフェクトをインタラクティブなデモと共に紹介します。
GSAPのScrollTriggerを使った高度なアニメーション技術を解説します。パララックス効果、水平スクロール、スナップ、staggerアニメーションなど、実践的なテクニックを紹介します。
GSAPのScrollTriggerプラグインを使ったスクロールアニメーションの基本を解説します。セットアップからscrub、pin、toggleActionsまで、実際のデモとコード例で学べます。
Next.jsの脆弱性CVE-2025-55182（React2Shell）を悪用したクリプトマイナー感染の実際の事例を報告します。発見の経緯、感染状況、そして行った対策について詳しく解説します。
2026年1月17日にリリースされたjQuery 4.0.0の全変更点を、具体的なコード例とともに詳しく解説。非推奨APIの削除、ブラウザサポート変更、AJAX・CSS・イベントの仕様変更など、移行に必要な情報を網羅します。
Anime.jsを使ってWebサイトにスムーズなアニメーションを実装する方法を、実際に動くデモとコード例とともに解説します。移動、回転、色変化、タイムラインまで基礎から学べます。
Chart.jsを使ってWebサイトに棒グラフ、折れ線グラフ、円グラフなど様々なチャートを実装する方法を、実践的なコード例とともに解説します。
大量のYouTube動画から目当ての情報を効率的に見つけるため、youtube-transcript-apiを使った文字起こし一括取得ツールを開発しました。IPブロック問題の解決方法やCursor AIでの要約活用法まで詳しく解説します。
Google Authenticator で使う OTP（ワンタイムパスワード）を CLI で取得する方法。oath-toolkit を使えば、Playwright や AI エージェントでのログイン自動化にも対応できます。
Chatwork APIで日々のやり取りを蓄積し、AIエージェントにチームメンバーのタスク状況や困りごとを分析させる実験。ローカルLLMで情報を集約するシステムの実践編。
CursorのMCP機能を使ってGoogleスプレッドシートを自動操作する方法を解説。GCPの設定からMCP連携、実際にエラー調査レポートをスプレッドシートにまとめるまでの手順を紹介します。
長年蓄積した技術メモをObsidianに整理し、Dropbox + Dropsyncでスマホからも参照可能にした移行作業の記録。
Neovim のマークダウンプレビュープラグインを2026年5月時点で再比較。markdown-preview.nvim のメンテナンス停止と、その代替（selimacerbas フォーク版・Vivify）、進化した render-markdown.nvim v8.12 / markview.nvim v28.1 まで含めて整理しました。
システム全体で使えるespansoと、Neovimのファイルタイプ別スニペットエンジンLuaSnipを使い分けて効率化。外部スクリプト連携やBetter Touch Toolを使った入力ミス対策も紹介。
mini.diffを使ってNeovimでGitの変更行を可視化し、hunk単位でのステージ・リセット操作を実現する設定を紹介します。gitsignsからの乗り換えにも最適。
Neovimで編集中のファイルをsudo権限で保存する方法。Vimのsudo.vimが使えない理由と、プラグインなしで実現するカスタムコマンドの実装を解説します。
サイトを公開したら確認しておきたいSEO設定のチェックリスト。HTMLメタタグ、HTTPステータスコード、画像設定、HTML構文など、基本的な項目をまとめました。
Apple発の新UIスタイル「Liquid Glass」の考え方、CSSでの実装方法、Figmaでの作り方を解説します。Glassmorphismの進化系とも言えるこのデザインを、自分のプロジェクトに取り入れてみませんか。
黄金比、和モダン、ミニマリズム。printemps tokyo のロゴデザインを例に、私がロゴを作る際にこだわっているポイントを解説します。
Next.js の公式パッケージ @next/third-parties を使って、GTM（Google Tag Manager）経由で GA4 を導入する方法を解説します。たった数行のコードで完了します。
React Server Componentsに認証不要でリモートコード実行（RCE）可能な脆弱性「React2Shell」が発見されました。CVSSスコアは最大値の10.0。Next.js含む多くのフレームワークが影響。今すぐ対応が必要です。
VSCode や Cursor で本物の Neovim を動かす vscode-neovim 拡張機能を使ってみたら、今までの Vim キーバインド系プラグインとは次元が違った話
Neovimの軽量プラグイン集mini.nvimから、Millerカラム方式のファイルエクスプローラーmini.filesを紹介します。バッファ編集によるファイル操作が革命的です。
MD5やSHA-1で十分だと思っていたが、Argon2を知って世界が変わった。パスワードハッシュ化の正解がここにある。
PowerPoint で半日〜1日かかる技術プレゼン資料を、Cursor の AI エージェント + Marp の Markdown スライドで 50枚／約1.5時間で仕上げた実例。ツール構成・実ワークフロー・Marp の主要構文・運用上の注意点まで具体的にまとめます。
散らばった情報を一箇所に集約。ローカルLLMで検索・要約・自動化。コストゼロでプライバシーも守る。
目に優しいダークテーマ、Solarized。エディタで使ってたカラースキームを、ブログにも適用しました。
テスト書いてますか？このブログは、最新のテストフレームワークで守られています。
Pythonのバージョン管理、もう迷わない。uvが速すぎて戻れなくなった。
毎月手動でダウンロードするのに疲れた。Seleniumで自動化したら人生が変わった。
長年使ってきたVimからNeovimへ移行し、LazyVimで快適な開発環境を構築した記録
オープンソースAIを活用したRSSリーダー・記事要約サービスの開発プロジェクトを開始しました。
Pages Routerから移行して分かった。App Routerは別次元だった。