プログラミングを学習する良い方法は、実際にコードを書くだけでなく、他人の書いたコードを読んでみることです。「TheCodePlayer」は、まっさらな状態からクールなモノが作られて行く過程を動画で追っていくことができるサイト。動画の左側には書かれているコードが表示され、そのコードによってもたらされている変更点を右側で確認することができます。また、コードを自分で変更してみることで、画面にどんな影響があるのかを実際に見てみることも。動画を見る際にはデフォルトの10倍速ではなく、5倍速くらいに落として見るのがわかりやすいかと思います。 CSS3でストップウォッチやアコーディオンスタイルのスライダーを作成する方法、HTML5キャンバスでパーティクルシステムの構築など、JavascriptやCSS、HTML5などを使ってできることのデモンストレーションが20種類以上用意されています。 TheCode
![学習に最適! 他人が書いたコードをリアルタイムで見られる「TheCodePlayer」 | ライフハッカー[日本版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/28827f7f154c1570eb90af2b0ded057ae6bcca03/height=288;version=1;width=512/https%3A%2F%2Fwww.lifehacker.jp%2Fassets%2Fcommon%2Fimg%2Fshare_icon.png)