Web制作をスキマ時間でサクッと学べる！「Progate」アプリにCSSゲームが新登場！

株式会社Progate（本社：東京都渋谷区、代表：加藤將倫）は、スマートフォンアプリ『Progate』に新たにCSSを学ぶためのミニゲーム機能を追加しました。



[画像1: https://prtimes.jp/i/15015/126/resize/d15015-126-25f3d1cd24c73dc673d8-0.png ]

スマートフォン向けアプリ「Progate」にCSSを学べるゲームが新登場！


Progateアプリの新機能「CSSゲーム」は、1ステージあたり2～3分で学べる気軽さでありながら、Web制作において重要な要素であるCSSを初心者でもしっかり楽しく学ぶことができます。

CSSはWebページのデザインを整えるために必要な言語です。今回のCSSゲームは簡単なレベルからスタートし、ステージを進めるごとに難易度が上がり、最終的には知識のある方でもしっかり学べる、歯ごたえがあるゲームになっています。

CSSを基礎から楽しく学びたい方はもちろん、ゲーム感覚で新しい技術に挑戦したい方にもぴったりの内容です。ぜひ、Progateアプリで新しいCSSのゲームをお楽しみください！


スマートフォンアプリ「Progate」について


スマートフォンアプリ「Progate」は、誰でも簡単にプログラミングを楽しみながら挑戦できるプログラミング学習アプリです。

Webブラウザ版のProgateとは異なり、アプリでは問題文に対して選択肢から答えを選んで進める方式を採用しています。これにより、「コーディングが難しそう…」「何から始めればいいかわからない…」などでプログラミングを始められなかった方でも、気軽にプログラミングの入り口に立つことができます。

Webブラウザ版とアプリ版のProgateを上手に使い分け、継続した学習を日常に取り入れることで、効率的にプログラミングスキルを身につけていただけます。

▶︎スマートフォンアプリ「Progate」：https://prog-8.com/mobile


CSSゲームの実際の画面


CSSゲームは、アプリを起動してメニューにある「」のアイコンをタップするとスタートします！

[画像2: https://prtimes.jp/i/15015/126/resize/d15015-126-3f6d4345e8f5a8119f9c-1.png ]

1.選択肢を選ぶだけのシンプル操作
問題で指定されたレイアウトを作るために、選択肢から正しいコードを選びます。スマートフォンの小さなキーボードでコードを打つ必要がないので、簡単に進めることができます。


[画像3: https://prtimes.jp/i/15015/126/resize/d15015-126-7d8f9bc6dbdda02ecc63-1.png ]

2.ヒントがあるから、初心者でも安心！
電球ボタンを押せばヒントをもらえるので、初心者の方でも気軽に挑戦できます。


[画像4: https://prtimes.jp/i/15015/126/resize/d15015-126-56fc2c8f6e009e1be989-1.jpg ]

3.正解画面で達成感！
選んだコードを採点して正解すると、Xでシェアすることができます。みんなで学習成果をシェアして、楽しく学んでいきましょう！

[画像5: https://prtimes.jp/i/15015/126/resize/d15015-126-d0577aa360d8aa05ca17-6.png ]

4.全32ステージで挑戦しがいは十分！
ステージが進むにつれて、徐々に難しい問題になっていくため、楽しみながらCSSの知識をどんどん深めていけます。知識がついている方やエンジニアの方でも、少し難しい問題もあるかも…！？（※2024年11月現在、全32ステージ）

ぜひ、実際のゲームをご体験ください！

▶︎スマートフォンアプリ「Progate」：https://prog-8.com/mobile


開発の背景


Progateでは定期的にユーザーの皆さんに直接インタビューをさせていただき、教材を開発しています。その中で多くの方から、Webブラウザ版以外に、通勤や通学の時間にアプリを活用しているという声をいただきました。今回はそういったスキマ時間を活用してさらに学べる環境を提供したいと考え、移動中の電車1駅分の時間でも気軽に学べるミニゲームを開発しました。

Progateを活用してプログラミングを習得し、活躍されている方々はコツコツと継続的に学習を進めていた方が多く、私たちはプログラミング学習を成功させるためには継続した学習が重要であると考えています。しかし、一度学習を止めてしまうと再開するのが難しく、挫折を味わってしまうことも少なくありません。

電車やカフェでのちょっとしたスキマ時間に、手軽に学べるのがProgateアプリの魅力です。時間がなくてパソコンを開けない時でも、アプリを活用すればスマートフォン一つで学習に取り組んでいただけます。ぜひ、ふとした日常の中でアプリを開き、楽しみながらCSSのスキルを身につけてください。ほんの数分の学習でも大丈夫です。アプリを活用することでまずは学習へのハードルを下げ、継続した学習に取り組んでいただけることを願っています。


Progateについて


Progateは、2014年7月にオンラインプログラミング学習「Progate」をリリースし、世界中で300万人以上の方にプログラミング学習の入り口を提供いたしました。

現在、Progateはプログラミング学習の入り口にとどまらず、中上級者向けの学習から法人の教育・採用に至るまで一貫したサービスを展開しています。

今後もProgateは、個人の学習から法人の課題まで幅広くサポートし、人生の可能性を広げられる人々を世界中に増やすことを目指して、プログラミング学習サービスを展開してまいります。

▶︎株式会社Progate：https://prog-8.com/about

【サービス】
▶︎プログラミング学習の入り口「Progate」：https://prog-8.com/
▶︎エンジニア実務を擬似的に学習し、就職やインターンシップにつながる「Progate Path」：https://path.progate.com/
▶︎学習者と企業が技術で繋がる採用プラットフォーム「Progate Prospects」：https://www.prospects.progate.com/
▶︎企業向けのハンズオン形式の研修でDX人材を育成できる「Progate Studio」：https://www.business.prog-8.com/progate-studio

企業プレスリリース詳細へ
PR TIMESトップへ