練習に便利!! HTMLコードのプレビューをリアルタイムで見えるコードエディタ 『CODECAST』



HTMLやCSSのコードをリアルタイムで

プレビュー可能なWebサービス

今まではFTPでアップロードしたり

ブラウザで更新したりと結構面倒な作業でしたが

このWebサービスはコードを記述すれば

即座に反映して結果を見る事が出来ます

codecast4

CODECAST リンク先はこちらから

codecast1

まずはLaunch CODECASTをクリックして

コードエディタを起動します

codecast2

基本的なHTMLコードが記述されていますので

少し触って遊んでみます

リアルタイムに画面に出力されているのが分かります

昔はHTMLファイルを保存してFTPでアップロードして

ブラウザで更新して・・・という作業でしたが

こんな便利なツールがあるんですね

codecast3

複雑なテーブルなどもリアルタイムに反映します

CSSなども直接記述可能でDIV属性内に記述した

コードもしっかりと認識してくれました

これからホームページを作りたい、勉強しておきたい

という方は一度遊んでみては如何でしょうか

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    習うより慣れろ!? プログラミングを書いて体で覚える事ができるWebサービス 『SHAKYO.io』…

    プログラミングを理解しながら書いていくというよりタイピングのように…

  2. 言語・開発・勉強

    ゲームをしながらJavaScriptの勉強ができるWebサービス 『CodeCombat』

    JavaScriptの勉強をRPGゲームをしながら出来る楽しい…

  3. 言語・開発・勉強

    プログラム言語の相関図が見れるWebサービス 『Programming Language Influ…

    プログラム言語の相関図が見れるWebサービスどの言語から作られ…

  4. 言語・開発・勉強

    簡単なゲームを作ってJavaScriptを学べるWebサービス 『JS Dares』

    簡単なゲームを作ってJavaScriptを学べるWebサービス…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP