paiza.io では HTML ファイルが使えないのでしょうか？

Question

Javascript の勉強のために paiza.io を利用しようと考えています。

HTMLファイルを作成しようとしたら １行目の DOCTYPE 宣言の段階でエラーが出てします。
paiza.io では HTML ファイルは使えないのでしょうか？

他の方が記述した PHP のコードなどでは DOCTYPE宣言を使えているみたいなので、使えないことはないみたいなのですが。。。

paiza.io 上で、類似サービスの Codepen や Jsdo,it のようなことをやりたいだけなのですが。。。

よろしくお願いします。

Answer 1

Paiza.ioのページを見ましたが、目的がちょっと分かり辛いかもしれませんね。
よりJavaScriptの言語本来の魅力（関数型的な書き方やLISPに似たプログラミング手法）
を活かしたコード共有を行うサービスとなっています。

CodePen等の類似サービスは基本的に画面への表示が目的となり、
JavaScriptを扱った際でも、DOM操作でHTMLを表現することがゴールになるでしょう。
（例えばJSフレームワークを利用してページを動的に動かす・・・みたいな）

ですので、外見は類似のサービスですが目的が異なるものです。
電子レンジで揚げ物やハンバーグを作ろうとするのと同じようなことになるでしょう。
HTMLを利用する場合は質問文にある類似のサービスを利用してください。

Comments

[TsuyoshiOshima]

ご回答、ありがとうございました。
最初は CodePen というサービスを少し試してみたのですが、将来的に JavaScript 以外の言語（PHPとかRubyとか）を学習することになった場合、一箇所で複数の言語が利用できるサービスの方が何かと都合が良いかも？と考え、 paiza.io を検討してみました。
CodePen と paiza.io では用途・目的が違うということで理解できました。

[miyabi-sun]

なるほど、そういう意図があったのですね。

PHPやRubyはデータベース等に格納されている情報を元に、アクセスする度に変わるHTMLを生成する為の言語です。
なので訪問者がブラウザ上で開いて見る時は、単なる1枚のHTMLでしかありません。
（F5キー等でリロードすればまた変更される事はありますが、一度読み込まれるとただのHTMLとして認識されます）

画面上で特定のボタンをクリックすると表示されている内容が変わるといった、
ダイナミックな変更はJavaScriptを使うしかありません。
基本的にはHTMLとJavaScriptはずっと必要で、HTMLやJavaScriptが廃れない限りなくなることはありません。

実際に画面上で確認する時も、下記の2段階の手段を踏めば良いので特に必要ありません。
・PHPやRubyが正しいHTMLを出す
・HTMLとJavaScriptで求める動作を実現する

Answer 2

paiza.ioのJavaScriptはブラウザではなくNode.jsでサーバサイド実行しますので、HTMLと絡ませることはできません。PHPの場合は、<?phpの外側に書いたものはただそのまま出力されるという言語仕様の通りに動いているだけです。

そういう目的なら、jsFiddleのほうが向いていると思います。

Comments

[TsuyoshiOshima]

ご回答、ありがとうございました。
今回うまくいかなかった理由は「paiza.io はサーバサイドJavaScript向け」ということで納得ができました。

Answer 3

paiza.IO の一覧には「HTML」がないですね。

• 一覧| paiza.IO

HTMLを記述したい場合は jsfiddle, jsbin をお勧めします。
jsfiddleもHTMLを入力できる領域がbody要素配下に制限されているので全て書きたいならjsbinがいいですね。

• Create a new fiddle - JSFiddle
• JS Bin - Collaborative JavaScript Debugging

Re: TsuyoshiOshima さん

Comments

[TsuyoshiOshima]

ご回答、ありがとうございました。
jsfiddleやjsbinについてもあとで調べてみたいと思います。

※一番早くご回答いただいたことからベストアンサーとさせていただきました。