スマホでもPCでもタスクをこなすAIネイティブな開発環境を作ろう！ - tacomsテックブログ
こんにちは、プロダクト開発チームのかわさきです。 みなさん、AIは活用されていますか？ AIエージェントの登場によって私たちの開発スタイルは大きく変化しています。ソースコードはLLMの生成物となり、エンジニアの役割は「いかに適切なコンテキストとプロンプトを与えるか」にシフトしています。 以下のブログにもある通り、弊社開発チームにはClaude CodeがMax (20x)のプランで配布されています。 直近のプロジェクトではドキュメントからコードまですべて Claude Code で生成しています。 tacoms-inc.hatenablog.com AIエージェントの強みのひとつは速度です。人間に比べて圧倒的な速度で成果物ができあがります。この変化はこれまでにない速度で開発を推し進めることができる一方で、新たな悩みも出てきました。 1. 人間が付いていけない 複数のセッションを開始すること
Obsidian → Hugo の運用方法
このノートを作成した経緯 最近, Obsidian というツールを使って, ノートをとっています. ノートの中には, 公開してもいいかなと思えるものもありました. そこで, Obsidian でとったノートを楽に公開できるような運用方法について考えてみました. その最中にいろいろと考慮するポイントがあり楽しかったので, このノートを作成しました. よりシンプルな方法を Obsidian → Hugo の運用方法 2 で説明しています. 運用方法 ↓の3つを使用します. Obsidian フォルダ: Obsidian vault を格納するフォルダ Obsidian 記法で書かれたマークダウンファイルを格納している ブログ用フォルダ: Hugo を管理するフォルダ 通常のマークダウン記法で書かれたマークダウンファイルとブログの設定情報を格納するファルダ Vercel そして, 公開は↓のステ
Obsidian -> Github -> Cloudflare Pages with Hugo
サイトリニューアル Gatsbyでのサイト管理が面倒になった とくにパッケージ依存関係の解決とかが億劫 どうせなので前から気になってたCloudflare Pagesにホスト移行 SSGはHugoを選択 Zolaは新しいCloudflare Pagesで不具合が出てるらしくてやめた せっかくなのでObsidianのみでサイト更新が完結するように全部自動化 以下は手順メモ。 構築手順 ローカル（Obsidian & Hugo） ObsidianのVaultを新規作成する Vaultのフォルダでgit initをしてgit configする Obsidian Gitプラグインを導入して好きに設定する Create Backupのホットキーを設定するのがおすすめ Push on backupを有効にして自動pushさせる Vaultフォルダの中でhugo new site hogeする Vaul
Claude Codeでできることを一通りまとめてみた
はじめに KGモーターズ株式会社でエンジニアをしている中村です。 最近KGモーターズ内でもAIを活用するムードが高まっており、せっかくなのでエンジニアがよく使うツールたちをまとめて社内外に知ってもらうのはありなのではと思い、第一弾としてClaude Codeに関する記事を書くことにしました。 Claudeとは Anthropic社が開発するモデルのシリーズ名。Anthropic社は元々OpenAI社で働いていた従業員達が創業した会社です。 安全性を重視しており、またコーディング能力が高いのが特徴です。 Claude Codeとは Anthropicが提供しているCLIベースのAIコーディング用エージェントです。 プレビュー期間はありましたが、2025/05に一般公開されました。 この時期はCursorやClineなどコーディング支援ツールが人気でしたが、みなさんお馴染みのエディターであるV
OSSは“使う前に”Claude Codeで脆弱性診断しよう
ここはサボってはいけないと感じた 「あ、便利そう 🤩」と感じたOSSのプラグインやMCP Serverをそのまま使っていませんか？ Vibe Codingで作られ、誰がセキュリティを見ているのか分からないOSSも最近増えてきました。 そんな中でリスクを無視し「動けば OK」と投入した結果、トークン漏洩・バックドアで泣く悲劇は今後増えると予想しています。 エンジニアとして、この問題を無視して迂闊に推進することも、冷笑してノータッチで過ごすことも良くないと思っています。なぜなら、 僕達が享受している自由は、先人たちの 信頼と責任 の上に成り立っているから です。手を抜けば、巡り巡って自分の首を絞める─そんな危機感を感じています。 では、どうやって負荷をかけずに担保するか？ それが Claude Code に脆弱性診断を任せ、人間がサクッとレビュー するプロセスです。 やり方 # 1️⃣ リポ
Claude Code×Obsidianで作るナレッジベース開発環境 - YOUTRUST Tech Blog
この記事で得られること ✅ 30分の会議を5分で議事録化する自動化フロー ✅ 開発量を2.5倍に増やした具体的な環境構築方法 ✅ 情報検索を30秒以内に短縮するナレッジ管理術 ✅ PRレビューを10点満点で自動評価する設定 ✅ すぐに使えるCLAUDE.md設定テンプレートとスクリプト TL;DR Claude CodeとObsidianを組み合わせることで、議事録作成時間を66%削減、開発コントリビューションを2.5倍に増加させました。Tactiq→Google Drive→Obsidianの自動化フローと、AIに最適化されたナレッジベース構築により、マネジメント業務をこなしながらも効率的な開発を実現。本記事では実際の設定ファイルとワークフローを公開します。 こんにちは、YOUTRUSTでエンジニアリングマネージャーをしている須藤（YOUTRUST/X）です。AI爆速普及委員会の委員長と
Claude Codeの開発環境にコンテナーを使ってもらう：Dev ContainerとContainer Use
以前、ClaudeのComputer Use Demoを触った時の話で、LLMに操作させる環境はローカルマシンよりもコンテナーの方がメリットがありそうということを書きました。それはClaude Codeのようなコーディングエージェントでも同様の話だと思っています。Claude Codeは通常のセットアップではMacやLinux等のローカルマシン上で開発作業を進めるのですが、その作業環境をコンテナーに閉じ込められたら、rm -rf ~/のようなコマンドを万が一実行されても影響は最小化できそうです。 Claude Codeの開発環境にコンテナーを使わせる方法としては、Dev ContainerとContainer Useの2種類が少なくともあることは知っていたので、今回はその両方を試してみました。ちなみに私の環境は、mac OS Sequoia 15.5です。 Dev Container fo
コーディングエージェントの能力を拡張する Serena を試してみた
LSP を活用してセマンティックなコード検索・編集能力を提供する MCP サーバー Serena の導入・使用方法を紹介。Claude Code でのオンボーディングからリファクタリングまでの実践的な活用例を解説します。 Serena はセマンティックなコード検索・編集能力を追加するオープンソースのツールキットです。MCP（Model Context Protocol） サーバーとして動作しているため、Claude Code や Cursor, VS Code のように MCP に対応しているクライアントであれば利用できます。またエージェントフレームワークとして Agno を使用しているため、特定の LLM モデルに依存せずに動作します。 Serena は LSP（Language Server Protocol）を使用してセマンティックなコードを解析するのが特徴です。LSP はコードの構
Claude Codeでn8nワークフロー作るのが楽すぎて、もう手動で作る気が起きない件
※この記事は、AIで生成したフィクションのキャラクター「ダウナー系お姉さん」の視点で書かれています。登場する人物・事例もAIで生成した100%架空のものですが、技術的な内容は実際に使用可能です。 はぁ...また夜更かししちゃった。タバコとコーヒーだけで生きてる気がする今日この頃。 でもね、今日は珍しく良いもの見つけたから記事書いてあげる。Claude Code使ってn8nのワークフローを自然言語で作れるっていう、まあまあ使える話。 なんでこんなことしようと思ったか Claude Code推進してる会社多いでしょ？「Webアプリのデモ作ってすごいね〜」で終わってない？正直、それじゃあんまり楽になんないよね。 実際の業務に使えないと、ただの高級なおもちゃ。というわけで、業務自動化の定番n8nと組み合わせてみたら、意外と良かったって話。 ちなみにこれ使うやつ： ...真面目に読んでる？まあいいや
【使ってみた】次世代Pythonノートブック「marimo」がJupyterの悩みを解決するかも？｜カレーちゃん
このnoteは、「データ分析コンペ x コード生成AI 勉強会」の発表から構成しています。 その発表資料と内容から、AIツールManusにより作成したものをベースにしています。 データ分析や機械学習をやっていると、Jupyter Notebookは本当に便利ですよね。でも、「セルの実行順序がぐちゃぐちゃになって、後から見たら動かない…」「Gitで差分が分かりにくい！」なんて思ったこと、ありませんか？ 実は最近、そんなJupyterの課題を解決してくれると話題の新しいPythonノートブック「marimo」が登場しました。今回は、このmarimoがどんなツールなのか、実際に触ってみた感想や便利な使い方を、私の体験を交えながらご紹介したいと思います！ marimoって、いったい何者？marimoとはリアクティブな実行環境 marimoのは、この「リアクティブな実行環境」を売りにしています。これ
Claude Codeで新しいMacの面倒な初期環境構築をほぼ自動化する！
本記事を参考にセットアップを行う際は細心の注意を払ってください。Claude Code君を信じましょう Claude Code便利ですよね！ コーディング、データ分析、文書作成、プレゼンなどどんなタスクでも使っています。 ところで、先日新しくMacbook Air M4を購入しました。 新しいPCといえば、環境構築を行う必要がありますが、データ移行しない場合環境構築はかなり大変です。 何のアプリケーションを使っていたのかなんて大体忘れていますし、過去の環境構築の手順も忘れています。（メモしていても変わっているから役に立たない） 最近、初手はAIに任せるというムーブをかましているのですが、PCの環境構築もAIエージェントに任せれば良いのではないか！Claude CodeはCLIで操作できるので、環境構築もできるはず！！ ということで、Claude Codeを用いてMacの初期セットアップをど
uv, ruff, devcontainer, Claude Codeを使ったモダンなPython開発環境のテンプレート
こんにちは．今回は，uv, ruff, devcontainer, Claude Code, Cursorなどのモダンなツールを使ったPythonの開発環境テンプレートを作成したので，その内容を紹介します． テンプレートは以下のリポジトリで公開しています． テンプレートの特徴・構成 本テンプレートは，シンプルで自由度の高いテンプレートを目指すため，あまり多くのツールを導入しないように心がけています．多くのツールを導入すると，学習コストも高くなるためです． uv: Rust製の高速なPythonの仮想環境・パッケージ管理ツール ruff: Rust製の高速なFormatter, Linter pytest: テストフレームワーク pre-commit: コミット前のFormat, Lintによるコード品質の担保 devcontainer: 統一された開発環境の提供 Docker, Docke
Claude Codeに保守しやすいコードを書いてもらうための事前準備やガードレール - くらげになりたい。
Claude Codeを使いはじめて、いろいろ試してるけど、 なかなかいい感じのコードを書いてくれないな〜と思い、 いろいろ調べてみたときの備忘録(*´ω｀*) えいや、でコード生成してくれるけど、 あとで自分で変更したり、保守したりするときに大変なので、 自分がいいとおもう感じに生成してほしかったりする。。 ドキュメントとサンプルコード大事... 事前準備やガードレール一覧 このあたりを用意しておくと、よさそうな感覚 プロジェクトに関するドキュメント(メモリ/コンテキスト: CLAUDE.md) lint/format/自動テストの設定＆実行コマンド サンプルコード or テンプレートリポジトリ このあたりは任意、あるとより安心・便利 git-secrets Git Hooks(pre-commits) DevContainer Git Worktree ※おまけ ドキュメント大事・カー
Claude Codeに入門する＋Claude Desktop＆VSCodeと連携する - くらげになりたい。
Claude CodeがProでも利用できるようになったので、 そろそろ入門しようかなと思い、いろいろ調べたときの備忘録(*´ω｀*) やったこと Claude Desktopのインストール Claude Codeのインストール Claude Code 概要 - Anthropic npm install -g @anthropic-ai/claude-code IDE(VSCode)連携 Claude Desktop連携(MCPサーバの設定) インストール Claude Codeを使い始める - Anthropic // インストール $ npm install -g @anthropic-ai/claude-code // 作業ディレクトリの作成＆移動 $ mkdir claude_code_sandbox $ cd mkdir claude_code_sandbox // 起動 $
Claude Codeを使って自分用のプロトタイプ開発環境を整理した
プロトタイプ開発環境というのは、雑に思いついたwebアプリを素早く作成するための環境のことで1年半くらい前にもこういう記事を書いた。 個人開発やサイドプロジェクトで「ちょっとしたアイデアを形にしたい」というときになんかゼロから環境構築するのは面倒だし、かといって適当に作ると後々メンテナンスが大変になる。 以前はViteを使って簡単なプロトタイプを作っていたが最近のAI Codingの進化によりプロトタイプ以上にしっかり動くものまで簡単に作れるようになってきた。そうなるとpure viteより最初からもう少し大袈裟だけども発展性のある技術スタックで作っても良いのではないかと思う。 また、転職して以来Cloudflareを触っていなかったし、最近はNext.jsも触っていなかったので、その辺りのキャッチアップも兼ねて試行錯誤してみることにした。結局RSCに慣れないおじさんなのでPages Ro
コーディングエージェントの現状の整理とエンジニアの仕事の変化について
AI によるコーディングの支援はコード補完型からチャット型、そして自律型へと進化しています。この記事では現時点で主流となっているコーディングエージェントの種類とその特徴を整理したうえで、エンジニアの仕事の変化について考察します。 コーディングの仕事における AI 技術の関わりといえば、GitHub Copilot を代表するエディタ補完型が主たるものとして認識されてきました。補完型の AI はユーザーが途中まで書いたコードを補完する形で提案を行うことから、ペアプログラムの相方のような存在として捉えられていました。例えば function add と書き始めると、AI は (a: number, b: number): number { return a + b; } といった形で関数の定義を提案します。ユーザーは Tab キーを押すことで提案を受け入れたり、提案が気に入らなければそのままコ
LLMでコードレビューする際の自分用環境を整える
LLMでコードレビューといえばCodeRabbitのようなサービスがすでに存在していたり、 自前でコードレビュー用のGitHub Actionsを作成している事例なども散見されるようになった。 さらに最近はGitHub Copilotのbotがレビュアーとして参加してくれる機能もリリースされておりLLMによるコードレビュー環境は検証〜実践段階手前くらいまで進んでいるように感じる。 一方でこれらのLLMのコードレビューに対してはコードレビューの観点が求めるレベルに達していないという感覚もある。PR単位でのレビューなので言語やフレームワーク一般の観点でのレビューかせいぜい単一プロダクトに閉じた観点しかないことが多い。静的解析よりはもちろん柔軟とはいえ、本来プロダクションレベルの人間のレビューでは業務知識や関連プロダクト全体を通じたシステムの観点からの良し悪しといったことを考慮してレビューをする
第860回 Ubuntu+Visual Studio Code+Ollamaでプログラムの相談をする | gihyo.jp
今回はVisual Studio CodeにAI Toolkit for Visual Studio Codeをインストールし、Ollamaのフロントエンドとして使用する方法を紹介します。 AIにプログラムを書かせるところまでしなくても 世間ではAI（LLM）にプログラムを書いてもらって云々という話題をよく見かけますが、そこまではしなくても、プログラムに関する悩みごとがパパっと解決したらいいなと思うことはよくあります。たいていは試行錯誤の上で解決するので、LLMに悩みを聞いてもらって解決できたら、ずいぶんと生産性が上がることでしょう。もっといい書き方あるのではないかと訝しんだり、思いつかない不具合があるのではないかと疑心暗鬼になることもあります。そんなときも、LLMに聞いてもらえればそれなりの答えが期待できます。とはいえあまり大事にはしたくないので、ローカルで動作するLLMを使用したいとこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - tim-sha256/claude-in-docker: empty project for a quick setup of Claude in Docker+VSCode
TOPTONの産業用ミニPCで10Gbps対応ルーターを自作！ Proxmox VE+OpenWrtを入れてフレッツ 光クロス回線で使う【イニシャルB】
