はじめに
自分の場合、コマンド系は全くと言っていいほど覚えられないのでざっくりと一覧化してほぼ毎回コピペして実行しています。そんなこんなで普段はメモ帳に各種コマンドを必要に応じて追記しながら作業をすることが少なくないですが、そんな時に欲しいのがチートシートです。
今回作ったもの
そこで今回はAIコーディングと個人アプリ開発の練習を兼ねてチートシートのアプリを作成してみました。作ったものがこちら。
https://editable-cheet-sheet-qqlwg6cp4-yamamoto-takaya1s-projects.vercel.app
基本的にはAntigravityに丸投げです。初期コマンドなども適当に追加してもらっています
機能
基本的にはコマンドを選択して表示されたものをコピーして使えます。
コマンドはデフォルトのものとして適当にAWS CLI／Git／Docker／共通と言った形で適当に設定しています。この辺りは編集可能なので自由に追加しながら使っていただければと思います。
・コマンドの表示
大まかなジャンルからやりたいことを選択するとコマンドが表示されます。引数なども指定できて、コピーボタンでコマンドのコピーが行えます。
・コマンドの編集
コピーボタンの右にあるメニューボタンからテキスト表示が可能です。引数のパラメータを編集してからコピーして使用することもでいます。
・アプリケーション化
ブラウザに応じて異なりますが、ブラウザの機能で独立したアプリケーションとして保存が可能です。Chromeですとメニューボタン(︙)から保存と共有→インストールを選んでください。
・コマンドの追加やインポート／エクスポート機能
画面下部にある「設定・データ管理」ボタンを押下するとコマンドの追加などの整理が行えます。追加したコマンド群や既存のコマンド群を選択してワークフローも作成可能です。
今回の開発を通して学んだこと・知ったことの一部
・vercel
ビルド・デプロイ・公開についてこちらを利用しました。GitHubとの連携が可能でGitHubにPushしただけで自動でデプロイまで行ってくれるのでリポジトリを指定するだけで後は何もしなくてよく、かなり使い勝手が良かったです。初めて利用しましたが、今後も個人でアプリ開発などする機会があれば使っていくことになるだろうと感じました。コスト面も個人で使う分には無料枠でも十分すぎる余裕があり助かっています。
・PWA(Progressive Web App)
アプリケーション化するにあたってPWA化を採用。これまで全く知らなかったのですが、ブラウザ上のサービスをインストールできる独立したアプリケーションとして使用できるようになります。アプリケーションとして使用するにあたってはブラウザからアプリケーション扱いでインストールする必要があるなど一手間あって少し面倒ですが、開発する側の視点だと想像以上に手軽にアプリケーションの形式に落とし込めるのでかなり有用に感じました。
・Electron
今回はPWAと比較して実装しませんでしたが、完全に独立したアプリケーションとして使用するのであればこちらの方がそれらしくなったかなと思っています。今回はまだとりあえず作ったばかりのテスト版という事でビルドの手軽さなどを考えてPWAにしましたがある程度改良を加えることができたらElectronに切り替えるのも良さそうでした。
後書き
先日、たまたまDockerの公式が出しているチートシート(コマンド集)を見かけて完成度の高さに驚いたのが事の発端でした。
参考：Dokcer公式チートシート
https://docker.how/
こういうのがDocker以外の他のコマンドについてもこう言った一覧が欲しい！から思いつきで作ったので、まだ試験段階で実用レベルではありませんが、今後実務などで使いながら改善点を挙げて行って改修していければと思っております。
ここまで読んでいただき、ありがとうございます。もしこの記事の技術や考え方に少しでも興味を持っていただけたら、ネクストのエンジニアと気軽に話してみませんか。
- 選考ではありません
- 履歴書不要
- 技術の話が中心
- 所要時間30分程度
- オンラインOK
