2025年の開発環境

ここ数年でAIは急速に普及し、私たちの業務環境にも深く入り込むようになってきました。
AIツールを導入することで、作業のスピードアップや効率化が期待できる一方で、過度に依存すると誤りやリスクを見逃したり、開発者自身の判断力が弱まる懸念もあります。

そのため、AIを開発者の代替ではなく「開発力を拡張するパートナー」として活用しています。

現在、私が利用している主なAIツールは以下の通りです。

Gemini CLI

Gemini CLIは、Googleが2025年6月25日に発表されたAIエージェントで、私が最も感動したAIエージェントでもあります。
Gemini CLIでは、GEMINI.mdというファイルをプロジェクトのルートディレクトリに配置することで、生成されるコードや提案の品質が向上します。

Gemini CLIを初めて導入した時に作った "まるばつゲーム" のGEMINI.mdを見てみましょう。
実は、このGEMINI.mdも、Gemini CLIに「まるばつゲームを作るので、GEMINI.mdを考えてみて」と伝えて生成してもらいました。
必要に応じて、GEMINI.mdに守ってほしいルールや、特に注意してほしい点を明記しておくことで、Gemini CLIが、プロジェクトの規約に沿った形でタスクを遂行してくれるようになります。

GEMINI.md

# Gemini Project Configuration for まるばつゲーム



## 1. プロジェクト概要



これは、ブラウザで動作する「まるばつゲーム（三目並べ）」です。



- **技術スタック:** HTML, CSS, JavaScript (フレームワークは使用しません)

- **目的:** シンプルで分かりやすいコードで、基本的なゲームロジックを実装します。



## 2. 実行方法



- **開発:** `index.html` ファイルを直接ウェブブラウザで開いてください。

- **テスト:** このプロジェクトでは、現時点で自動テストの仕組みはありません。手動でゲームをプレイして動作を確認してください。



## 3. コーディング規約



- **ファイル構成:**

  - `index.html`: ゲームの骨格となるHTML

  - `style.css`: ゲームの見た目を整えるCSS

  - `script.js`: ゲームのロジックを記述するJavaScript



- **JavaScript:**

  - 変数名はキャメルケース（`camelCase`）を使用してください。

  - DOM操作は、`document.getElementById` や `document.querySelector` を適切に使い分けてください。

  - ゲームの状態（盤面、現在のプレイヤーなど）は、明確な変数で管理してください。



- **CSS:**

  - セレクタはシンプルに保ち、IDセレクタやクラスセレクタを適切に使用してください。

  - BEM（Block, Element, Modifier）のような命名規則を参考にすると、CSSが整理しやすくなります（例: `.board`, `.board__cell`, `.board__cell--x`）。



- **HTML:**

  - セマンティックなHTMLを心がけてください。



## 4. その他



- **実装する機能:**

  - 3x3のゲーム盤の表示

  - プレイヤーがセルをクリックすると、〇 と × が交互に表示される

  - 縦・横・斜めのいずれかが揃った場合に勝者を判定する

  - 引き分けを判定する

  - 勝敗が決まったら、結果を表示する

  - ゲームをリセットするボタン



- **注意点:**

  - まずは基本的なゲームが動作することを最優先します。

  - コードには、処理の内容が分かりやすくなるように適度にコメントを追加してください。

上記のGEMINI.mdを用いて、生成したまるばつゲームは以下のようなものになりました。

一発で問題なくまるばつゲームが生成できたのは驚きでした。
ゲーム自体も問題なく動作しました。

生成されたコードを確認してみます。
以下は、Gemini CLIで生成されたjsのコードの一部です。

const cells = document.querySelectorAll('.cell');

const gameStatus = document.getElementById('game-status');

const resetButton = document.getElementById('reset-button');

GEMINI.mdに記載してある "変数名はキャメルケース（`camelCase`）を使用してください。"というルールに沿って、jsの変数名がキャメルケースで生成されていることが確認できます。

実際に動かしたり、全てのコードを確認したい方は以下の手順を実行してみてください。

1. まるばつゲームが格納されているリポジトリをクローン

git clone git@github.com:KonoLevel1/mac-local-app.git

2. まるばつゲームを起動

open mac-local-app/app/marubatu-game/index.html

注：Mac OSかつ、Gitコマンドを導入済みの環境での操作を想定しています。

格納先のGitHubリポジトリは以下をご確認ください。
https://github.com/KonoLevel1/mac-local-app

Jules

Julesは、Googleが2025年8月6日に正式リリースした AIコーディングエージェント です。
GitHubリポジトリと連携してタスクを実行し、プラン → 承認 → 実行 → 結果確認 という流れで進む点は、Terraformのワークフローに近い印象を受けます。

…

記事の続きは下のURLをクリック！

https://rightcode.co.jp/blogs/52851

エンジニア積極採用中です！

現在、WEBエンジニア、モバイルエンジニア、デザイナー、営業などを積極採用中です！

採用ページはこちら：https://rightcode.co.jp/recruit

社員の声や社風などを知りたい方はこちら：https://rightcode.co.jp/blogs?category=life

フリーランスエンジニア大募集中！

現在、「WEBエンジニア」「フロントエンジニア」「データサイエンティスト」など、様々な職種のフリーランスエンジニア様を募集中です。まずは以下よりお気軽にご応募ください！

採用ページはこちら：https://itanken.com/register

社長と一杯飲みながらお話しませんか？（転職者向け）

特設ページはこちら： https://rightcode.co.jp/gohan-sake-president-talk

もっとワクワクしたいあなたへ

現在、ライトコードでは「WEBエンジニア」「モバイルエンジニア」「ゲームエンジニア」、「デザイナー」「WEBディレクター」「営業」などを積極採用中です！

ライトコードは技術力に定評のある受託開発をメインにしているIT企業です。

有名WEBサービスやアプリの受託開発などの企画、開発案件が目白押しの状況です。

• もっと大きなことに挑戦したい！
• エンジニアとしてもっと成長したい！
• モダンな技術に触れたい！

現状に満足していない方は、まずは、エンジニアとしても第一線を走り続ける弊社代表と気軽にお話してみませんか？

ネット上では、ちょっとユルそうな会社に感じると思いますが（笑）、
実は技術力に定評があり、沢山の実績を残している会社ということをお伝えしたいと思っております。

• ライトコードの魅力を知っていただきたい！
• 社風や文化なども知っていただきたい！
• 技術に対して熱意のある方に入社していただきたい！

一度、【Wantedly内の弊社ページ】や【コーポレートサイト】をのぞいてみてください。

Wantedly：https://www.wantedly.com/companies/rightcode

コーポレート：https://rightcode.co.jp/