メインコンテンツへ移動
Arran, ホーム
寄付
制作物へ戻る

SANDI SALDO

デジタルマネーを学ぶウェブゲーム

キャッシュレスの街の7日間。プレイヤーはアイソメトリックの街を歩き、7つのメインミッションと追加ケースに挑み、お金とデジタルの安全について判断を学びます。

sandi-saldo.ct.wsを開く (新しいタブで開きます)
公開サイトの画面録画(2026年11月13日)。
スマートフォン画面のSANDI SALDOスタートメニュー。シアンのStartボタン。
スマートフォン表示

背景

学校のグループ課題として制作しました。私はAIの支援でウェブサイトをつくる役を任されました。このゲームは先生から評価されました。

私の役割

流れと見た目を方向づけ、AIの支援でつくり、ノートパソコンとスマートフォンで試し、分かりにくい部分を直しました。

  • アイデアと方向づけ
  • AIの支援による制作
  • テスト
  • 結果のレビュー

作業範囲

  • 7つのメインミッションと追加ケースのあるアイソメトリックの街
  • 残高と貯金に影響する選択
  • フィッシング、QRIS、OTP、PINなどのデジタル安全のケース
  • アカウントなしでブラウザに進行を保存

学んだこと

プレイヤーの選択の結果を説明するゲームのつくり方と、ノートパソコンでもスマートフォンでも使える流れを保つことを学びました。

技術

  • HTML
  • CSS
  • JavaScript
  • localStorage

公開情報に記載のある技術のみ。

公開サイト

元の画面

スクリーンショットは2026年10月31日に公開サイトから撮影しました。その後サイトが変わっている可能性があります。

SANDI SALDOのスタートメニュー。左に白とシアンの大きなタイトルとStartボタン、右にシアンの線で描かれたアイソメトリックの街。
デスクトップ, 1280 × 720
スマートフォン画面のSANDI SALDOスタートメニュー。シアンのStartボタン。
スマートフォン, 390 × 844