ProgateがアプリにCSSゲーム機能を追加、2～3分で気軽に学べる全32ステージを実装しWeb制作学習の効率化に貢献

text: XEXEQ編集部
（記事は執筆時の情報に基づいており、現在では異なる場合があります）

PR TIMES より

記事の要約

ProgateアプリにCSSゲーム機能を追加
2～3分で気軽に学べる全32ステージを実装
選択肢形式で初心者も気軽に学習可能

ProgateアプリのCSSゲーム機能追加によるWeb制作学習の強化

株式会社Progateは、スマートフォンアプリ「Progate」にCSSを学習できるミニゲーム機能を2024年11月12日にリリースした。従来のWebブラウザ版とは異なり、選択肢から解答を選ぶ方式を採用することで、コーディングに不慣れなユーザーでも気軽にプログラミング学習を始められる環境を実現している。^[1]

新機能のCSSゲームは1ステージあたり2～3分で完了する設計となっており、通勤や通学などのスキマ時間を有効活用した学習が可能となっている。32ステージ用意されており、基礎的な内容から応用的な問題まで段階的に学習を進められるため、初心者から経験者まで幅広いユーザーに対応したコンテンツとなっている。

アプリ版Progateは、Webブラウザ版と組み合わせることで継続的な学習環境を構築することができる。電車内やカフェなどでのちょっとした時間にスマートフォンで学習を進め、時間に余裕がある時にWebブラウザ版で本格的な学習を行うなど、ユーザーの生活スタイルに合わせた柔軟な学習スタイルを実現できるようになった。

CSSゲームの機能まとめ

項目	詳細
所要時間	1ステージあたり2～3分
ステージ数	全32ステージ（2024年11月現在）
操作方法	選択肢から正しいコードを選択
サポート機能	ヒントボタン、X（旧Twitter）でのシェア機能
難易度設計	基礎から応用まで段階的に学習可能

Progateアプリのダウンロードはこちら

CSSについて

CSSとはWebページのデザインを制御するためのプログラミング言語であり、主な特徴として以下のような点が挙げられる。

HTMLと組み合わせてWebサイトのレイアウトを作成
文字の色やサイズ、背景色などのデザインを指定可能
レスポンシブデザインの実現に不可欠な技術

Progateのアプリ版CSSゲームでは、1ステージあたり2～3分という短時間で効率的にCSSの基礎を学ぶことができる仕組みを実現している。選択肢形式を採用することで、コーディングに不慣れな初心者でもスムーズに学習を進められるため、Webデザインの入門として最適なコンテンツとなっている。

参考サイト

^ PR TIMES. 「Web制作をスキマ時間でサクッと学べる！「Progate」アプリにCSSゲームが新登場！ | 株式会社Progateのプレスリリース」. https://prtimes.jp/main/html/rd/p/000000126.000015015.html, (参照 24-11-14).

※上記コンテンツはAIで確認しておりますが、間違い等ある場合はコメントよりご連絡いただけますと幸いです。