Webを勉強中の方に便利なオンラインでHTMLやJSが実行できるWebサービス 『playcode.io』

オンラインでHTMLやCSS、Javascriptなど

Webプログラミングを記述、リアルタイムに

実行できる便利なWebサービス。

Webを勉強中、ちょっとした実行環境に便利です。

playcode5

playcode.io リンク先はこちらから

playcode1

まずは記述する言語を選択します。

JavascriptやTypeScript、HTMLやCSS、

ReactやVueなどWeb言語が実行可能です。

その他にもCSS、Javascriptのライブラリなど

現在のWeb学習に便利な言語が使えます。

playcode2

左側ペインにはファイルが並んでいて

HTMLやCSS、JSなど分かりやすくファイル形式で

表示されています。

右側ペインにはエディター部分とコンソール、

実際のWebサイトビューがあり、

リアルタイムに実行結果を見ながら

コードを記述できます。

playcode3

CSSなどの記述もリアルタイムにできるので

学習にはピッタリです。

コードを記述すると補完機能もあるので

初心者もサクサクと記述が可能です。

playcode4

JavascriptなどでIF文やFor文など

よく使う機能ですが、実際にどのように動くのか

簡単に実行して結果を見れます。

左側のファイル形式でソースファイルが表示されているので

実際にサーバに配置などをする際にも

イメージが掴めると思います。

Webを勉強中の方、Webアプリ開発中で

ちょっとした実行環境が欲しい方にも

便利なWebサービスです。

  • コメント: 0

空を飛んでいるような美しいスクリーンセーバー 『High Fly』前のページ

落ち着く、リラックスできるチャンネルを視聴できるネットラジオ 『Zen Radio』次のページ

関連記事

  1. 言語・開発・勉強

    プログラムのソースコードを美しく画像化できるWebサービス 『kod.so』

    プログラムのソースコードを美しく画像化できるWebサービス。背…

  2. 言語・開発・勉強

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

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

  3. 言語・開発・勉強

    人気言語 RubyをWeb上で実行してあれこれ勉強できるWebサービス 『run.rb』

    プログラミング言語RubyをWeb上で実行して出力結果を見る事がで…

  4. 言語・開発・勉強

    ゲーム感覚でプログラミングの学習ができる親子で遊べるWebサービス 『lightbot』

    ロボットを操作してゲーム感覚でプログラミング学習ができるWebサー…

コメント

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

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

最近の記事

PAGE TOP