すくらっぷ あんど びるどー(したい)

日々やった事のメモとかまとめ。

ゲームの起動まとめるためのアプリをGoogle Antigravityに制作してもらった。

デスクトップの画面を整理する・ゲームの時間と起動をまとめたかったのでGoogle Antigravityにアプリを作成してもらった。

欲しかったのは

  • ゲーム・ソフトを起動するのを一か所にまとめる。
  • プレイしたゲームの時間を可視化したい。

この二つが目的で作成した。

チャットでAIに頼む。

チャットで始めたのはこれから


ゲームランチャー『OmniGate』のプロトタイプを生成してください。
構成: フロントエンド(HTML/CSS/JS)と、Node.jsベースのバックエンド。
デザイン規範: > 1. ダークモードを基調とし、アクセントカラーはネオンブルー(#00f3ff)を使用。
2. ゲームカードをグリッド表示(Flexbox使用)。
3. マテリアルデザインに基づき、ホバー時に浮き上がるエフェクト(Elevation)と、ガラスのような透過感(Backdrop-filter)を適用。
4. レスポンシブ対応(600px以下でカードを2列表示)。
ファイル構成: src/index.html, src/style.css, src/renderer.js, src/main.js を作成して。
  

基本的にはこれから出発した。

大体作り終わった計画がこれ。

タスクはこちら。

基本的には何もしていな。

あとは作らせるだけ。

初めはゲームを登録するだけだったので、それから機能を追加していった。

機能を追加していく

手動登録

プレイ時間をグラフ化する

言語を日本語にする

シンプルにした方が使いやすいので変更

デバックをする

ここらへんで大体欲しい機能はできたので、デバックを任せる。

さらに機能を考えてもらう。

とりあえず欲しい機能はあったし別にこれ以上なくても……という感じだったけど、いったんAIに考えてもらった。

1.2.4が欲しかったので、その辺を作ってもらう。

はえー。

ただ作ってもらってデバック頼んでもパスが追加されないなど修正が必要だったりしたのでその辺を修正依頼して、実際に触って平気だったから終了した。

しかしながらこっちは要望書いてるだけでできるのから凄い。

完成

  • ゲームのプレイ時間をグラフで可視化。
  • ストアでsteamに飛べる。
  • コミュニティも同様。
  • 設定でパスの追加、色を変更、データのエクスポート・インポート
  • お気に入りを選択すればつけたやつだけをソート。

だいぶ使いやすくなった。

制作時間的には四時間~五時間ぐらいかも。しかもながらでやっていたから実際にはもっと短いと思われる。

まとめ

自分で欲しいの頼めるのは楽でいい。

とりあえずこれでデスクトップ片づけられる。