タグ

htmlに関するluckgineのブックマーク (2)

  • TinyEditor - わずか400byteのHTMLプレイグラウンド

    JSFiddleやCodePenといった、HTML/JavaScript/CSSのプレイグラウンドサービスが多数あります。クローンサービスもありますし、自分で立てることもできます。しかしあえてサーバサイドの仕組みなどを用意したくはないでしょう。 そこで使ってみたいのがTinyEditorです。たった400byte程度のHTMLプレイグラウンドです。 TinyEditorの使い方 JavaScriptコードを実行するとこんな表示になります。 しかし筆者環境では上記のコードままでは動かなかったので itty.bitty で変換されたものを使っています。 TinyEditorの仕組みは簡単で、HTML/JavaScript/CSSに書かれたコードを文字入力のたびにiframe内に反映しています。ローカルでさくっとJavaScriptの実装を確認したりするのに便利そうです。 TinyEditorは

    TinyEditor - わずか400byteのHTMLプレイグラウンド
    luckgine
    luckgine 2018/10/07
    “プレイグラウンド”
  • CodeWich - TypeScript対応、サーバレスなHTMLプレイグラウンド MOONGIFT

    JSFiddleやCodePenなど、HTML/JavaScript/CSSのプレイグラウンド的サービスが多数あります。多くのサービスは専用のURLが払い出され、そのURLにアクセスして使います。そして、そのサービスが落ちたりすると使えなくなるリスクがあります。 そんな中注目したいのがCodeWichです。コードを圧縮して専用のURLとする、URLを覚えている限りはあなたのコードがなくなったりしないプレイグラウンドサービスです。 CodeWichの使い方 入力はTypeScriptベースになっています。 CSSの入力補完も効いています。 テーマの変更や入力内容のlocalStorage補完に関する設定も可能です。 実行例です。 Canvasを使った表現もできます。 CSSを使ったものも。 CodeWichは共有を行う際にURLが生成されますが、 https://codewich.com/#

    CodeWich - TypeScript対応、サーバレスなHTMLプレイグラウンド MOONGIFT
    luckgine
    luckgine 2018/10/07
    “プレイグラウンド”
  • 1