1
/
5

ゲームをプレイしてCSSのコードを学ぶ

こんにちは! アルシエで教育に関するサポートをしている岸本です。

今回は「ゲームをプレイしてコードを学ぶことができるCSS」についてお伝えしていきます。

フレックスボックスゾンビ2.0 (Flexbox Zombies 2.0)

    • クロスボウを持ったキャラクターを操作してゾンビを撃つ楽しいゲーム。
    • Flexboxコードを使って敵をターゲットに倒すことで、Flexboxのすべてのプロパティを楽しく学べます。

CSSグリッド攻撃 (CSS Grid Attack)

    • 誘拐された兄弟を救うための冒険に出かける。
    • コーディングパズルを通じてCSSグリッドを学び、実際のレイアウトについても理解できます。

グリッドガーデン (Grid Garden)

    • CSSグリッドコードを使用して農場の植物や木を並べ替えるシンプルなゲーム。
    • レベルごとに新しいプロパティを学習し、初心者に最適な出発点です。

フレックスボックスアドベンチャー (Flexbox Adventure)

    • アーサー王が金を盗んだ泥棒に復讐するお手伝いをする楽しいゲーム。
    • Flexboxコードを使って、Flexboxの基礎を楽しく学べます。

フレックスボックステーブルの騎士 (Flexbox Knights of the Flex Table)

    • Flexboxコードを使用して騎士をテーブルに配置し、敵を倒してクエストを完了させる。
    • Flexboxの概念をゲームプレイを通じて強化します。

フレックスボックスフロッギー (Flexbox Froggy)

    • カエルが昆虫の夕食に到達できるように、各レベルでFlexboxコードを記述します。
    • 初心者向けから上級者まで、すべてのFlexboxトピックをカバーしています。


Invitation from 株式会社アルシエ
If this story triggered your interest, have a chat with the team?
株式会社アルシエ's job postings
1 Likes
1 Likes

Weekly ranking

Show other rankings
Like Naomichi Totsuka's Story
Let Naomichi Totsuka's company know you're interested in their content