HTML,CSS,Javascript,PHPを中心に、WEB制作時に忘れがちなTipsを紹介など。
https://yamasakimasaki.com/tool/editor/
ブラウザだけでHTML、CSS、JavaScriptをコーディングして実行・プレビューできるツールを作りました。
といっても、目新しいものではなく、CodePenとかJSFiddleとか、ブラウザ上でコードサンプルを作成できるツールはまあいっぱいあるんですが。
なんのサービスだったか忘れたんですが、使ってたら文字数制限?パンチ制限?みたいなのであんまり使えなくて。
僕がやりたかったことは気になったTipsやユースケースをサクッと書いて実行して結果が知りたいだけ。みたいな感じなので特にプロジェクトを保存するとか公開するとかもなくていいので、書きたいだけ書きなぐって実行結果を得れるツールが欲しいんじゃい。
ということで作った。DIYである。
ブラウザのみで動作して、サーバには特に何も投げないのでみなさんもプログラミングの練習やTipsなんかの動作確認に使ってみてください。
プロジェクトを保存・公開する機能はございません。
LocalStorageに最後に実行したコードを保存して、再アクセスの際に読込を行っているだけです。
プロジェクトの保存や読込、外部への公開とかは気が向いたらツールというか、サービスとして作ろうかなぁ。とも思っております。が、思ってるだけです。