言語・開発・勉強

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

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

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

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

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

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

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

codecast4

CODECAST リンク先はこちらから

codecast1

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

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

codecast2

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

少し触って遊んでみます

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

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

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

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

codecast3

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

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

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

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

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

関連記事

  1. 言語・開発・勉強

    投稿型ゲームサイト HTML5なスマホ対応ゲームが沢山あります 9leap.net

    コンテストに参加や投稿されたゲームを実際に遊ぶことが出来るネットサービ…

  2. 言語・開発・勉強

    ゲームで楽しく!! 英語などの単語学習できるWebサービス 『Ba Ba Dum』

    インタラクティブに英語などの外国語の単語が学習できるWebサー…

コメント

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

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

PAGE TOP