Akecom Spa2x Ryuの設計・技術選定・コミット履歴を解説

01 / 概要

プロジェクトの概要と目的

真空トレーナー 『スーパーストリートファイターII X』のリュウで、中足キャンセル真空波動拳を自力で出せるようになるための、非自動化トレーニングツールです。 ブラウザ上で入力を記録し、実戦的な仕込み入力 ↓↘→ → ↓＋中K → ↘→＋P （数値表記では 2362＋中K36＋P ）の順序と所要フレームを判定します。ゲームへコマンドを送るマクロではありません。 画面左側のレバー入力タイムラインには、方向記号、テンキー表記、9方向の略図、その方向を保持したフレーム数が表示されます。ニュートラルも記録するため、斜め抜けやレバーを戻す時間を確認できます。 中Kとパンチも方向入力の間へ記録されます。中Kは先行入力 2362 の成立、パンチは中K後の 36 と目標フレーム内の押下を検査し、成功・方向不足・遅い入力を色分けします。 使い方 1. GitHub Pagesで公開されたページをスマートフォンまたはPCで開く 2. ↓↘→ を先に入力し、続けて ↓＋中K 、中足が出たら素早く ↘→＋P と入力する 3. 判定結果と入力履歴を見て、速度と抜けた方向を修正する キーボード 方向: 矢印キー 中K: J 弱P／中P／強P: U ／ I ／ O 向き変更: F リセット: Esc USBアケコン ブラウザのGamepad APIを使用します。「アケコン接続」を押してから、レバーまたはボタンを一度入力してください。機種ごとにボタン番号が異なるため、設定画面で中Kとパンチの番号を変更できます。 判定について 60 fps換算で下中Kからパンチまでの入力間隔を表示します。 初期設定の中K後の目標時間は16フレームです。実機・移植・基板設定に合わせて調整してください。 方向入力は右向き／左向きの両方に対応します。 成功判定は練習用の目安であり、ゲーム内部の受付処理を完全に再現するものではありません。 ゲームセンターでの利用 筐体や店舗設備には接続・改造せず、スマートフォンのテンポ提示と入力イメージ練習に使ってください。実機入力を取得する場合は、店舗管理者の許可を得たうえで、自分のアケコンと

本記事は公開されている構成と main ブランチのコミットを一次情報として整理しています。

02 / 使用技術

使用技術と役割

03 / 設計

構成から読み解く設計

主な項目は LICENSE、README.md、app.js、index.html、manifest.webmanifest、style.css、sw.js です。

• 単一アプリケーション構成
• 機能単位の責務分割

04 / 変更履歴

コミットから見る実装の変遷

以下は既定ブランチの直近の変更です。リンク先で原文と一次情報を確認できます。

1. 2026/07/27
   参考動画に合わせてキャンセル入力判定を改善 (#6)d265a72をGitHubで確認 ↗
2. 2026/07/26
   入力フレームタイムラインを追加 (#5)064cce3をGitHubで確認 ↗
3. 2026/07/26
   アケコンの自動設定と入力モニターを追加 (#4)d67b039をGitHubで確認 ↗
4. 2026/07/25
   真空波動拳の仕込み入力判定を実装 (#3)dd58477をGitHubで確認 ↗
5. 2026/07/25
   開始入力を下中Kへ修正 (#2)30f104bをGitHubで確認 ↗
6. 2026/07/25
   中足キャンセル真空波動拳トレーナーを追加 (#1)8a26ac8をGitHubで確認 ↗
7. 2026/07/25
   プロジェクトの初期構成を作成4417348をGitHubで確認 ↗

05 / 学び

このプロジェクトから得られる学び

• 変更を小さく記録する

  コミット単位で目的を分けると、実装の意図を追跡しやすくなります。

• 構成と技術選定を結び付ける

  JavaScriptの採用理由と各ディレクトリの責務を説明できることが保守性につながります。

• READMEと実装を同時に育てる

  説明とコードを近い状態に保つことが、再利用と振り返りを助けます。

06 / よくある質問

よくある質問