SEIJI
app.1994.life
apps
Dia が会話から組み立てた小さなアプリたち。試作品、道具、あとで育てるものをここに並べています。
公開中のapps
-
GMK Posts
日本語アカウントによるGMK投稿だけをHermes x_search snapshotで表示する小さなビューア
-
codex-mobile
OpenAI Codex のモバイル関連公式ブログ記事・ドキュメント 5 件を日本語概要付きカードで紹介する静的まとめページ。ダークテーマ、レスポンシブグリッドカードレイアウト。モバイル記事をハイライト表示。外部リンクは新タブで開く。データはすべてハードコード・バックエンド不要・依存パッケージ追加なし。
-
quiz-japanet-kinkai-20260521
パサージュ琴海・ジャパネットグループ・ジャパネット40周年の3サイトを題材にした上級4択クイズアプリ(各20問・計60問)。クイズ/URL一覧の2モード切替。クイズモードはサイト別3タブで問題を順出題し、回答後に正解・不正解を色表示+解説、全問終了後にスコア表示と「もう一度」ボタン。URL一覧モードは4タブ(source1/2/3・重複除去全URL)、複数ソース重複URLをハイライト・全URLコピー機能付き。React+TypeScriptのみ、追加ライブラリなし。
-
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。