コードエディタ

オンラインコードエディタを使用すると、コードを編集してブラウザで結果を表示できます

フロントエンドコードエディタ

W3Schoolsオンラインコードエディターを使用すると、HTML、CSS、およびJavaScriptコードを編集して、ブラウザーで結果を表示できます。

左側のウィンドウは編集可能です。コードを編集し、[実行]ボタンをクリックして、右側のウィンドウに結果を表示します。

「結果サイズ」は、結果ウィンドウの幅と高さをピクセル単位で返します（ブラウザウィンドウのサイズを変更した場合でも）。

ウィンドウの間にバーを配置して、ウィンドウのサイズを制御できます（ドラッグ可能なガター）。

アイコンについては、以下の表で説明しています。

アイコン	説明
	www.w3schools.comにアクセスします
	その他のオプションのメニューボタン
	コードを保存します（そして他の人と共有します）
	Change orientation (horizontally or vertically)
	Change color theme (dark or light)

Learn to Code

If you are new to coding, we suggest that you start with HTML, and move on to CSS and JavaScript:

HTML Tutorial CSS Tutorial JavaScript Tutorial

Backend Code Compiler

The backend code compiler allows you to edit Python, C#, C++, PHP, Node.js, Java, Bash, Clojure, Fortran, Go, Kotlin, Perl, R, Ruby, Scala, Swift, TypeScript, and VB.NET code, and view the result in your browser.

Result Size:

prog.r
Input
+
+

# We need this line of code to show graphs in our compiler
bitmap(file="out.png")

# Create a vector of pies
x <- c(10,20,30,40)

# Display the pie chart
pie(x)

Click on the "Try it Yourself" button to see how it works.

Code Compiler Explained

The Dropdown list to the right of the "Run" button allows you to change programming languages.

By selecting the "input" tab, you can add user input to use in the code.

The "+" tabs allows you to add additional files (for the same language you are currently running) to run.