16
16

More than 5 years have passed since last update.

『runstant』早くもアップデート! コンソール対応とかテーマ設定とかしてみた

Last updated at Posted at 2014-07-29

先日『runstant』という
Webツールを公開しました.

アクセスログ見ると結構な人が使ってくれたみたいでありがとうございます!
思いつきで適当に作ったわりに良いあんばいで落ち着いたので良かったです^^

それはそうと本題ですが, リリースしてからというもの
あれができないだの, これ対応してくれだのと無責任なユーザーたちからありがたい意見が
たくさん届いたので実装してみました.

今回はそのアップデート内容についてさらっと紹介します.

runstant-black.png

コンソール対応

今回のアップデートの目玉です!!

昨日 『ドットインストール』と『runstant』って実は相性良いんじゃね?って話 という
エントリーを公開したのですが, そこのコメントで
@fainder さんから console.log の結果を見たいという大変おこがましい
ありがたい要望が届きました.

確かになと思ったし, ドットインストールとの連携を勧めるなら
そのぐらい対応しとけよ!と自分を責めました. 徹底的に. 2分ぐらい.

速攻で実装にとりかかり, iframe との連携なのでちょっと厄介かなと思ったのですが,
わりとスムーズに実装できました.

console.log("Hello, world!") とかを script のほうに書き込むと
画面左下のコンソールビューに "Hello, world!" と表示されるのがわかるかと思います.

[sample]

runstant-console.png

プレビューとエディタのサイズ比率を変更

こちらは古くからの友人, いやオタクプログラマ, いやただの変態の @Rosetta_Halt から頂いた要望です.

エディタをもっと広く使いたいということだったので, プレビューとエディタの比率を
1:1 から 5:8 に変更しました.

個人的にも使いやすくなったと思ってます!!

runstant-resize.png

ユーザー名, テーマ, normal/vim/emacs を設定できるように

ユーザー名, テーマ, normal/vim/emacsをそれぞれ設定できるようにしました.
それぞれ localStorage に保存するようになっています.

runstant-setting-user.png

ユーザー名は特にまだ使い道はありません.
こういうときに使って欲しいとかあれば教えてください.

テーマはたくさんあります. とりあえず Ace にあるテーマをすべて
選択できるようにしました.

runstant-theme.png

normal/vim/emacs は, とりあえず設定できるようにしたという感じです.
私は vim も emacs も使えないゆとりエンジニアなので確認さえもしていません.
誰か確認して問題あれば pull req ください><

html/style/script のアクティブ化

地味な修正ですが, 今編集中のタイプがアクティブ(ちょっと色が濃くなるように)しました.

runstant-type.png

以上が今回のアップデート内容です.

実は jade や less, coffeescript といった alt 系の言語のサポートも
終わってたりするので近々公開します. お楽しみに^^

これからも 自分が実装しないのをいいことに好き勝手な
ありがたい意見, アドバイスまってます♪

16
16
6

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
16