Eleventy1.0という選択肢
自己紹介 大木尊紀 / Takanori Oki / @takanorip 無職（UI designer, Frontend web developer） https://blog.takanorip.com/ Eleventyとは？ Eleventy, a simpler static site generator. 公式ドキュメントより Eleventyは非常にシンプルな静的サイトジェネレーターです。 2021年10月、ついに 1.0-beta が公開されました！🎉 特徴 ReactやVue.jsなどに依存していないのでシンプルで扱いやすい ビルド後の成果物が非常にシンプル（JSがほぼ動作しないHTMLが作られる） 機能が充実している 柔軟な設定 ページのパーツやレイアウトの管理 Dataの注入 プラグインが充実している https://www.11ty.dev/docs/plugi
静的サイトジェネレーターEleventy（11ty）が遂にv1.0.0に | フロンティアビジョンスタジオ
技術の移り変わりが激しいWeb界隈、フロントエンドといえばReact、Vue.jsなど一般的にJavaScriptフレームワークが真っ先に頭に浮かびますが、普通のホームページ制作（あくまで弊社の現場）では使わないことが多いです。（Reactは好きです） ※Reactは公式ではライブラリと表記されています フレームワークをバリバリ使った開発もしてみたい反面、もっとシンプルに効率的にホームページを制作したい！と思い2年ほど前からEleventyを密かに追っていました。 Eleventyは日本語記事が少なく有名というよりファンの多いというイメージでご存じない方もいると思います。 Twitterでは結構盛り上がっています（自分もファンの１人だからそう感じるだけかも） ようやくバージョン1.0.0にもなりましたので、Eleventyの紹介も兼ねて記事にしたいと思います。 ※Eleventyを使った環
ejsでextendっぽいことをする方法 - Qiita
最近よく使っているテンプレートエンジンのejs、気に入っているんですが、 extendがつかえないというところがちょっと不満でした。 これをなんとかする方法を見つけたので、紹介します。 テンプレートのextend まず、extendというのがどういうことか。 例えば別のテンプレートエンジン・jadeでは、 ヘッダーとフッターは共通で 中身のコンテンツだけ書く ただし、jsライブラリもひとつ追加で入れたい というとき、以下のように書けます。
EJS -- Embedded JavaScript templates
What is EJS? What is the "E" for? "Embedded?" Could be. How about "Effective," "Elegant," or just "Easy"? EJS is a simple templating language that lets you generate HTML markup with plain JavaScript. No religiousness about how to organize things. No reinvention of iteration and control-flow. It's just plain JavaScript. Use plain JavaScript We love JavaScript. It's a totally friendly language. All
EJSを使って スクリプトなどをヒアドキュメントっぽくextends する
この記事は Node.js Advent Calendar 2013 20日目の記事です。 概要 Node.js というか express で使っているテンプレート ejs でのお話です。 expressで実装していて、この書き方で良いのかなという疑問があるので今回書いてみました。 Node.jsの フレームワーク、express ではデフォルトでテンプレートエンジン Jade を使用しますが、オプションで EJS を使用することも出来ます。 以下、EJSでの利用フロー。 EJS を使う上で共通部分を一括管理したいので express-locals をインストールし、app.js で反映させます。 npm install ejs-locals --save この ejs-localsで Viewの 共通レイアウトを layout.ejs として メインレイアウト index.ejs を表示
テンプレートエンジンEJSで使える便利な構文まとめ - Qiita
※gulp-ejsでのビルドを想定しています。 EJSでできること 数や文字列や配列やオブジェクトの宣言と処理(JavaScriptと同じ) HTMLへの値の展開 ループと条件分岐 外部ファイルの読み込みとパラメータの引き渡し <% %>の種類 <% %> このタグの内側はJavaScriptワールドになる。HTMLとしては出力されない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - soarez/express-ejs-layouts: Layout support for ejs in express.
block support for ejs by huxia · Pull Request #251 · mde/ejs
express-ejs-extend