モーダルやツールチップで役立つ! HTMLのcommandとinterestfor属性を使って、JSを減らすスマートなUI開発 HTMLとCSSは進歩していますが、以前はJavaScriptが必須だった機能も、今ではHTMLとCSSだけで実現できることも増えています。HTMLの新属性command属性とcommandfor属性、そしてinterestfor属性を使うとダイアログやポップオーバーをHTMLのみで操作できます。本記事ではHTMLからコマンドを宣言してUIを操作するという新しいアプローチも紹介します。 command / commandfor属性とinterestfor属性を使ってJavaScriptなしで操作する まずはcommand属性およびcommandfor属性、そしてinterestfor属性を使ってJavaScriptなしで実装できるようになった、ダイアログとポップオ

「AI（人工知能）でこれだけ効率化できれば、今まで工数の問題で手を付けられなかった案件にも着手できるようになる」――。 ディー・エヌ・エー（DeNA）の小池啓輔IT本部IT基盤部副部長は、取り組みの手応えをこう述べる。 DeNAは2025年10月末～11月末にかけて、Perlでコードが記述されたサーバー資産管理API（アプリケーション・プログラミング・インターフェース）をGoに移行するプロジェクトを完遂した。Perlのコードは約6000行、移行後のGoのコードは約1万行に及ぶ。「人間の力だけでやれば少なくとも半年はかかるプロジェクト」（小池副部長）を、特性の異なる2つのAIエージェントを駆使してわずか1カ月でやり遂げた。 同システムはその後、2025年12月から約2カ月間に及ぶ開発環境での稼働確認を経て、2026年1月末に本番環境で稼働を開始している。 「優先順位の問題で対応できなかった」

去年の3月から zellij をターミナルマルチプレクサとして使っていたけど、約11ヶ月で結局 tmux に戻した。 zellijはRust製で設定がKDLで書けて、UIもモダンでめちゃくちゃ良かった。locked modeをデフォルトにして Ctrl+g でモード切替するスタイルが気に入っていた。floating paneの完成度はtmuxより進んでいたし、Wasmベースのプラグインシステムにも将来性を感じていた。 ただ、細かく改善しようとするとtmuxのほうが圧倒的に小回りが利く。戻した理由は大きく2つある。 1つ目はzellijの開発ペースへの不安。v0.42.2からv0.43.0まで4ヶ月リリースがなかったし、v0.43.1（2025年8月）以降もまた止まっている。メインのターミナル環境を更新の不透明なツールに預けるのはちょっと怖かった。 2つ目は Claude Code との相性

1. 【課題】「ただの検索」から「文脈を理解した対話」へ 前回はデータの準備をしましたが、今回はそのデータを**4人の専門家（エージェント）**として動かし、毎日使えるレベルまで効率化します。 過去の記事で、 Gemini の全履歴を NotebookLM に集約し、検索・分析ができる環境を構築した話を載せました。 確かに NotebookLM 上での検索は強力です。ですが、チャットの度に、例えば記事の原稿にするためならば「〇〇の文体で書いて」と指示し、自己分析のためならば「過去の私の傾向からアドバイスして」と指示することになりますが、繰り返す使う目的の場合でも毎回資料と指示を指定する必要があり、手間が掛かってしまいます。また、 NotebookLM のノートブックでは 2025年後半からチャットの履歴を残すことも可能になりましたが、よく使うノートブックがあるとその履歴の中に様々な目的のチ

こんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、私がはたらくRabeeで運用しているデザインシステムを紹介します。Rabeeは、受託開発・自社開発をともに手がけるWeb開発会社で、ちょうど1年前に「自社専用のデザインシステム」の構築をスタートしました。1年を経て、開発会社だからこその運用の形がだんだんと見えてきたので、今回振り返ろうと思います。 Figmaのコンポーネントの作り方やVariablesとCSSの一致、実装との連携を志向したデザイナーの動きについて、実運用の細かな部分も含めて話します。ぜひ最後までお楽しみください🐊 ※「2分で作成」はFigmaのデザインに要する時間です。 なお、今回話すのは、要件定義やデザインのフェーズでFigmaを使うことを想定したフローです。Figmaでアイデアを練り、Svelteで開発するチームの事例としてご覧ください。 はじめに

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この手の話をもう何万回聞いたかわかりませんが、GitHubリポジトリのコミット数や頻度を見るにかなりの本気度を感じます。 そんなわけでJavaScriptをそのままネイティブアプリにするプロジェクトのひとつ、OpenWebFがベータ版に到達したようです。 以下は公式ブログ、Introducing WebF Beta: Bring JavaScript and the Web dev to Flutterの紹介です。 Introducing WebF Beta: Bring JavaScript and the Web dev to Fl

自分なりにQEMUで最小構成のLinux環境を構築する その２ 前回は、わけもわからずやっていたが、もうすこし理解しながら進めてみることにする。 今回は、 Device Treeの設定もやってみる。 linux-6.12.68を使用している。 カーネル構成のダイエット 通常のdefconfigではなく、 allnoconfig から初めて、徐々に追加していく。 まずは、最小のコンフィグから始める。

CLAUDE.md は、Claude Code の性能を最大限に引き出すための最も重要な設定ファイルです。しかし、「とりあえず全部書いておけばよい」というものではありません。本記事では、内部メカニズムを踏まえた効果的な書き方を解説します。 CLAUDE.mdとは何か CLAUDE.md は、プロジェクトルートに配置する Markdown ファイルです。Claude Code はセッション開始時にこのファイルを自動的に読み込み、記述された内容を会話のコンテキストに含めます。LLM はセッション間の記憶を持たないため、CLAUDE.md にコーディング規約やビルドコマンドを記述しておくことで、毎回「プロジェクトを理解した状態」から作業を開始できます。 CLAUDE.mdの内部メカニズム 「短く書くべき」「普遍的な内容だけを書くべき」と言われる理由は、技術的な制約によるものです。 コンテキストウ

ジャンプTOON ソフトウェアエンジニアの國師 (@ronnnnn_jp) です。 この記事では、仕様書の作成・レビューに生成 AI を活用するための実践的なアプローチを紹介します。 目次 生成 AI による開発効率の変化 LLM の特徴と制約 コンテキスト情報の整備 手順や制約の明確化 評価と効果 なぜ Notion AI か おわりに 生成 AI による開発効率の変化 2024 年 5 月にサービスを開始したジャンプTOON は、モバイルアプリケーションと Web ブラウザアプリケーションを提供しています。バックエンドも含め、ジャンプTOONの開発は大きく次の流れで進みます。PM が企画と仕様策定を行い、開発メンバー (エンジニア、デザイナ、QA など) を巻き込んで仕様をブラッシュアップします。その後、デザイナが UI デザイン、エンジニアが実装を進めます。 昨今ではコーディング A

WebMCP は Web 開発者が Web アプリケーションの機能をツールとして公開できるようにする JavaScript インターフェイスです。これにより AI エージェントが Web アプリケーションの機能を直接呼び出して操作できるようになります。 WebMCP は Web 開発者が Web アプリケーションの機能をツールとして公開できるようにする JavaScript インターフェイスです。これは AI エージェントや支援技術から呼び出せる自然言語による説明と構造化スキーマを備えた JavaScript 関数です。WebMCP を使用する Web アプリケーションは MCP サーバーとみなすことができます。これにより従来の AI エージェントがウェブページのスクリーンショットを解析して情報を取得するのではなく、Web アプリケーションが提供するツールを直接呼び出して操作できるようにな

「LGTM 🚀」 このたった4文字、何回書いてきただろう。 PRが来て、差分を見て、ロジックを追って、「まあ問題なさそうだな」でApprove。正直、金曜の夕方に来た30ファイル変更のPRに対して、全行を真剣に読んだかと聞かれたら——答えに詰まる。 たぶん、あなたもそうだと思う。 はじめに 認証・認可、入力バリデーション、そのあたりを「ちゃんとやってるつもり」で何年もやってきた。 でも最近、自律型AIエージェントにセキュリティテストを任せてみたら、僕が一番信頼していた「人間のコードレビュー」が、実は一番のザルだったと気づいた。 ツールを入れて満足する話じゃない。もっと手前の話だった。 AIハッカーの時代が来た、らしい 2025年あたりから、AIを使った脆弱性スキャナーが一気に増えた。 中でも話題になったのが Shannon。GitHubでトレンド入りした自律型AI脆弱性スキャナーで、LL

最近、Claude Codeでほぼすべての業務を完結させるスタイルで仕事をしていますが、これがめちゃくちゃ良いです。 私はメインの仕事として新規事業立ち上げや事業成長の支援をしており、日々の仕事の大半は、戦略立案、リサーチ、コンテンツの発信、プロジェクトのディレクションといった非エンジニアリング業務です。 それらすべてをClaude Codeに集約し、毎朝AIに工程表を作ってもらい、プロジェクトの背景情報を加味した戦略立案、トレンド収集から記事執筆、タスク管理までをコマンド一発で回す。 以前はChatGPT、Gemini、Notion、Google Sheetsとツールを行き来していましたが、その認知的な切り替えコストがゼロになりました。 もはやClaude Codeネイティブで仕事をしているかどうかで、非エンジニアの生産性にかなりの差が出る時代になったと感じています。 きっかけは、先日久