# HTML5ゲーム集 - コードで学ぶゲーム開発

> Action

Canonical page: [https://chrome-stats.com/d/id6775371813](https://chrome-stats.com/d/id6775371813)

## Overview

- **ID:** `id6775371813`
- **Platform:** Apple
- **Type:** Apple app
- **Status:** Available
- **Publisher:** hirokazu murabe
- **Category:** Action
- **Version:** 1.0
- **Last updated:** 2026-06-02
- **First published:** 2026-06-01
- **Size:** 6.06 MB
- **Data as of:** 2026-09-24
- **Store listing:** [Apple App Store](https://apps.apple.com/us/app/html5%E3%82%B2%E3%83%BC%E3%83%A0%E9%9B%86-%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A7%E5%AD%A6%E3%81%B6%E3%82%B2%E3%83%BC%E3%83%A0%E9%96%8B%E7%99%BA/id6775371813)
- **Website:** [https://ios-mac-a7694.web.app/html5game/](https://ios-mac-a7694.web.app/html5game/)
- **Privacy policy:** [https://ios-mac-a7694.web.app/privacy.html](https://ios-mac-a7694.web.app/privacy.html)

## Description

遊んで学べる！HTML5ゲームコレクション

テトリス風、スペースインベーダー風、フラッピーバード風、ブロック崩し、カーレーサー、フルーツスライスなど、懐かしくて楽しいミニゲームを1つのアプリで楽しめます。ゲームは定期的に追加されるので、いつ来ても新しい発見があります！

==============================
収録ゲーム（随時追加中！）
==============================
・テトリス風 ― 落ちてくるブロックを並べてラインを消そう
・スペースインベーダー風 ― 押し寄せるエイリアンを撃ち落とせ
・フラッピーバード風 ― パイプをくぐり抜けて飛び続けろ
・ブロック崩し ― ボールを操り全ブロックを破壊せよ
・カーレーサー ― 迫りくる車をかわしてハイスコアを狙え
・フルーツスライス風 ― スライドして果物を切りまくれ！
・バブルシューター ― 同じ色のバブルをつなげて消そう
・キャッチャー ― バスケットでフルーツをキャッチ！爆弾注意
・風船割り ― 画面を飛び交う風船を30秒でどれだけ割れる？
・シューティングギャラリー ― 的を狙い撃て！命中率を上げろ
※ゲームは今後も続々と追加予定です

==============================
プログラミング学習にも最適！
==============================
このアプリに収録されているゲームは、すべてHTML5（HTML / CSS / JavaScript）だけで作られています。

各ゲーム画面の右上にある「HTML」ボタンをタップすると、そのゲームのソースコードをそのまま確認できます。コードには学習用のコメントが丁寧に記述されており、初心者でも読み解きやすい構成になっています。

・Canvas APIを使った2D描画の実例が学べる
・ゲームエンジンは使用していないため理解しやすい
・requestAnimationFrameによるゲームループの仕組みを理解できる
・衝突判定・物理演算・パーティクルエフェクトなど実践的な技術を実例で確認
・コピー＆ペーストでブラウザやエディタでそのまま動かせる

HTML / CSS / JavaScript を学んでいる方や、ゲーム開発に興味がある方に特におすすめです。

==============================
アプリの特徴
==============================
全ゲームのHTMLソースコードを閲覧可能
定期的に新ゲームを追加
スマホに最適化されたタッチ操作
 端末を傾けて操作できるジャイロ対応ゲームあり

==============================
 こんな方におすすめ
==============================
・ちょっとした暇つぶしにゲームがしたい方
・HTML / CSS / JavaScriptを勉強中の方
・ゲーム開発の仕組みを実例から学びたい方
・Canvas APIやゲームループに興味がある方
・プログラミング初心者にゲームプログラミングの面白さを伝えたい方

ゲーム開発の世界は奥深く、このアプリはその第一歩に最適な教材です。まずは好きなゲームを遊んで、気になったらソースコードを覗いてみてください。きっと「こんな仕組みで動いているのか！」という発見があるはずです。

## Rankings

- #1,132,285 — Overall

## Similar extensions and apps

- [あそびば：麻雀 ポーカー 2048 将棋 マインスイーパー](https://chrome-stats.com/d/id6781719499)
- [さくさくJavaScript](https://chrome-stats.com/d/id1519763521)
- [Mini Game Hub](https://chrome-stats.com/d/id6755084255)
- [Mind Render](https://chrome-stats.com/d/id1440552455)
- [コマンドール](https://chrome-stats.com/d/id6792503590)
- [Code Forge: Code Games Quizzes](https://chrome-stats.com/d/id6771731529)
- [HTML Playground: Learn & Code](https://chrome-stats.com/d/id6796390136)
- [みるコード-SwiftUIを学べるアプリ開発学習体験](https://chrome-stats.com/d/id6756328501) — 3.00 / 5
- [タッチ](https://chrome-stats.com/d/id1096484700) — 4.00 / 5
- [Reぷれいぽけっと-ミニゲーム集 PlayPocket-](https://chrome-stats.com/d/id1478553723)
- [CodeGame](https://chrome-stats.com/d/id6752398887)
- [本格プログラミング学習-エンジニア大学-AIサポート付き](https://chrome-stats.com/d/id1609827348) — 5.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/id6775371813)