Help us understand the problem. What is going on with this article?

『ドットインストール』と『runstant』って実は相性良いんじゃね?って話

More than 5 years have passed since last update.

あぁ, 罪だ... 気づいてしまった...
ドットインストール』と『runstant』の相性の良さに...

先日, 公開した runstant ですがこれは HTML, CSS, JavaScript を編集, 実行できます.
ドットインストールにあるWeb系のレッスンは, 大抵この3つを扱えれば事足ります.
そしてなんといってもどちらもログイン不要で使うことが出来ます!!

これは組み合わせて使うしかないでしょ!

今までにこれほど気軽にプログラミングを実行しながら学べる環境があったでしょうか?
いやなかったです!(あったらコメントください!)

これはもう, ごはん×明太子, 牛乳×バームクーヘン, 風呂上がり×ガリガリ君,
夏×TUBE, 原田社長×ベネッセ以来の革命かもしれない...

ってことでどう使うかまとめてみました. 参考になれば幸いです.
試しに作ってみた AngularJS のサンプルもたくさんあるよ♪

ドットインストールの人気にあやかって runstant の知名度を上げようなんて
そんな打算的なエントリーでは決してないです! 多分...w

学習の流れ

通常のフローは

  1. dotinstallを開く
  2. ローカルでエディタを開く
  3. 動画を再生
  4. エディタで編集
  5. ファイルを保存
  6. ドラッグ&ドロップでブラウザ上でファイルを開く(2回目以降は更新)
  7. 実行結果を確認
  8. 3~7 を繰り返す

これが runstant を使うことでこうなります.

  1. dotinstall を開く(tab1)
  2. runstant を開く(tab2)
  3. dotinstall で動画を見ながら(tab1)
  4. runstant でコーディング&実行(tab2)
  5. 3, 4 を延々と繰り返す

効率が上がるのはもちろんですが, 学習を始める際のハードルが
劇的に下がっているのがわかるかと思います! なによりWeb完結してます!!

ちなみに Chrome だと Command+Option+左右キー
タブ移動できるから作業しやすいよ♪

AngularJS のレッスンやってみた

まぁ口だけで便利だよといっても説得力ないと思うので,
AngularJS のレッスンを一通りやってみました♪

所感

もともと AngularJS 使えるってのはありますが, きちっと動画を見ながら
すべて自分でコードを書きました.

Web 完結で, だいたい1時間ちょっとで一通りの
レッスンを終えることができました!!

runstant の, データを hash に保存する仕組みのおかげでレッスンごとにファイルを
保存したり, ドラッグ&ドロップでファイルを開いたりといった面倒なことをしなくて済みました.

また, fork 的な役割も果たすので, 前回のレッスンを引き継いで作業することが
できたので手間が省けてよかったです.

っとまぁ runstant を自画自賛しまくっているわけですが,
これはすべてドットインストールありきの話です!

なのでドットインストールで学習するときに runstant を
頭の片隅に置いてもらえれば嬉しいなぁというお話でした!


こんな感じで作業できるなら chromebook も
ありかなぁとか思ってきてます.

便利な時代になったものですねぇ.
っとプログラミング歴の浅い若輩者が言っております.

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away