1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[拡張機能]VSCodeにチートシートもゲームも詰め込んだごった煮拡張機能つくった

1
Last updated at Posted at 2026-10-16

完全にClaudeCodeに作らせてみる試み

普段の実装とかでAIに作らせたものを多少は自分でも見てみて、
作り方・書き方とかの勉強も兼ねて確認したりするんだけど、
今回は企画だけをなんとなく決めてGitHubにリポジトリを用意してからは、
ほぼノータッチで作ったものの紹介となります。

これからは「AIに全てを任せて、企画だけ考える簡単なお仕事」しか勝たん。
どうも、企画だけ考える側に回りたい、え~すけさんですよ。

はじめに

VSCodeの拡張機能を作ってみました。

image.png

名前は vscode-games。

GitHub:vscode-games

当初の企画時点では「如何に仕事中にVSCodeでなんか作業をしている感」を出そうかという、完全にダメ人間な思考で付けた名前です。
名前からゲーム専用っぽさが漂っていますが、実際にはゲームだけではありません。

ただゲームだけだと、なんか既にあるありきたりな拡張機能と大した差がないかなということで、新人教育、仕事中の息抜き、忘れがちなコードの書き方を確認するチートシートなど、便利そうなものをVSCodeに片っ端から詰め込んでみようという拡張機能です。

設計思想? 統一感?

そこは今後の機能追加と一緒に考えていきます。

どんな機能があるの?

現時点では、主に3つの用途を想定しています。

1. 新人教育

新人にVSCodeの操作やタイピングに慣れてもらうための機能です。

いきなり実務コードを書けと言われても、エディタの操作でつまずいていたら、それだけで時間が溶けていきます。

まずはツールに慣れるところから。

プログラミング以前に、エディタとキーボードに敗北するのは避けたい。

新人が引っかかりそうな、実装・実行時のエラーが何故起きてるのかとかをまとめた辞書的なのとか役に立つよね!!
image.png

2. 仕事中の息抜き

ずっとコードを書いていると、頭が煮詰まることもあります。

そんなときの気分転換も、VSCodeの中で完結できたら便利なのでは? という発想です。

もちろん、ゲームに夢中になって仕事が進まなくなった場合の責任は負いかねます。

業務効率化のために導入した拡張機能が、業務を妨害する。

そんな本末転倒な事態にはご注意ください。

3. 忘れがちな書き方のチートシート

個人的には、これも重要な用途です。

「この書き方、どうするんだっけ?」

「前に調べた気がするけど、どこに書いてあったっけ?」

そんな経験、ありませんか?

わざわざブラウザを開いて検索するほどでもない。でも、毎回調べるのは面倒くさい。

そんな微妙なラインの情報を、すぐ確認できるようにしたい。

よく使う構文や設定方法、実装時にハマりやすいポイントなど、開発中にちょっと確認したい情報をまとめていく予定です。

ググるほどではないけど、記憶力だけで乗り切るには心もとない。

そんな技術者のためのカンニングペーパーを目指しています。
image.png

今後も機能を追加していく予定

特定の用途だけに絞るつもりはありません。

基本的なコンセプトとしては、自分(作者)があったら便利だな、息抜きになるな、仕事してる風に見えるなというものと、
新人教育に役立ちそうなものに重きを置きつつ、

「これ、あったら便利じゃね・面白くね・楽じゃね?」

と思った機能を、どんどん追加していく予定です。

その結果、何の拡張機能なのか分からなくなる可能性はあります。

でも、便利ならヨシ!

最後に

そんなわけで、チートシートからゲームまで、いろいろな機能を詰め込むVSCode拡張機能を作ってみました。

まだまだ発展途上ですが、今後も便利そうな機能を追加していく予定です。

「こういう機能が欲しい」「こんなのも追加してほしい」といったアイデアがあれば、ぜひIssuesに書いてもらえるとありがたいです。
※AIが監視して入れるかどうかはこっちが判断します。
※Issuesもテンプレを作って入力しやすいものにしています。

いつか「これ一つ入れておけば何とかなる」と言われる拡張機能になるかもしれません。

その頃には、拡張機能の説明文を書くのも大変になっていそうですが(笑)。

リポジトリはこちら:ASIL-E-Hatake/vscode-games

ストアとかには公開しないので、上記リポジトリのReleasesからvsixをダウンロードして入れてね!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?