HTML: よく使う EJS のサンプルコード | siro:chro
[code] <%# ここは EJS コメントです %> [/code] インクルード 静的 HTML 出力として EJS を使う場合、主な用途はインクルードだと思います。 以下は index.ejs から _include フォルダ内の head.ejs （ejs 拡張子は省略可）をインクルードし headValue の値を渡すサンプルです。 index.ejs [code] <% var headValue = { title: 'sirochro', desc: 'This is sirochro page.', author: 'sirochro' }; %> <%- include('_include/head', {value: headValue}) %> [/code] head.ejs [code]
gulp-ejsでhtmlファイルを楽に管理しよう
コーディング時に便利なタスクランナー「gulp」 何かと便利なプラグインがありますがその中でも、 最近注目されている「gulp-ejs」を使ってより制作を楽にしたいと思います！ 「gulp-ejs」についてはググっても、英語サイトばかりがヒットして あまり日本語での説明がないのが現状です。 なので、まだまだ勉強中ですが少しでも役に立てればと思います。 1.はじめに gulpがインストールされていることを前提に始めます。 インストール方法が分からない場合は、 http://ics-web.jp/lab/archives/3290 http://www.unionnet.jp/develop/gulp/ 上記URLに詳しく書かれているので参考にして下さい。 2.「gulp-ejs」のインストール windows版で説明します。 こちらはコマンドプロンプトで下記を入力します。
テンプレートエンジン「EJS」とタスクランナー「Gulp.js」で爆速HTMLコーディング | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですがみなさん、EJSってご存じですか？ EJSっていうのはですね、なんかもう、こう、すんごいツールでして！ とにかく、使うとコーディングがめっちゃ早くなるんですよ！！ 今回はそれを使って、爆速でコーディングするテクニックの入門編を紹介したいと思います。 EJSとは？ EJSはテンプレートエンジンと呼ばれるツールの1つで、JavaScriptのような書き方を取り入れつつHTMLが書けるという特徴を持っています。 ざっっっっくり言い表すと、SassとCSSの関係に近いです。 「EJSデータでより楽な書き方をして、HTMLに変換して出力する」ことができます。 これが使えるようになると、例えばheaderやfooterなどのパーツを分割して共通化させたり、JSのfor文のような命令がHTML上で使えます
jQueryでWEBサイトの共通部分をインクルードする方法(相対パスVer.もアリ)
jQueryでWEBサイトの共通部分をインクルードする方法(相対パスVer.もアリ) 2016/1/27 2016/2/24 JS/jQuery 数十ページ以上の中・大規模ページ制作の場合headerやfooterなどの共通部分はPHPやSSIでのインクルードで対応していると思いますが、サーバーの環境や、案件によってJSだけで対応する場合もあります。 そんな際に使うjQueryで共通部分のソースを読み込むサンプルソースを作成しました。 共通化する場合hrefはrootパス指定がメジャーですが、相対パスでも指定出来るソースも準備しています。 ディレクトリ構造は下記の様になっていてpartsディレクトリに共通化ファイルを入れています。 Rootパス バージョン まずはheader、footerを読み込んだ下記DEMOをご確認ください。 DEMO1 header.html <div class=
大阪のホームページ制作会社プラスデザインカンパニーのブログ Vol.1
プラカンブログ ホームページ制作に関する役立つ記事からおもしろ記事など。 プラスデザインカンパニーの スタッフによるブログです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
