hifiveをJSFiddleで使ってみる

JSFiddleはHTML/JavaScript/CSSをWeb上で書いて、その場で実行できる便利なサービスです。ちょっとしたサンプルコードなども確認しやすくなります。

そこでhifiveを埋め込んで試せるようにしてみました。こちらはHello Worldのデモです。

https://jsfiddle.net/datds3c1/2/

コツとしては、jQueryをJavaScript設定のフレームワークで指定しつつ、head内で読み込むように設定します。

他のライブラリの読み込み順番は次のようになります。

• https://code.htmlhifive.com/ejs-h5mod.js
• https://code.htmlhifive.com/h5.js
• https://code.htmlhifive.com/h5.css

これで後はコードを書いていくだけです。

https://jsfiddle.net/datds3c1/2/

今後、ブログ内ではこのような形でhifiveのコードを紹介していきたいと思います。

フォークもできますので、参考のコードをベースとしてさらなるカスタマイズを楽しんでみてください。

hifive – HTML5企業Webシステムのための開発プラットフォーム