Webサイトを作る際にはまずHTML/JavaScript/スタイルシートの知識がいるでしょう。もちろんオーサリングツールなど最近は知識がなくとも作れるサービスもありますが、開発者であれば必須の知識と言えます。 そんなWeb開発の知識を学んだり、書いた結果をその場で確認できるサービスがThimbleです。Mozilla製のオンラインコードエディタです。

Thimbleの使い方

Thimbleのメイン画面です。中央がエディタ、右がその結果です。

カーソルが当たるとその部分がハイライトされます。

もちろん入力補完付きです。

JavaScriptについても入力補完があります。

ファイルの追加。HTML/CSS/JavaScriptまたは画像などのアップロードができます。

デスクトップではなくスマートフォンのプレビューもできます。

コードのエディタ部にはBracketsが使われており、高機能なエディタとなっています。コンテンツはオンラインに公開もできます。Thimbleは主に学生やWeb初学者向けのサービスになっています。

Thimbleはnode/JavaScript/HTML5製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。

Thimble by Mozilla - An online code editor for learners & educators. mozilla/thimble.webmaker.org