Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local devプロフィール
o3 MCPでClaude Codeが最強の検索力を手に入れた
こんにちは、よしこです。 普段の開発にClaude Codeをフル活用する毎日です。 ただ、Claude Codeは検索があまり強くないので、なにか解決できないエラーや込み入った問題は別途ChatGPTアプリでo3に聞き、回答をClaude Codeにコピペする、というのが常でした。 もう二人で勝手に話してくれ〜って思いながら情報運搬職人をやっていました。 しかし！なんと今朝、OpenAI APIのo3 modelがWebSearchに対応したのです！！ つまり、MCP経由でClaude Codeが直接o3に聞いて、o3がChatGPTのように検索しまくって推論して整理してClaude Codeに返してくれる時代が来たのでは… というわけでさくっとMCPを作ってみました。 中から検索込みでo3のAPIを呼ぶだけの、1ファイルだけのごく薄いMCPラッパーです。 API Keyと一緒に、推論と
そろそろスマホから開発してみませんか？移動中も開発したくないですか？
「移動中の時間を開発に使えたら...」 エンジニアなら誰もが一度は考えたことがあるのではないでしょうか（たぶん、きっと） 電車での移動時間、カフェでの待ち時間、散歩中のひらめき。これらの時間を有効活用できれば、開発の可能性は大きく広がります。 Devinの登場から始まり、Claude Code（Action含む）の進化を経て、Google Pixel 9 Pro Foldを購入したことで、本格的にスマホで開発したいという思いが強くなりました。 折りたたみスマホという大画面と、AI開発ツールの組み合わせによる「スマホで移動中でも本格的に開発する」という世界です。 正直、コーディング自体はPCの方が圧倒的に速いですが、「散歩中に思いついたアイデアを忘れないうちにメモしておく」を超えて、「散歩中に思いついたアイデアを実装しておく」ことが出来るのは個人的にWOW体験でした。 散歩中：「スライド生成
AI駆動開発では「Project as Code」が超重要である！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは。主にXにてAI駆動開発について発信している熊井悠 と申します。 この度、念願のQiitaを投稿してみようと思い筆を持った次第なのですが、以前からAI駆動開発において『Project as Code』が重要と口酸っぱく言っていますら。ただProject as Codeって検索しても出てこないという話がありました。なぜなら僕が造語したからです。 そのため本記事ではProject as Codeについて解説しようと思います！ Project as Code（PaC）とは PaCはインフラのコード管理の概念である「Infr
AIコーディング時代の開発環境構築：VS Code × Cline（Roo Code）で爆速開発！
AIコーディング時代の到来 AIを使ったコーディングが話題になっていますね。私も個人のプロジェクトやデモで実験的に使っていますが、ちょっとしたアプリやツールなら、それこそ人間には不可能な速度で爆速で開発することができるようになり、その体験に驚き興奮しています。一方で「そんなに便利に思えない」とか「Cline(Roo Code)、Cursor、Windsurf、GitHub Copilot等たくさんAIによるコーディングサポートツールが出てきていて、どれを使えばよいのか分からない」という理由で、なかなか利用に踏み出せない人も多いのではないでしょうか？ 私が、ツールをいくつか試してみて感じたのは、それぞれのツールごとの使い勝手の違い、メリット・デメリットはありますが、開発の方向性としては共通していることです。それは、多くのツールがAIがCopilot（副操縦士）からPilot（操縦士）として振
Figma の Dev Mode で UI の確認を楽にする｜ふじけん / kenshir0f
こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは？Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を
Visual Studio Code と Docker コンテナを使って開発する - Pepabo Tech Portal
技術部データ基盤チームの @zaimy です。今回は、 Visual Studio Code（以下 VS Code）と Docker コンテナを使って開発環境を構築する方法を紹介します。 データ基盤エンジニアの開発環境として、Python を使用する単一コンテナを例に記述しますが、他の言語や Docker Compose を使う場合でも応用できます。 背景: M1 Mac (Monterey) に Python 3.8.12 をインストールできない 先日、業務で使用するマシンを Intel Mac から M1 Mac に切り替えたのですが、CPU アーキテクチャが異なることに加えて、OS のバージョンが上がったことで Apple Clang に下位互換性のない変更が入っており、業務上ある理由で必要な Python 3.8.12 のインストールが困難でした。 そこで、私の所属するチームは全員
滑らかで美しい表現ができる！SVGアニメーションを使ってみよう
更新日: 2020年09月27日公開日: 2015年10月08日滑らかで美しい表現ができる！SVGアニメーションを使ってみよう Airbnb の模写（写経）で登場してくる SVG 形式の画像。Webデザイナー志望の方や単価をあげたいWebデザイナーの方にとっては、「SVG」必須ですよね。 今回は SVG 画像だからできる SVG アニメーション・・・・・・・についてご紹介させて頂きます。 参考: CSS-TRICKS SVG アニメーションは、SVG画像をベースに CSS や JavaScript で動きや装飾を加える表現手法の一つになります。 メリットとしては、軽量でスケーラブルな SVG 画像に好みのアニメーションを加えられるという点。普段 Web を見ている限りではどれがSVGアニメーションで、どれがSVGアニメでないのか区別はつきにくいですが、SEOや美しさ、滑らかさを求めるとSV
React.jsチュートリアル【日本語翻訳】
フロントエンドの世界では今React.jsが注目されてきていて、自分もチュートリアルをやる機会があって、その際に日本語訳（和訳）を簡単に作っていました。まだこのチュートリアルに関して翻訳されたものがなさそうだったので、ちょっと手直ししてブログにアップすることにしました。誤訳などもあるかと思いますが、Google翻訳よりはマシだと思ってお使いいただければと思います。 当記事のチュートリアルは「React v0.13」当時の古い内容のものとなっています。最新の「React」の公式チュートリアルの翻訳記事は以下となります。 Reactチュートリアル: Intro To React【日本語翻訳】 – maesblog React.js React.jsReactはFacebookが開発しているJavaScriptのフレームワークです。MVCで言う所のViewの部分に特化したフレームワークとなってい
WebGLStudio
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
Opsmatic configuration monitoring - move fast with confidence
Opsmatic configuration monitoring with automatic drift detection. Tools to compare host states, helping you solve problems faster. Shared visibility for the entire technical team.No credit card required. By clicking “Start 30-day free trial”, you agree to our terms of service and privacy policy. Do you have a promo code? "Opsmatic quickly found the crucial difference between two hosts: one had a p
背景からモンスターまで！？アプリ開発で使えるフリー素材サイト15選
更新日: 2017年09月26日公開日: 2015年06月09日背景からモンスターまで！？アプリ開発で使えるフリー素材サイト15選 アプリ開発を進めようと思うと、アプリに表示するアイコンや登場するキャラクター、ボタンなどデザイン素材の活用が欠かせません。自身で一から制作することも一つの勉強にはなりますが、アプリ開発とグラフィックデザイン両方を同時に進めようと思うと体力と時間が必要になってきます。 そんな時役立つ方法のひとつに「フリー素材」の活用があります。画像から音響まで幅広い材料が、数多くのクリエイターによって無償公開されています。こんな利用価値ある素材を使わない手はないですよね。 アプリ開発に超絶役立つフリー素材サイト15選アイコン系① - Icons 8 Icons 8 10,000以上のアイコンに、好きなカラーをつけて利用できる Icons 8。アプリ開発において有力なアイコン・ツ
Infrastructure as Code - naoyaのはてなダイアリー
今年の3月に 入門Chef Solo - Infrastructure as Code という本を書いた。 その名の通り Chef の入門書なのだけど、このサブタイトルは "Configuration Management Tool (構成管理ツール)" でもなく "Provisioning Framework (プロビジョニングフレームワーク)" でもなく、はたまた "Automated Infrastructure (自動化されたインフラ)" でもなく、"Infrastructure as Code" にした。 この一年で Chef や Puppet にはずいぶんと注目が集まった。おそらく、AWS をはじめとするクラウドサービスがより広いユーザーに浸透したことで仮想化環境が前提になって、以前よりも頻繁にサーバーを構築し直したりする機会が増えたとかその辺がひとつ理由として挙げられると思う
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
www.phptherightway.com
Welcome There’s a lot of outdated information on the Web that leads new PHP users astray, propagating bad practices and insecure code. PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web, and what the contributors consider to be best practices at present. There is no canonical way to use PHP. This website aims to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - riywo/ndenv: node.js version manager based on rbenv
GitHub - microsoft/vscode: Visual Studio Code