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サービスです。

よかったらシェアしてください!
  • URLをコピーしました!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次