Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 まずは、このご時世に新規のアプリ開発を出来るというチャンスに感謝しましょう。 もちろんすでにあるアプリの追加開発や運用で得られる経験値はとても素晴らしいですが、同じように新規開発も胸踊るものがあります。 あなたのRoleがDeveloperなのか、あるいはProject Managerなのか、Product Managerなのかで主に考慮すべき点は変わってきますが、それはそれとしてすべての点を理解して、抜け漏れがあったら指摘あるいは巻き取る覚悟を持っておきましょう。 ラストマンシップは良い資質です。具体的にはラストマンシップがある

こんにちは。新しいAIツールのポストをいいねしては積読化しているsatouです。 みなさん、GitHubのリポジトリって開いたはいいものの「READMEだけじゃよく分からない！」って思ったことありませんか？ そんなときに救世主のように現れたのが、DeepWiki（ディープウィキ）です。 DeepWikiは、GitHub上に公開されているリポジトリの中身を、AIがまるっと読んで、百科事典みたいな超わかりやすいドキュメントに変えてくれる画期的なサービス。 しかも、無料＆ログイン不要で、誰でもすぐに使えるという。 この記事では、そんなDeepWikiをたっぷり紹介していきます。 使い方もめちゃくちゃシンプルなので、ぜひこの記事を読んだらすぐに触ってみてください。 DeepWikiでできることDeepWikiが提供してくれる主な機能はこちら！ 1. 自動ドキュメント生成 リポジトリ内のコード、RE

Introduction Zennのみなさん、こんにちは！ TSUKURUBAで、Web フロントエンドエンジニアをしているkiiです 最近、プロジェクトの中でAI Agent（Cursor）を活用した開発に取り組み、試行錯誤を重ねてきました。 その過程で見えてきた、効果的な開発フローやノウハウを本記事でまとめて共有します。 いろんなAI Agent利用記事あるのですが、抽象的なものが多く、もっと具体例教えてほしいな〜と思ったので書いてみました！ 実際に使っているドキュメントや命令の例、運用のコツも紹介しますので、 みなさんの開発やAI活用の参考になれば幸いです。 この記事で得られること AI Agent（Cursor）を活用した開発フローの具体的な進め方 AI Agentが実装できるような、要求整理から実装までのDocument作成手順 AIとのやりとりを効率化するための実践的なTips

前回の記事「文章術としてのCursor入門 」では、AIエディターCursorの基本機能と文章作成の基本を紹介した。今回は、実際の文章作成プロセスをより詳細に紹介する。 Cursorが特に力を発揮するシーン Cursorが文章作成において特に力を発揮するのは、「効率」と「品質」の両立が求められる場面だ。たとえば締切に追われているとき、複数の文書を並行して作成する必要があるとき、あるいは専門性の高い内容を読みやすく伝えたいときなどだ。 従来のワープロ・エディターソフトと大きく異なるのは、Cursorがただのテキストエディターではなく「考えるパートナー」として機能する点だ。単なる文字入力や整形の手助けだけでなく、内容の構成、専門知識の補完、表現の洗練まで一貫してサポートしてくれるということだ。 特に以下のような文書作成において、Cursorは真価を発揮する。 ・定期的な更新が必要な文書：ブログ

はじめに この記事は GitHub Copilot の Tips を詰め込んだ記事になります。 GitHub Copilot を普段使っているが、コード補完しか使ってない方や、これから使おうと思っている方に向けて Tips をまとめて紹介する記事になります。 是非日々の開発ライフにお役立てください 🚀 GitHub Copilot とは？ GitHub Copilot は、開発者がコードをより速く、少ない労力で記述できるように支援する AI コーディング アシスタントです。 コンテキストに応じた支援を提供し、開発者が入力中にコードの提案を行います。 これは、行の補完の場合もあれば、まったく新しいコードのブロックの場合もあります。 これにより、開発者は問題解決、共同作業、イノベーションに集中できます。主要なエディターと統合され、GitHub にネイティブに組み込まれているこのツールは、最も

はじめに こんにちは、普段 Ubie で症状検索エンジンユビー(https://ubie.app/)の開発をしている江崎です。 最近、Cursor エディタや GitHub Copilot などのコーディングアシスタントツールが進化し続けていますが、社内固有のデザインシステムとの連携はまだまだ課題が残っていました。そこで社内エンジニアである sosuke とともに、Ubie Vitals というデザインシステムを MCP サーバー化することで、UI 開発の速度と精度が劇的に向上した体験を共有します。 目次 デザインシステムと開発の現状課題 MCP サーバーの登場 Ubie UI MCP の構築 デモ テキストだけで UI 実装が可能に デザイナーの壁打ち相手としての可能性 今後の展望 デザインシステムと開発の現状課題 Ubie では「Ubie Vitals」というデザインシステムに則って

こんにちは。研修担当のyukyanです。GMOペパボは2025も新卒研修をやっていきます。今年の目玉はVibe Coding研修です。この記事では、まずVibe Codingとは何か、そしてVibe Coding研修の目的と内容、最後にCTOのあんちぽからVibe Coding研修にかける思いをお話します。 Vibe Codingとは？ Vibe Codingは、「完全に雰囲気に身を任せて、コードの詳細に気を払わず、自然言語だけで指示をしてコーディングする」コーディングスタイルです。このスタイルは、OpenAIの共同創設者であり、TeslaのAIディレクターとしての経験があるAndrej Karpathy氏が2025年2月に提唱したものです。具体的に説明していきます。 There's a new kind of coding I call "vibe coding", where you

なるべくWindows側の環境には手を加えずにClaude Desktopからplaywright-mcpを使えるように設定する備忘録 環境 Windows 11 WSL v2.5.4.0 (Ubuntu 24.04.1) Claude Desktop for Windows v0.9.0 WSL側でNode.js環境は整備済みとする 手順 WSL側で npx playwright install-deps する WSL側で npx playwright install chrome する WSL側で npm install --global @playwright/mcp@latest する WSL側で which mcp-server-playwright でパスを確認して控えておく WSL側で which node でNode.jsのフルパスも控えておく Windows側でClaud

今回は一気に「MCPなにもわからない」から「MCP完全に理解した」に一気にレベルアップすることを目的に書いています。 そのために以下をモリモリに解説していきます。 ModelContextProtocol(MCP)とは？ MCPがあることでできること MCPを実装するライブラリmodelcontextprotocolを使ってチュートリアル 実装のためのネゴシエーションや通信プロトコルの説明も踏まえてのチュートリアルです。 CursorへのMCPサーバーの登録方法 MCPがどのように動作してツールが使われるのか？ FunctionCallingとの違い MCPって単語聞きすげてわからないままに嫌になっている人はこれを読むことで解放されてください。 ModelContextProtocol(MCP)とは？ まずはイメージを見てもらうとわかりやすいと思います。 (https://modelcon

近年、Model Context Protocol (MCP)が脚光を浴びています。これは、大規模言語モデル（LLM）などのAIエージェントが、外部のツールやデータソースと安全に双方向接続するためのopenなプロトコルです。そして、MCPサーバーとは、そのプロトコルに従って外部サービスの機能やデータを公開するサーバーのことを指します。AIモデルとあらゆるデータ源との間の「橋渡し」を標準化しようという試みです。 例えるなら、MCPはAIアプリケーションにおけるUSB-Cポートのような存在です。USB-Cが機器と周辺機器を標準化された方法で接続するように、MCPはAIモデルと各種ツール・データ源を標準化された方法で連携させます。この画像がとてもわかりやすかったです。 今回は、MCPの仕組みと目的、そして生成AIの未来に与えるインパクトについて詳しく解説していきます。 MCPとは何か？ MCPの

・Claude Sonnet 3.7を使え ・Project Rules（.cursor/rules）を使え ・ビルド、lint、テストなどで高速にフィードバックさせろ ・1セッションあたりで依頼することはできるだけ少なくしろ ・よく使うコマンドやライブラリはチートシート作れ Yamada 補足 2025/03/06現在 Roo-Code は .cursor/rules を自動で参照しない。.clinerules, .cursorrules, .windsurfrules は自動で見ておりすべてを結合してコンテキストに入れる。Roo-Codeを使う人は .cursorrules を設定しておくのがよい。

2025/3/25: AIコーディングエージェント勉強会 (プライベート開催) 資料のみ公開版として

CTOの杉本です。 「コードレビューが忙しくて開発の時間がとれない」というのは、ある程度役割が広がったエンジニアからよく上がる不満だと思います。 コードレビューはチーム開発で重要な活動ではありますが、「コードレビューで使う時間に対してどれだけの価値を出せるかを意識できていない」ことが原因の一つにあることが多い、と僕は思っています。 僕自身も立場上日々のコードレビューの負担が重く、うまく開発が進まないと感じていた時期がありました。時間対価値を意識して思い切ってやり方を変えてからは、コードレビューの負担の重さを感じることは少なくなりました。 今回は、僕個人が運用しているコードレビューへの考え方について書きます。 コードレビューの目的 そもそもコードレビューは何のためにやるのでしょうか？ 僕が思うに、コードレビューの目的は「品質担保」と「開発者の成長」です。 最低限のコード品質・リリース品質を担