はじめに
javascript、jqueryのスクリプトをテキストエリアへ入力して、実行ボタンを押すと実行して、結果を確認できるシンプルなサイトです。
スクリプトの初心者向けに利用していたたければ、うれしいです。シンプルなコードであれば、実行して確認できます。デフォルトのコードがあらかじめ、セットしてありますので、実行ボタンを押すと、確認できます。
サンプルのように、jqueryでも動作します。
サイトリンク
https://favorite.tecoyan.net/slim/testGenerator.php
サンプルコード
webサイトの作成で、コードの確認をしたいときにすぐに利用できます。
一般的には、ネットにあるサンプルコードを確認したいときは、自前のサーバにテストページをつくってから実行して確認します。その手間を省くことができます。ただし、現状は、複雑なコードは確認していません。あくまでもスクリプトコードのみです。静的なhtmlタグを直接入力することはできません。動的な.append()ぐらいで入力したhtmlタグは、サンプルにもありますが、動作しています。
実行方法
特に難しい操作はありません。入力して、実行ボタンを押すだけです。
スクリプトの敷居が高い方に
プログラミングは難しいということで断念してしまっている方は多いかと思います。それはおそらく、入り方の問題でいきなり、難しい文法、構文解釈などからスタートするからだと思います。まずは簡単なサンプルで動作を確認することから入ると入りやすいかと思います。難しい文法や構文の解釈は法律の勉強と同じで、難度が高いです。最初はデモのようなサンプルからがいいと思います。
慣れてくると問題を自己解決できるようになります。
プログラミングして行くと、さまざまな問題に出会います。なれてくると、自分でネットや書籍で調べて、自己解決できます。それまでは、セミナーや勉強会に参加して習得することもあります。経験を積めば、自分で調べて、テストし、もちろん試行錯誤して悩むことはありますが、大抵は辛抱強くテストを繰り返してゆくと解決することは多いです。
あとがき
ネットにあるサンプルコードを実行して確認したいことはよくあります。その場合、実行環境をつくるのが手間で躊躇することは有ります。簡単にテストできないかと思い作成しました。それと、全くの初心者の方向けに、例えば、a= 1+2;とかして、その結果を表示するにはどうすればいいのかというような初心の方にも、わかるようなサイトにしてみました。