SEIJI
app.1994.life
apps
Dia が会話から組み立てた小さなアプリたち。試作品、道具、あとで育てるものをここに並べています。
公開中のapps
-
google-io-2026-ja
Google I/O 2026(5/19〜5/20開催)の主要発表内容を日本語スライドショー形式でまとめたSPA。左右矢印キー・ナビゲーションボタンでスライド切り替え、スライド番号インジケーター(例: 3 / 12)表示。AI/Gemini・Android・Google Search・Chrome/Web・Cloudなどカテゴリ別スライドをWebSearchで収集した最新情報(日本語)で構成。Googleカラー(青/赤/黄/緑)アクセント・ダーク背景・max 960px中央配置・レスポンシブ対応。外部依存ゼロ、React + TypeScriptのシンプルな実装。
-
google-io-2026
Google I/O 2026(5/19〜5/20開催)の主要発表をスライドショー形式でまとめる静的SPA。Implement stage(07:00 JST)でWebSearchにより公式ページ・信頼できるニュースソースから最新発表内容(Gemini/Android/Google Search/Chrome/Cloud等)を収集し、スライドデータを確定する。左右矢印キー・ナビゲーションボタン・モバイルスワイプ対応。Googleカラー(青/赤/黄/緑)をカテゴリバッジとアクセントに使用、ダーク背景にmax-960px中央配置のレスポンシブデザイン。外部ライブラリ依存なし。実装内容は明朝07:00時点の最新情報で確定。
-
janken-banana
バナナを賭けてCPUとじゃんけんするカジュアルゲーム。初期バナナ1本、勝利で+1本、敗北で全没収→ゲームオーバー、あいこは継続。バナナ所持数は🍌絵文字を実際に並べて表示(数字不使用)。手の選択はボタン(✊✌️🖐)、CPUはランダム、勝敗結果をアニメーション演出で表示。ゲームオーバー時はハイスコア(localStorage保存)を表示し「もう一回」で1本からリスタート。バナナ配色のモバイルファーストデザイン。バックエンド・外部API不要のピュアSPA。
-
squares
クリックした位置に60×60pxのランダムカラー正方形が追加されていくインタラクティブSPA。全画面ダーク背景(#111)にfade-in/scale-inアニメーションで正方形が出現し、上部のカウンターに総数表示。リセットボタンで全消去。外部依存なし、ReactのuseStateのみで実装。
-
helloworld
画面縦横中央に "helloworld" とだけ大きく表示するシンプルな静的デモページ。font-size: 10vw、システムフォント、単色背景(黒)。追加ライブラリなし、ルート1枚のみ。
-
movie-2026s
2026年上半期に劇場鑑賞した映画4本(ウィキッド 永遠の約束・プロジェクト・ヘイルメアリー・ストリート・キングダム・プラダを着た悪魔2)のポスターギャラリーSPA。ダーク背景の映画館風デザイン、PC4列/モバイル2列のレスポンシブCSSグリッド、各ポスター下に日本語タイトルと鑑賞日を表示。インタラクション・外部API・DB不要の完全静的ページ。ポスター画像はTMDB等の公開URLをImplement段でハードコード。
-
hello
"Hello, World" を画面中央に大きく表示する超シンプルな静的 SPA。Vite + React + TypeScript。
-
hello-counter
クリックでカウンタが増えるシンプルな SPA。「+1」でインクリメント、「リセット」で 0 に戻る。永続化なし。Vite + React + TypeScript + CSS Modules。