296 articles
Claude Code のフル活用！実用的な厳選 Skills/Plugin 8 選
Claude Codeをフル活用！本気で使える厳選Skills/Plugin 8選
Claude Code を使い始めて 8 ヶ月が過ぎましたが、これまでの数十もの Skills や Plugin をインストールして試行錯誤してきました。最初は「あれ、すごい」と新鮮に感じたものの、プラグインを入れすぎると相互に干渉したり、使わなくなり埃をかぶったり（吃灰）するものが多いことに気づきました。最後に残り、私の日常の開発ワークフローを劇的に変えた「神ツール」は、実は以下の 8 つだけで...
Original: Claude Codeを使い始めてから8ヶ月。これまで数十個のSkillsやPluginをインストールしては試行錯誤（いじり倒す）してきました。 最初は「何これ、全部すげえ！」と新鮮でしたが、結局プラグインを入れすぎると互いに干渉し合ったり、使わなくなって埃をかぶったり（吃灰）するものが多いことに気づきました。 最終的に生き残り、私の日常的な開発ワークフローを劇的に変えてくれた「神ツール」は以下の...
Anthropic社員のClaude Code活用術8選 — 公式情報から読み解く実践テクニック
Anthropic社の方々が「Claudeをどう使っているのか」を発信されているものを8個にまとめてみました。 ※本記事はAnthropic公式ブログ、Boris Chernyのポッドキャスト等に基づいています（詳細は末尾の参考リンク一覧）。 1. 「コンテキストエンジニアリング」— 指示の質より環境の設計、複利的エンジニアリングへ 2026 Agentic Coding Trends Re...
Original: Anthropic社の方々が「Claudeをどう使っているのか」を発信されているものを8個にまとめてみました。 ※本記事はAnthropic公式ブログ、Boris Chernyのポッドキャスト等に基づいています（詳細は末尾の参考リンク一覧）。 1. 「コンテキストエンジニアリング」— 指示の質より環境の設計、複利的エンジニアリングへ 2026 Agentic Coding Trends Re...
初めてのダッシュボードUI設計で学んだこと
はじめに 私はフロントエンドエンジニアとして勤務していますが、UI作成にも興味があり、デザインから実装まで担当する機会が増えてきました。 インターン時代にバナーやLPのデザインを少し学んだことがあり、PinterestでUIを眺めるのも好きです。ただ、ダッシュボードのUIデザインは今回が初めてで、どこから手をつければいいか全くわからない状態からスタートしました。 この記事では、参考になった資料や学...
Original: はじめに 私はフロントエンドエンジニアとして勤務していますが、UI作成にも興味があり、デザインから実装まで担当する機会が増えてきました。 インターン時代にバナーやLPのデザインを少し学んだことがあり、PinterestでUIを眺めるのも好きです。ただ、ダッシュボードのUIデザインは今回が初めてで、どこから手をつければいいか全くわからない状態からスタートしました。 この記事では、参考になった資料や学...
令和最新版 Go での Dockerfile / Docker Compose の書き方
令和最新版 GoでのDockerfile / Docker Composeの書き方
Go で Dockerfile と Compose をよく書いていますが、使いやすい書き方が定まりつつあるので共有します。 コード例も含めますのでご自由にどうぞ！ 1. マルチステージビルドにする もう当たり前だと思うので割愛しますが、マルチステージビルドは必須です。 ビルドに必要なものと、実行に必要なものを分けるだけで、最終イメージのサイズと攻撃面を大幅に削減できます。 https://doc...
Original: GoでよくDockerfileとComposeを書いてるんですが、いい感じの書き方が固まってきたので共有します。 コード例 もあるのでご自由にどうぞ！ 1. マルチステージビルドにする もう当たり前だと思うので割愛しますが、マルチステージビルドは必須です。 ビルドに必要なものと、実行に必要なものを分けるだけで、最終イメージのサイズと攻撃面をかなり抑えられます。 https://docs.doc...
個人的開発環境 2026春
きっかけ （会社の）M5 MacBookPro が届いたのでせっかくなので環境を0から作る!!! 実現したいこと Mac の zsh 環境を整備して、以下を実現する。 実際に作成したものは以下のリポジトリにまとめた。 https://github.com/nkgrnkgr/dotfiles-zsh-2026 設定ファイルは dotfiles としてリポジトリで管理し、シンボリックリンクで反映す...
Original: きっかけ （会社の）M5 MacBookPro が届いたのでせっかくなので環境を0から作る!!! 実現したいこと Mac の zsh 環境を整備して、以下を実現する。 実際に作成したものは以下のリポジトリにまとめた。 https://github.com/nkgrnkgr/dotfiles-zsh-2026 設定ファイルは dotfiles としてリポジトリで管理し、シンボリックリンクで反映す...
仕様駆動開発(SDD)から、意図駆動開発(IDD)へ
SDDを実践すると起こること 仕様を定義する際に、How（実装の詳細）が仕様書に入り込む。そしてしばしば、Howのボリュームは大きくなりがちである。実装フェーズに入る前に、仕様レビューに時間がかかり、本来のエージェント開発の持つスピード感を得られない感覚に陥る。 SDDから、IDDへ SDDの問題とは、仕様書にHowが混入し、スペックレビュー地獄に陥ることにある。ドキュメントとコードの二重管理...
Original: SDDを実践すると起こること 仕様を定義する際に、How（実装の詳細）が仕様書に入り込む。そしてしばしば、Howのボリュームは大きくなりがちである。実装フェーズに入る前に、仕様レビューに時間がかかり、本来のエージェント開発の持つスピード感を得られない感覚に陥る。 SDDから、IDDへ SDDの問題とは、仕様書にHowが混入し、スペックレビュー地獄に陥ることにある。ドキュメントとコードの二重管理...
Reactをやめて MoonBit で50ページの業務システムを作った
はじめに React、Vue、Svelte。フロントエンドのフレームワーク選定で普通に出てくる名前だと思う。自分もそうだった。 でも結局、どれも選ばなかった。代わりにMoonBitという、ほとんど誰も使っていない言語でフロントエンドを書いている。しかも個人プロジェクトではなく、業務で毎日使われている社内CRM/SFAで。 ページ数は50を超えた。顧客管理、契約処理、物件検索、社内チャット、日報、承...
Original: はじめに React、Vue、Svelte。フロントエンドのフレームワーク選定で普通に出てくる名前だと思う。自分もそうだった。 でも結局、どれも選ばなかった。代わりにMoonBitという、ほとんど誰も使っていない言語でフロントエンドを書いている。しかも個人プロジェクトではなく、業務で毎日使われている社内CRM/SFAで。 ページ数は50を超えた。顧客管理、契約処理、物件検索、社内チャット、日報、承...
LLMをもっと賢くする：ナレッジグラフ実践入門
「ChatGPTは賢いのに、なぜ業務では使いにくいのか」。その答えがナレッジグラフにあります。本書は、RAGだけでは解けない問題の正体を明らかにし、ナレッジグラフがLLMに何をもたらすかを、入門から世界の活用事例、実装アーキテクチャ、AI Agentとの統合まで一気通貫で解説します。エンタープライズ規模でのKG実装は難しい。だからこそ、何が難しいのかを正確に理解することが第一歩です。
Original: 「ChatGPTは賢いのに、なぜ業務では使いにくいのか」。その答えがナレッジグラフにあります。本書は、RAGだけでは解けない問題の正体を明らかにし、ナレッジグラフがLLMに何をもたらすかを、入門から世界の活用事例、実装アーキテクチャ、AI Agentとの統合まで一気通貫で解説します。エンタープライズ規模でのKG実装は難しい。だからこそ、何が難しいのかを正確に理解することが第一歩です。
「AIに言われてウザかったフレーズ選手権」をアプリにした
「AIに言われてウザかったフレーズ選手権」をアプリにした 同僚とのチャットで「ChatGPTのウザいリプライ」で盛り上がった。ノリと勢いで「何をつぶやいてもAIがウザ絡みしてくるSNS」を作ったら、フレーズ収集が一番楽しかった。 動くやつはここ → https://d2ukim6sdm7m4g.cloudfront.net/ ※ 事前予告なく停止してしまう可能性もあります。 発端：「いや、お前...
Original: 「AIに言われてウザかったフレーズ選手権」をアプリにした 同僚とのチャットで「ChatGPTのウザいリプライ」で盛り上がった。ノリと勢いで「何をつぶやいてもAIがウザ絡みしてくるSNS」を作ったら、フレーズ収集が一番楽しかった。 動くやつはここ → https://d2ukim6sdm7m4g.cloudfront.net/ ※ 事前予告なく停止してしまう可能性もあります。 発端：「いや、お前...
新機能を追加するために3,000行削除した話 — AIが書いたコードの技術負債とどう向き合うか
はじめに — AI が書いたコードの「その先」 AI コーディングツールの普及で、非エンジニアでもシステムを構築できる時代になりました。それ自体は素晴らしいことで、実際にプロダクトとしてユーザーに使われているシステムが AI の力で生まれています。 しかし、その先に待っているのは「動いているけど設計がないコードベース」です。 場当たり的な指示で生成されたコードは、個々のファイルとしては正しく動きま...
Original: はじめに — AI が書いたコードの「その先」 AI コーディングツールの普及で、非エンジニアでもシステムを構築できる時代になりました。それ自体は素晴らしいことで、実際にプロダクトとしてユーザーに使われているシステムが AI の力で生まれています。 しかし、その先に待っているのは「動いているけど設計がないコードベース」です。 場当たり的な指示で生成されたコードは、個々のファイルとしては正しく動きま...
業務アプリのフロントエンド負債と向き合い、Tailwind CSS から Panda CSS への移行を決めた話
はじめに はじめまして。2025 年 10 月より、レバテック開発部にジョインした早川です。 私たちのチームでは、社内業務を効率化するための Web アプリケーションを Next.js（App Router）+ TypeScript で開発しています。フロントエンドのスタイリングには Tailwind CSS を採用しており、プロジェクト開始から 1 年半が経過してコードベースは 200 ファイル...
Original: はじめに はじめまして。2025 年 10 月より、レバテック開発部にジョインした早川です。 私たちのチームでは、社内業務を効率化するための Web アプリケーションを Next.js（App Router）+ TypeScript で開発しています。フロントエンドのスタイリングには Tailwind CSS を採用しており、プロジェクト開始から 1 年半が経過してコードベースは 200 ファイル...
生成AI時代のドキュメント基盤
本項はFindy様のイベント 仕様駆動開発（Spec-Driven Development） Lunch Talk で発表した発表原稿を、加筆修正したものになります。 スライドはこちら 生成AI時代のドキュメント基盤 - Docswell 生成AI、活用されていますか？ 生成AI、活用されていますか？ 私はもう毎日、どっぷりつかっています。 仕様駆動開発にも注目 そんな中、仕様駆動...
Original: 本項はFindy様のイベント 仕様駆動開発（Spec-Driven Development） Lunch Talk で発表した発表原稿を、加筆修正したものになります。 スライドはこちら 生成AI時代のドキュメント基盤 - Docswell 生成AI、活用されていますか？ 生成AI、活用されていますか？ 私はもう毎日、どっぷりつかっています。 仕様駆動開発にも注目 そんな中、仕様駆動...
Claude Code × GitHubでプロダクトマネジメントを再設計した話
クラシルのプロダクト開発において、Claude Code × GitHubでプロダクトマネジメントワークを一元管理する仕組みを作ったのでその振り返り。 今は、Claude Codeを使って「競合調査・分析→仮説検証→UIプロトタイプ」まで、PdMワークを1つのGitリポジトリに集約し、Claude Codeで構造化・レビュー・集計をしている。 特に効果が大きかったのはこの4つ N1インタビュー...
Original: クラシルのプロダクト開発において、Claude Code × GitHubでプロダクトマネジメントワークを一元管理する仕組みを作ったのでその振り返り。 今は、Claude Codeを使って「競合調査・分析→仮説検証→UIプロトタイプ」まで、PdMワークを1つのGitリポジトリに集約し、Claude Codeで構造化・レビュー・集計をしている。 特に効果が大きかったのはこの4つ N1インタビュー...
【Flutter】デバッグ画面のソースコード、ちゃんとリリースビルドから除外していますか？
Flutter に限らずアプリ開発、というよりフロントエンドの開発全般で、「デバッグ画面」を用意することは少なくないと思います。 Feature flag を強制的に切り替えて未公開の機能を動作確認したり、特定のデータを強制的に取得して UI で確認したり、キャッシュの内容をいじったり、内部のログを UI から確認したりなど、デバッグ画面は開発や検証を効率的に進める上で便利なツールです。 ただし、...
Original: Flutter に限らずアプリ開発、というよりフロントエンドの開発全般で、「デバッグ画面」を用意することは少なくないと思います。 Feature flag を強制的に切り替えて未公開の機能を動作確認したり、特定のデータを強制的に取得して UI で確認したり、キャッシュの内容をいじったり、内部のログを UI から確認したりなど、デバッグ画面は開発や検証を効率的に進める上で便利なツールです。 ただし、...
Java歴21年のエンジニアが同じAPIをJava・Go・Rust・Kotlinで実装して徹底比較した
はじめに 筆者はJava歴21年のバックエンドエンジニアです。現在は日本のIT企業で働きながら、自社プロダクト（短動画プラットフォーム）のバックエンドを開発しています。 元々Spring Bootで構築していた本番環境をGoに移行し、さらにRustで書き直しました。その過程で「ちゃんと数字で比較したい」と思い、同じAPIをKotlin（Ktor）でも実装し、4言語の実測データを取りました。 本記事...
Original: はじめに 筆者はJava歴21年のバックエンドエンジニアです。現在は日本のIT企業で働きながら、自社プロダクト（短動画プラットフォーム）のバックエンドを開発しています。 元々Spring Bootで構築していた本番環境をGoに移行し、さらにRustで書き直しました。その過程で「ちゃんと数字で比較したい」と思い、同じAPIをKotlin（Ktor）でも実装し、4言語の実測データを取りました。 本記事...
「ポインタ渡し」なんてものは存在しません！【C言語入門】
C言語の解説には歴史的経緯からか、あまり良くない記述が散見されます。 その中でも特に良くないのが「ポインタ渡し」です。 C言語には「値渡し」しかない プログラミング言語において、引数の渡し方は2種類あります。 値渡し 変数の値をコピーして渡します。 関数内で値が編集されても元の変数の値に変更はありません。 参照渡し 変数を指し示す参照だけを渡し、変数として振舞わせます。 関数内で値が変数...
Original: C言語の解説には歴史的経緯からか、あまり良くない記述が散見されます。 その中でも特に良くないのが「ポインタ渡し」です。 C言語には「値渡し」しかない プログラミング言語において、引数の渡し方は2種類あります。 値渡し 変数の値をコピーして渡します。 関数内で値が編集されても元の変数の値に変更はありません。 参照渡し 変数を指し示す参照だけを渡し、変数として振舞わせます。 関数内で値が変数...
タスク管理もミーティングメモも Obsidian に自動で集まる仕組みを作った
こんにちは、フクロウラボの満江です。 かなり乗り遅れた感はあるんですが、最近 Obsidian に入門して「タスク・議事録・日報・メモ」等々の管理を行っています。 所感としては、自分好みにカスタマイズ出来る点が非常に良いですね。最高です。 とはいえ、「毎日 Daily Note を作成して、前日のタスクをコピーしつつ Google Calendar の予定も反映して...」だったり、 「ミーティン...
Original: こんにちは、フクロウラボの満江です。 かなり乗り遅れた感はあるんですが、最近 Obsidian に入門して「タスク・議事録・日報・メモ」等々の管理を行っています。 所感としては、自分好みにカスタマイズ出来る点が非常に良いですね。最高です。 とはいえ、「毎日 Daily Note を作成して、前日のタスクをコピーしつつ Google Calendar の予定も反映して...」だったり、 「ミーティン...
Webサービスを作って公開したらなんか知らないアカウントが開発者を自称していた
@satetsu888 です。最近AIエージェントで開発が高速化した結果、作った機能の動作確認が間に合わなくなっていく感じがしているので、QAをAIに任せるためのハーネス的なことをするサービス aqua を作っていました。 このサービスの紹介を書こうと思っていたんですが、なんか知らないアカウントが僕の作ったサービスの開発者を自称してXに投稿しているのを見つけたので、注意喚起も兼ねて調べたことをまと...
Original: @satetsu888 です。最近AIエージェントで開発が高速化した結果、作った機能の動作確認が間に合わなくなっていく感じがしているので、QAをAIに任せるためのハーネス的なことをするサービス aqua を作っていました。 このサービスの紹介を書こうと思っていたんですが、なんか知らないアカウントが僕の作ったサービスの開発者を自称してXに投稿しているのを見つけたので、注意喚起も兼ねて調べたことをまと...
課題ベースで学ぶClaude Code便利機能
この記事について 「とりあえずClaude Codeを入れてみたけど、なんか使いこなせていない気がする」「あの機能の存在は知っているけど、自分には関係ないと思っていた」という方はいませんか？ 本記事では、Claude Codeを使いはじめた人が日々の作業の中で感じるよくある「つまずき」や「不満」を出発点に、それを解消するClaude Codeの機能を紹介していきます。 Claude.aiチャット...
Original: この記事について 「とりあえずClaude Codeを入れてみたけど、なんか使いこなせていない気がする」「あの機能の存在は知っているけど、自分には関係ないと思っていた」という方はいませんか？ 本記事では、Claude Codeを使いはじめた人が日々の作業の中で感じるよくある「つまずき」や「不満」を出発点に、それを解消するClaude Codeの機能を紹介していきます。 Claude.aiチャット...
仕様駆動開発(SDD)って、本当に不要なの？
仕様駆動開発なんて要らない、やめておけ。 仕様駆動開発不要論が界隈を飛び交っています。 https://zenn.dev/simossyi/articles/309e8cd88a90c3 しもしさんの「仕様駆動開発はやめた方がええ」という記事を読んで、共感しました。めちゃくちゃわかる。でも、うーん、ちょっと待てよ、と。 人の意見を鵜呑みにせずに、いったん自分の中で本当に不要なのか考えてみたいと思い...
Original: 仕様駆動開発なんて要らない、やめておけ。 仕様駆動開発不要論が界隈を飛び交っています。 https://zenn.dev/simossyi/articles/309e8cd88a90c3 しもしさんの「仕様駆動開発はやめた方がええ」という記事を読んで、共感しました。めちゃくちゃわかる。でも、うーん、ちょっと待てよ、と。 人の意見を鵜呑みにせずに、いったん自分の中で本当に不要なのか考えてみたいと思い...