転職を見据えた新ツール開発！

📌 概要
この記事では、Cursorを活用してGitHubと連携し、転職に向けた開発効率化を図った経験が紹介されています。まず、MCP（Model Context Protocol）を用いたプロジェクト管理を検討し、電卓アプリの作成に成功。アプリはモダンなUIデザインを特徴とし、レスポンシブにも対応。GitHub Pagesでの公開も行い、成果物をアピールしました。

記事を通じて、具体的なプロンプトや設定の過程が詳しく述べられており、特にMCP連携やアプリ作成に関する学びが強調されています。実際の成果物のURLも記載されており、他の開発者やエンジニアにも役立つ情報となっています。興味を持った方は、ぜひリンクからアクセスしてみてください。

📖 詳細

✨ 開発記録: CursorとGitHubの連携

投稿日

2025年8月2日 01:05

こんにちは！🤗
転職に向けて、Cursorを開発パートナーとして活用するためにGitHubとの連携を行いました。
MCP（Model Context Protocol）を使うことで、今後の開発が柔軟に進められそうです。
電卓アプリを開発してもらいましたが、キーボードでも数字や演算が入力できるのが本当に便利でした！

🎯 今日の目標

Cursor IDEとGitHubの連携方法を検討し、MCPを活用してプロジェクト管理を効率化すること。

✨ 達成したこと

1. MCP連携の設定

• MCPサーバーの設定: (mcp-config.json)

2. 電卓アプリの作成

• UIデザイン: グラデーション背景とガラスモーフィズム効果
• レスポンシブ対応: スマホでも快適
• キーボードサポート: マウスとキーボード両方で操作可能

3. GitHub Pagesでの公開

• 公開URL: こちらをクリック！

使用技術

• HTML5 + CSS3 + Vanilla JavaScript
• MCP（Model Context Protocol）

🎉 結果

基本の電卓アプリを無事に公開でき、成果物が一つできました。
MCP連携により、今後の開発効率が大幅に向上する見込みです。

📝 再現用プロンプト集

簡単に聞くだけで設定できました！

1. MCP連携の相談

githubと連動させるのはどっちがいいんだろう？

2. MCP連携の設定依頼

MCP連携しよう。githubでAPIコードは準備したから、よろしく。

3. 電卓アプリ作成の依頼

電卓アプリを作ってみたい。

4. 電卓アプリの機能要求

問題なかったので、さっそく結果をgithubに記録。
いいじゃんさすが！！！

5. GitHub Pages公開の依頼

指示に従って公開できました。

6. ドキュメント化の依頼

フォルダ構造もちゃんと書いておいて。

この経験が皆さんのプロジェクトに役立てば嬉しいです！😊

🧭 読みどころ

この記事では、Cursor IDEとGitHubの連携を通じて、効率的なプロジェクト管理の方法が紹介されています。特に、MCPを用いた電卓アプリの開発が成功し、具体的な設定プロセスや成果物公開の手順がシェアされています。🌟

🔑 得られるヒント:

• MCP連携の設定方法
• GitHub Pagesでの成果物公開手順

✨ 印象に残るエピソード: 指示なしでも完璧な電卓アプリが作成されたエピソードは、技術の力を感じさせます。

さらに詳細なプロンプト集も提供されており、参考になります！💡

💬 編集部メモ
この記事を取り上げた理由は、CursorとGitHubの連携を通じた開発効率の向上についての実践的な情報が得られることです。特に、MCPの設定や実際のアプリ制作におけるステップなど、具体的な事例が印象に残りました。これから転職を考えている方は、このような技術的スキルの習得が重要です。興味のある方は、ぜひインモビの転職紹介ページを覗いてみてください！✨

このプロジェクトを進める中で、難しい場面もあるかもしれませんが、少しずつでも着実に成果を出していきましょう。また記事の中には、役立つプロンプト集も含まれていますので、初めての方でも安心して参考にしてくださいね。