はじめに 普段の開発ではNext.js 16を使用しているのですが、ある時バージョンをアップデートしてから、急にメモリ消費が増えたように感じるようになりました。 最初は原因を特定できず、「どこかでメモリリークしているのかな」と思いながら、定期的に再起動して一時的に軽くすることで対応していました。 しかし、開発を再開するとまた徐々にメモリ使用量が増えていき、しばらくすると再び動作が重くなる、という状態が続いていました。 最初は自分の環境だけの問題かと思っていたのですが、チーム内でもメモリ消費が10GBを超えるケースがあり、Docker上で動かすとさらに重くなることも分かりました。 そこで改めて原因を調べてみたところ、Turbopack の設計に起因する問題であり、Next.js 16.3で改善されることが分かりました。 この記事では、実際にメモリ使用量を計測しながら、原因と対策を確認していっ

エクスポート・共有 完成したデザインは .zip / PDF / PPTX / HTML 形式でダウンロードできるほか、Canva・Adobe・Vercel などへの連携にも対応しています。共有リンクは「表示のみ / コメント / 編集」のアクセス権を選んで発行できます。 事前準備：既存プロジェクトからデザインシステムを作る プロトタイプを作る前に、私がまず行ったのが既存プロジェクトからデザインシステムを作成することです。これは Claude Designを実務で使ううえで、個人的に最も便利だと感じた機能でした。 Claude Designは、スクリーンショットや画像、既存のアセット、さらにはコードベースや既存のデザインファイルをアタッチして、組織のデザインシステムを取り込めます。Claude Codeを使っている場合は、/design-sync コマンドで GitHub リポジトリやロー

はじめに ショートカット、覚えたいのに覚えられない。そんな悩みはありませんか？ 覚えようとしてもなかなか覚えられず、いざ試してみようと思っても、いつの間にかショートカットを使わずに操作しているということがよくあります。かといって、腰を据えてショートカットの一覧表を見ながら作業するのも、結構面倒ですよね。 そこで今回は、ショートカットを覚えるための拡張機能を開発しました。 具体的には、アプリを開いてマウス操作をした際に、その操作に対応するショートカットが存在する場合、トースト通知でショートカットを教えてくれるというアプリです。 このアプリのポイントは以下の通りです 普段の操作の中で、どのようなショートカットがあるのかに自然と気づける 「覚えよう」と意気込まなくても、マウスを使うたびに何度も目に入るので記憶に定着しやすい ショートカット一覧表を開いて探す手間がなく、今やった操作に対応するものだ

AIがコードを書くようになって、「設計を学ぶ意味はあるのか」と考える人は少なくないと思います。私はむしろ逆で、AIが普及するほど設計の重要性は上がると考えています。 ロバート・C・マーティンの『Clean Architecture』は、ソフトウェアには2つの価値があると言います。要件どおりに動くこと（振る舞い）と、変更しやすい構造を保つこと（構造）です。 AIが急速に肩代わりしつつあるのは前者、つまり「動くものを作る」コストのほうです。 一方で、どこで責務を分けるか、どの境界を安定させるか、将来の変更をどこまで見込むか、といった判断には、一意の正解がありません。ビジネス・組織・開発速度・将来の不確実性を天秤にかけ、トレードオフの中から選び取るものだからです。 むしろ実装コストが下がるほど、ソフトウェア開発のボトルネックは「何を変わりやすいものとして扱い、どこに境界を引くか」という設計判断へ

▍結論 Claude Code 用のハーネス（agents・skills・hooks・commandsなど）を個人の設定を壊さずに配布するためのリポジトリ【 share-harness 】を公開しました。 ○ 使い方 使い方はとても簡単で、各種agentsやskills、hooksのファイル名またはディレクトリ名に-sharedのpostfixをつけるだけです。 実例をお見せするためにrepositoryにしましたが、.gitignoreだけコピーして使ってくれれば、各チームの.claudeディレクトリも共有できるようになります。 ▍個人設定と衝突しないハーネスをプロジェクト横断で使いたかった プロジェクト横断で使うagentsやskillsをチームで共有したいと思ったことはありませんか？ プロジェクトごとにコードレビューやデザインのskills・agentsを作るのは非効率ですし、管理も

Arts & Crafts Google I/O 2026の主要発表: Gemini 3.5 Flash GA・Antigravity 2.0・AI Studio強化 2026-05-20 Gemini 3.5 Flash、Antigravity 2.0、AI Studio強化を中心に、Google I/O 2026の発表を一次情報で整理する。 2026年5月19〜20日（米国時間）に開催されたGoogle I/O 2026で、モデル・開発者ツール・エージェント基盤・Geminiアプリ・価格プランにわたる発表が一気に出た。本記事では公開された一次情報をもとに、開発者にとって押さえるべき発表を6つの軸で整理する。 中心はGemini 3.5 FlashのGA、開発者向けエージェント基盤のAntigravity 2.0、Google AI Studioのアプリ生成機能の3つで、価格モデルの大き

Google I/O 2026の主要発表: Gemini 3.5 Flash GA・Antigravity 2.0・AI Studio強化 2026年5月19〜20日（米国時間）に開催されたGoogle I/O 2026で、モデル・開発者ツール・エージェント基盤・Geminiアプリ・価格プランにわたる発表が一気に出た。本記事では公開された一次情報をもとに、開発者にとって押さえるべき発表を6つの軸で整理する。 中心はGemini 3.5 FlashのGA、開発者向けエージェント基盤のAntigravity 2.0、Google AI Studioのアプリ生成機能の3つで、価格モデルの大きな変更も併せて扱う。XR・Shopping・Workspaceなど一般消費者向けの機能は最後に概観だけ触れる。 数値・公開時期・利用枠はGoogle公式ブログ・Developer Keynote公式まとめ・D

LLMがプロンプトとモデルを指定して画像が生成されます。解像度やアスペクト比、出力先ディレクトリも指定できます（Googleモデルのみ入力画像を渡して編集することもできます）。 これの何が嬉しいか チャットモデルと画像生成モデルの組み合わせが自由になる Claudeで会話しながら、Geminiのnano-banana-2で画像を生成する。あるいはFLUXで生成する。チャットの賢さと画像生成の品質を、それぞれ好きなものを選んで組み合わせられます。Geminiを使う理由のひとつに「画像生成ができるから」がありましたが、もうその縛りはありません。 別々のプラットフォームで生成する必要がなくなる GeminiもGPTもFLUXも、全部Claude CodeやClaude Desktopの中から呼べます。ブラウザを開いてコンテキストをコピペする作業がなくなりました。 プロンプトエンジニアリングとコン

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

はじめに 最近、Web サービスでの情報漏洩や不正アクセス、 よく使われているライブラリで重大な脆弱性が見つかったというニュースを 目にする機会が増えてきました。 あらためてセキュリティを基礎から学び直したいと感じるようになり、 『体系的に学ぶ 安全な Web アプリケーションの作り方』(通称:徳丸本)を読みました。 本記事は、その学びをもとに Web アプリケーションの代表的な脆弱性について、 「なぜ発生するのか」「どう攻撃されるのか」「どう対策するのか」 の 3 つの観点で整理したものです。 この記事で扱うトピック 認証・セッション管理の基礎 Cookie の属性（Domain / Secure / HttpOnly / SameSite） 同一オリジンポリシーと CORS XSS / SQL インジェクション / CSRF / クリックジャッキング セッションハイジャック・セッション

Googleから新しいAIエージェントIDEが登場！ 本日11/19の午前0:30ごろ、突如発表されたGemini 3.0と共にひっそりと登場したAI IDEのAntigravity。 さっそく使ってみたらとんでもない使いさすさで、すぐに旋風が起きて世界中の開発者がメインで使うIDEになるのではないかと感じています。 「東京タワーを3Dで表示できるアプリを作ってみて」と指示した結果 さっそくAIに「東京タワーを3Dで表示できるアプリを作ってみて」と指示してみました。 すると１発で正確に動くアプリケーションが完成し、２回の修正で視点移動のエラーもない品質に成長しました。 （足元がタコみたいになっているのはご愛嬌） Antigravityの凄さ プランを立てて綺麗に表示して、レビューしてくれる 作業の履歴を逐一残したり、画面のスクリーンショットを逐一残したりしながら高速・高精度で作業してくれる

Claude CodeからCodex CLIに移行しました Codex CLIがPlusプランを契約しているユーザーであれば月額課金で使えるようになりました。 Claude Codeがデファクトスタンダードになっている現状にOpenAIが挑戦している格好でしょうか。 そんなCodexを使ってみたいと思っている方向けの日本語資料があまり揃っていなかったので、自分用メモをまとめてみました。 Claude CodeからCodeX CLIへの移行ガイド OpenAI CodeX CLIは、OpenAIが公開したオープンソースの開発支援CLIツールです。 Claude CodeのようにCLI上でAIに指示し、コードの生成・編集やコマンド実行などを行ってくれます。 初期セットアップ手順 Codex CLIを使い始めるには、Node.js環境（v22以降）の用意と、OpenAI APIもしくはChatG

「このAI、喋るぞ！」 Claude や ChatGPT、Codex などの LLM クライアントが自然な声で話せるようにしてみたら、想像以上に便利で有意義でした。自分でしばらく使っていて手放せなくなったので、speak-mcp として GitHub に公開しています。 並列でエージェントを回している方ほど効きます。ターミナルを順番に巡回して「終わった？」「止まってる？」と覗き込む時間が、入れた後ほぼなくなりました。 ターミナルを見張る作業が増えていた 並列でエージェントを回していると、10個くらい並列で回しているターミナルを巡回する時間が地味に積み上がります。終わったのに気づかず数分放置したり、権限や質問などの確認で止まっているのに気づかず別の作業を続けてしまったり、みなさんも覚えがあるのではないでしょうか？ speak-mcp とは何か speak-mcp は、Claude や Cha