ゲーム感覚でプログラミングやCSSを学べるサービス6選

@ハクト 2022-07-12 12:54:09に投稿

プログラミングの仕組みや書き方を学びたい初学者向け。

ゲーム感覚でプログラミングの動きを体験できるサービスを6つ紹介します。

ぷよぷよeスポーツ×プログラミング

基礎、初級、中級、上級コースがあり、ソースコードを書き写すだけ。
コーディングルールを知り、プログラミングを完成させる成功体験を味わえる

ファンタジーRPG ロジックサマナー

プログラミング問題を解いて物語を進める新感覚異世界ファンタジーRPG!
24のプログラミング言語に対応し、プログラミング問題を解いて物語を進める

CODEPREP 

100冊以上の教材からプログラミングコードを書いて学べる。
簡単な穴埋め問題を自分のペースで解いていくの基礎を復習できる

CSS Diner

CSSセレクタの指定方法を学べるゲーム。
最初は「plate」と入力しエンターでクリアできる

CSS Animations

クイズ形式で全32問のアニメーションを実装しながら学べる!

CSSBattle

CSSコードを書いて与えられたお題のデザインを実装するゲーム

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter