GeminiCLIの基礎と、色々な自動化を紹介 | ドクセルスライド概要 このスライドはGemini CLIの基礎的な使い方と、その便利な機能を紹介しています。主に文章作成やスライド作成、非対話モードの組み込み方、Discord Botとの連携方法、Web Clipperを利用した処理の実例、プルリクのレビューへの適用など、さまざまな活用例が示されています。また、Gemini CLIを使用するためのインストール手順や認証方法についても解説されています。
【画像生成AI】ドット絵素材制作に適したツール比較と活用事例
「AI × ドット絵」ゲーム開発はここまで進化した！ 最新ツール＆事例を総まとめ ゲーム制作の現場にAIが浸透するスピードがすごい。特に、ピクセルアート――つまりドット絵の生成がどこまでできるのか、気になっている人も多いはず。 最近では「Stable Diffusion」「Midjourney」「DALL·E 3」といった汎用AIから、ドット絵特化の「Pixelfy」「Retro Diffusion」まで、多種多様なAIが登場。背景・キャラ・UIアイコンなどのグラフィック制作コストを大幅に削減できる可能性がある。 本記事では、2025年最新のAI画像生成ツールを徹底比較し、どのツールがドット絵素材に最適なのかを調査！ さらに、実際にAIを活用してゲームを作った事例や、効率的な使い方についても掘り下げていく。 ゲーム開発向け AI画像生成ツール、どれが使える？ まずは、現時点でドット絵制作に
【コピペOK】個人開発でApple風デザインルールを作ったら統一感のあるカッコいいUIにできた話 - Qiita
こんにちは、とまだです。 先日、こんな記事を書かせていただきました。 【AI 駆動開発】Cursor を使いこなして 1 ヶ月でプログラミング学習サイトを作ったのでノウハウを伝えたい Cursor と Claude を使った AI 駆動開発で、1 ヶ月でプログラミング学習サイトを作ったという内容でした。 おかげさまで多くの方に読んでいただけたようで、お役に立てて嬉しいです。 ただ、前回の記事では 「デザインの統一感で苦労した」 という反省点もお伝えしていました。 今回はその続編として、Apple 風のデザインルールを策定することで UI 調整が劇的に改善した 経験をお伝えしたいと思います。 ※「デザインルール」「デザインルール」「デザインシステム」など、同じような意味で使われる言葉ですが、ここでは「デザインルール」と呼ぶことにします。 この記事でわかること Claude を使ったデザインル
amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい
amazonの出したIDE「kiro」がめちゃくちゃ未来だったのでClaude Codeユーザーの人はみんな一度試してみてほしい どうもこんにちは、昨日AmazonがVS CodeベースのIDEである「kiro」をリリースしました この分野ではcursorやWindsurf、アドオンですがClaude Codeなど様々な選択肢があります そんな中であえてAmazonが出してきたIDEのコンセプトは Vibe coding ……ではなく、 Viable Code だそうです 細かい説明は公式HPを見てもらうとして、他との違いは 「仕様書駆動開発」 を明確に打ち出している点です AIとのコーディングは難しい 特にClaude Codeを弄り倒している人なら常々感じてると思いますが、AIに適切な指示を与えて適切な作業をしてもらうのは非常に難しいです それを解決しようとみんな「sowで書いて」だっ
AIパフォーマンスの最適化を学ぶ（2）「SOWを作って」は超便利な指示｜TechRacho by BPS株式会社
本記事は、CC BY-SA 4.0ライセンスで公開します。 コモンズ証 - 表示-継承 4.0 国際 - Creative Commons 本記事の文面は、明示している部分を除き、AIでは生成していません。 本シリーズ記事では簡単のため、特に断らない限り、各種AIサービスやLLM（大規模言語モデル）といった個別の要素を捨象して、一般的な語である「AI」と呼ぶことにしています。 本シリーズ記事で扱うAIは、特に断らない限り、以下の分類で言う「生成AI」、その中でも会話（自然言語）による指示で動くAIに限定しています。また、AIの用途も基本的に業務用を想定しています。 生成AI: 新しいコンテンツを生成するAI（チャットAI、コーディング支援AI、ドキュメント作成補助AI）。画像・音声・動画を生成するAIも広義にはここに含まれる。 認識AI: 入力された画像や音声などのデータを分析して認識する
Playwright MCPとAIでe2eテストを効率化！実践と課題、そして未来
MicrosoftからPlaywright MCPが公開されました。 この記事はPlaywright MCPとAIコードエディタのCursorを使い、e2eテストの効率的な作成と管理を試行した記録です。 インターネット上にある類似の記事を斜め読みしてみると、「これ、本当にPlaywright MCP使ってる？」と感じるものが散見されましたので、より実践的で具体的な内容を記そうと思います。 …ので、これが正解でもなく、なんなら不正解かもしれませんが、何かの参考になれば幸いです。 e2eはコストが高い 私が参画しているプロダクト「たびさぽ統合予約」では、e2eテストの通過をリリース条件としています（プロダクトの説明については別稿『Geminiにプロダクトのインタビューをしてもらったら自己肯定感が上がった話』参照）。 POにテストシナリオ管理を委ね、開発チームはシナリオ通りの操作とチェック（アサ
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と一緒に、推論と
Tactiq.io-グーグルミート、ズーム、チーム向けのAIミーティングトランスクリプト
「フリッピングは素晴らしい。今まで使った中で最高のミーティングコンパニオン他に匹敵するものはありません。」
「実装」から「設計」へのパラダイムシフト というより無限に体力が必要という話をした #KAGのLT会 - じゃあ、おうちで学べる
2025年6月18日、KAGのLT会 #6で「Claude Codeどこまでも」というタイトルで登壇させていただきました。今回は、Claude Codeを実際に使い込んでみて感じた、エンジニアリングの本質的な変化について、登壇では時間の関係で話せなかった内容も含めて深掘りしていきたいと思います。 kddi-agile.connpass.com この記事では、Claude Codeの3週間の使用体験から得た気づき、開発手法の根本的な変化とその対応策、そして実践的な導入方法と具体的なテクニックについてお話しします。客観的な話はまた、これから出てくると思うのでとりあえず主観的に作りました。 客観性の落とし穴 (ちくまプリマー新書) 作者:村上靖彦筑摩書房Amazon 登壇資料 Claude Codeについて技術的な議論やデバッグしている結果の話をしようと思ったのですが、気がつくとこんなポエムにな
プログラマー必携！2025年バイブコーディング(vibe coding)ツール完全ガイド - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは、Kaitoです。最近のAIコーディングツールの進化は本当に目覚ましいですよね。私自身、日々の開発作業でこれらのツールに助けられていて、正直「これなしの開発」に戻れる気がしません。 今日は私が実際に使って効果を実感した2025年のトップ10コーディングツールを紹介します。単なる紹介ではなく、実際のユースケースや日本の開発環境での活用法も含めてお話しするので、ぜひ最後まで読んでみてください！ なぜ2025年にこれらのツールが重要なのか えっと、ソフトウェア開発の世界は完全に進化したよね。単純なコード補完やテンプレート生
Claude Code Actionで5000円溶かして学んだ、AIエージェント並列開発
どうも、こんにちは。私です。 今月、AI開発界隈がまた騒がしくなってますね。Claude Codeに加えて、Claude Code Actionという新しい選択肢が登場しました。 なので、5000円ほど溶かしながら実際に触ってみました。これまでのAI開発とはまた全く違う体験で、今後の開発環境の変化の可能性が感じられてとても良かったですね。 進化の早いこの世界ですから、来月にはまた全然違うこと言ってそうですが、現時点での雑感をまとめておこうと思います。 Claude Code vs Claude Code Action：何が違うの？ まず整理しておきたいのが、Claude CodeとClaude Code Actionの違いです。 Claude Code（ローカル実行） Claude Codeは、簡単に言うとCursorのターミナル版みたいなもの。ローカルの各種IDE上で動作し、まさにCur
プロンプトジェネレータで実現する持続可能なLLMプロダクト開発を目指す
この記事はLLM・LLM活用 - Qiita Advent Calendar 2024 - Qiita の12日目で、プロンプトジェネレータについてのものです。 いまはもう12/13かもしれませんが、僕の心はまだ2024/12/12なのです。 プロンプトジェネレータとは、LLMへの指示（プロンプト）を動的に生成するためのツールです。 多くの場合、プロンプトは静的なテキストとして書かれますが、それには大きな課題があります。LLMの進化が速く、昨日有効だったプロンプトが今日は機能しないかもしれません。あるいは、より良い方法が発見される可能性もあります。そのたびにプロンプトを書き換えていくのは、まさに技術的負債の山を築いているようなものです。 本記事では、TRPGのシナリオ生成という具体例を通じて、プロンプトジェネレータの実装方法とその利点を解説します。 プロンプトジェネレータについて、この記事
壊滅的な自分のUIデザインをAIにいい感じにしてもらう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 自分は正直デザインが苦手です...。 なので個人開発で画面のイメージを作ってみたものの、パワーポイントでただ図形をはっつけたような悩ましいもので「なんとかならないものか」と頭を抱えていました。 そんな時に色々調べてく中で出会ったのが、VercelのAIツール「v0」。 なんとなく試してみたら、いい感じになったのでデザイン苦手な人でも大丈夫ですよってことで記事にしようと思いました！ v0とは Next.jsを開発しているVercel社で開発されたAIツールです。 自然言語でUIないしはコードを生成してくれます。 いい感じにしても
ウェブ制作会社フロントエンドエンジニアの「AIツール、こう使ってます」 | necco Note | necco inc.（ネッコ）
この記事では、ウェブ制作会社のフロントエンドエンジニアである佐藤による、リアルなAI活用について、ツールごとにご紹介します。 先にお断りしておきますと、書かれている内容を読んで「あれ？全然普通じゃない？」「もっとすごい秘伝の技みたいなのはないの？」と思われるかもしれません。確かに普通の内容ではあるのですが、2025年2月時点での業務やプライベートでのAI活用法を書いておくことで、後に「この時はこんなふうに活用していたのか、時代は進歩したな」と振り返れるような記事になったらと考えています。 チャット型AI「Perplexity」 最も頻繁に利用しているのは、チャット型AIツールのPerplexityの有料版、Perplexity Proです。今となっては他のAIチャットにもある機能ですが、Perplexityは出典のURLを応答結果に表示してくれるので、ハルシネーション（AIが事実とは異なる
Figma MCP × Cursor Agent Modeだけでコーポレートサイトを開発できないかトライしてみた話
はじめに 4月で正式創業を迎えたDress Code株式会社で働いているかわうそです。 今回は正式創業を迎えるにあたり、コーポレートサイトを公開したのですが、 コーポレートサイトをCursorのAgent Modeを活用して、どこまで乗り切れるのか試しみました。 ということで、どんな風にトライしたのかについて簡単にご紹介します。 （ついでに、Figma MCP × Cursor Agent Modeだけでは無理でしたw多少、実装してますw） 前提 デザイン Figma フレームワーク NextJS Tailwind CSS ... ※ 開発環境構築については割愛させていただきます（環境構築もAgentでいけた説） セットアップ Project Rule ある程度のディレクトリ構成や実装方針を簡単に決めて決めておきたかったので、 まずはProject Ruleを先に作成しておきました。 Pr
あなたの仕事に“AI秘書”を。ノンエンジニアでもOKなCursorエージェント超入門｜miyatti@エクスプラザ
どうも！生成AIのプロダクト開発支援やってるエクスプラザの"生成AIエバンジェリスト"みやっちです！（Xのアカウントは @miyatti ） ざっくりいうと生成AIの「社会」推進を日々がんばっている人間です。 ※ 自己紹介と会社紹介的に入社エントリおいておきます 今回はノンエンジニア向けのCursor講座という内容で、記事をかかせていただきました！だいぶ長文ですけど、もしよければご参考にしていただければ！ 0. はじめに ── そもそも“エージェント”って何？「AIエージェント」……最近、こうした言葉を耳にする機会が増えていませんか？ ざっくり言えば、“AIが自分で考えて動いてくれる存在”を指します。たとえば「イベントの準備を任せたい」と伝えるだけで、必要なタスクリストを自動的に生成し、順番や優先度を決めて進行管理までやってくれるのがエージェントの魅力。まるでAI秘書のように、こちらの目的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Figma Make: AI搭載のデザインツールで制作
Readdy: Build websites that stand out | AI Website Builder
「Visual Studio Code」がv1.100に到達、AI関連を中心に多くの機能強化／ベースとなるエディター機能も改善された2025年4月更新
Kling AI