メインコンテンツへスキップ

制作事例

超軽量ミニゲーム・ハブ

インストール不要で瞬時にプレイできる、全279ゲームのブラウザゲーム集プラットフォームの機能改善・多言語化・SEO対策

  • ミニゲーム集
  • Astro / TS
  • 日英多言語化
  • 高速表示
超軽量ミニゲーム・ハブ を表示したPCのモックアップ

プロジェクト詳細

プロジェクト概要

Astro と TypeScript で構築された、インストール不要・高速起動のブラウザミニゲーム集プラットフォーム(全279ゲーム)の機能改善、多言語化(日英)、およびグローバルSEO対策プロジェクトです。

プロジェクトの目的

  • 秒速で起動するストレスのないゲーム環境の提供による、ユーザーの快適な操作体験。
  • 動作の不安定なゲームの整理と、ゲーム内の操作バグの解消による品質のクリーンアップ。
  • 英日多言語対応とSEO対策による、国内外からのアクセス増加および検索アプローチの強化。

対応内容

  • AstroとVanilla JSによるコード分割設計および高速な表示速度の維持
  • URLパラメータと連動し、サイトの案内、ゲーム説明、操作ガイドを動的に切り替える日英多言語システム (i18n)
  • 検索結果に最適化したJSON-LD構造化データ注入と、alternate多言語タグによるグローバルSEO
  • 『五目並べ』などの画面リサイズ・枠線に伴うクリック位置のズレの自動補正
  • 『カラーソート』で絶対にクリアできるステージのみを逆算生成するステージ生成システムの開発
  • スマホでの誤操作を防ぐための、スマートフォンアクセス時のPC専用ゲームの自動除外と判定ラベル表示
  • 横幅1640px以上のデスクトップ限定で、ゲーム画面と重ならない両サイド固定追従広告レイアウトの実装

工夫したポイント

  • ページファイルを言語ごとに物理生成せず、URLパラメータとスクリプトで動的に表示を切り替えることで、サイトの軽さとSEO効果を両立させた多言語設計。
  • ブラウザの画面サイズや枠線によるズレを自動計算で補正し、クリックやタッチの反応精度を均一化した操作性の向上。
  • プレイできないPC専用ゲームをスマホ表示から事前に取り除くことで、スマートフォンユーザーの利便性を高める配慮。
  • 広告読み込み時に画面がガタつかないよう、あらかじめ広告スペースにプレースホルダーを配置し、表示崩れ(CLS)を防止。