[JavaScript] HTMLとJavaScriptで簡単なツールを作成する

簡単なツールを作る時に何を使って作成しますか? VimスクリプトはVimmerにとってはベストな選択です。 非Vimmerにとってはハードルが高いので、他の方法を考えてみました。 MacでもWindowsでも動く物と言うと、ChromeなどのブラウザーとHtml, JavaScriptです。 UIも簡単に作成する事ができるので、サクッと作ってみんなに使ってもらいたいものです。 簡単なテンプレートは以下になります。 ## テンプレート ```javascript `gutter:true; <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample Tool</title> <script> function someFunction() { var inputValue = document.getElementById("inputText").value; // 適当に正規表現で値を変更 var resultValue = inputValue.replace(/hoge/, "foo"); // 結果をここに設定する document.getElementById("resultText").value = resultValue; } </script> </head> <body> <h2>Input</h2> <form id="form1" action=""> <textarea id="inputText" name="" cols="30" rows="10"></textarea> <br/> <input type="button" onclick="someFunction()" value="action"> </form> <h2>Result</h2> <textarea id="resultText" name="" cols="30" rows="10"></textarea> </body> </html> ``` ボタンを押すとJavaScriptでゴニョゴニョできます。 正規表現で変換したり、計算したりなんでもござれです。 UIを簡単につけれるのがhtmlの良い所です。

0 件のコメント :

コメントを投稿