ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2