• かちびと.net

    CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayerのご紹介。あたらしい教育サイトに形といして面白いですね。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer

スポンサーリンク

一つの形として面白かったのでシェア。
実際にコードを書いていきながら徐々に
出来上がっていくさまを見ながら学べる
チュートリアルサイト。動画のチュート
リアルより見やすく頭に入りやすい気も
しないでもないです。

こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。

TheCodePlayer


ブログ形式でチュートリアルを公開しています。

説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。

Make a simple cloud in CSS3


こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど、これはこれでアリなんじゃないかなと。

最近のWeb制作向けのリソースは「学べるサイト」のタイプがとても多い印象です。ゲーム感覚、共有系、スライド式、動画式など様々な形式で提供されています。技術屋さんが挙って教育系に移行する業界にはなんとなく不安も抱きざるを得ませんが、これはこれで住み分けって形になっているんでしょうかね・・僕が考えたところで何も変わりませんけどw

とりあえず、アイデアがとっても参考になりました。他のチュートリアルは以下よりどうぞ。

TheCodePlayer

URL :
TRB :

Ads

Posts

Contact

Services