HTMLコードをリアルタイムで表示確認!!スマホなどでも確認できるWebサービス 『Snap Tomato』



書いたHTMLをリアルタイムで別のタブ、端末

スマホなどで表示確認ができるWebサービス

ほぼリアルタイムで反映するので

CSSやテーブルの表示確認などが可能です

snaptomato4

Snap Tomato リンク先はこちらから

snaptomato1

上記リンク先ページを開き

「use snap tomato now」をクリックすれば

編集画面に移動します

snaptomato6

HTML編集画面が表示されます

ここでHTMLコードを記述して

「REALTIME PREVIEW」をクリックすれば

リアルタイムでHTMLコード実行結果を

画面表示してくれます

その際のURLアドレスを別端末やスマホなどでも

開けます

snaptomato2

別タブで開くとこんな感じで見る事が可能です

ほぼリアルタイムで反映してくれます

snaptomato3

スマホで開くとこんな感じ

snaptomato5

画面の表示確認や練習にも最適です

PCでコードを記述して、スマホをサブ画面で

表示確認などなかなか便利な時代になりました

  • コメント: 0

関連記事

  1. 言語・開発・勉強

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

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

  2. 言語・開発・勉強

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

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

  3. 言語・開発・勉強

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

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

  4. 言語・開発・勉強

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

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

コメント

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

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

最近の記事

PAGE TOP