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



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

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

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

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

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

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

codecast4

CODECAST リンク先はこちらから

codecast1

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

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

codecast2

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

少し触って遊んでみます

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

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

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

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

codecast3

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

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    HTML5・Canvasの勉強に最適!! 髪の毛をシミュレーションした描画 『Hair』

    ライブコーディングできる「CodePen」に面白いシミュレーションが公…

  2. 言語・開発・勉強

    連想、類義語を検索表示してくれるWebサービスが面白い 『連想類語辞典』

    言葉が思いつかない時やもっと簡単に言葉を使いたい、的確な言葉を…

  3. 言語・開発・勉強

    ブラウザ上でPython、PHP、HTMLなどが実行可能なWebサービス 『SourceLair』

    ブラウザ上でプロジェクトの実行ができるWebサービス対応してい…

  4. 言語・開発・勉強

    楽器をやってみたい!! 無料で楽器レッスンを受講できるWebサービス 『musicLessonTV』…

    エレキギターやアコースティック、ベースやピアノなどの楽器を習得できるW…

コメント

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

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

PAGE TOP