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



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

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

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

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

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

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

codecast4

CODECAST リンク先はこちらから

codecast1

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

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

codecast2

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

少し触って遊んでみます

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

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

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

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

codecast3

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

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

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

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

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

  • コメント: 0

関連記事

  1. 言語・開発・勉強

    無料で小学生~大人まで自由に動画で勉強できるWebサービス 『eboard』

    無料で小中高学生の勉強が動画で出来るWebサービス主に中学生の…

  2. 言語・開発・勉強

    ゲームで学習!! プログラム入門に子供と一緒に学べるプログラミング学習 『Code.org』

    ブロックなプログラミングで簡単にプログラムを理解できる仕組みな…

  3. 言語・開発・勉強

    NASAが公開した宇宙の写真集が素晴らしいぞ!! 『NASA’s Real-Life I…

    映画「ゼロ・グラビティ」のビジュアルエフェクト賞受賞という事で…

  4. 言語・開発・勉強

    英語サイトで日本語ルビを付けてくれるWebサービス『ずるっこ!』 勉強にも便利かも

    英語サイトを翻訳では無く、原文そのままに英語に日本語ルビを付け…

コメント

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

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

最近の記事

PAGE TOP