Bulmaと共に!

Handlebars・Web Components

シンプルな helper関数:bold

ここでは、 Handlebarsというテンプレートエンジンを扱います。
Javascriptを使って、HTMLを効率的に作成します。

その中に、Bulmaを適用していきます。

シンプルな helper関数lookup()の例

提供される関数lookup()を使って 別のオブジェクトから値を引っ張てきます。

Helper関数 link list  'media'によるリスト表示

シンプルな 独自のhelper関数の作成

helper関数 linkは、与えられた引数(text, url)から<a>要素を作成します。
helper関数 listは、each関数と同じように配列の各要素を繰り返し処理をします。

ヘルパー関数  フォーム

2種類のhelper関数の作成

ブロックヘルパー関数と そうでないヘルパー関数(tag helper)

シンプルな landing-page

Jonas Duri によるランディングぺージの紹介です。

Handlebarsを離れて、標準のテンプレートエンジン Web Component を扱います。

~~~ <template>タグを利用する例 ~~~