Pug を HTML に移行して .vue ファイル の template タグ内に ESLint を効かせた話 - SMARTCAMP Engineer Blog
こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの中川です。 上記プロダクトのフロントエンドは Vue.js を用いて開発しているのですが、 その中で SFC 内のtemplateタグで使用していた Pug をやめて HTML に移行した件をこの記事ではお話しようと思います。 また、実際にtemplateタグに ESLint を効かせてみて発覚したエラーや警告のなかで数が多かったものや、これから Vue 3 に移行していく上で対応する必要があったルールを紹介します。 背景 eslint-plugin-vue が効かない チームに Pug 推進派がいない Pug を HTML に移行するには Vue 3 に準拠した Lint ルールを導入する Lint を実行してみる 対応した目ぼしいルール vue-require-v-for-key vue/val
How to use templates in Vanilla JavaScript
Over the last few years, Vanilla JS (aka. plain old JavaScript) has quickly turned into one of the most popular front-end languages. A large number of frameworks and libraries are built on JavaScript. There is one important technique that remains constant, irrespective of which framework/library you use - putting JavaScript directly into HTML. This technique is also called “Templating”. Why to put
Big Sky :: golang の html/template でレイアウトを扱う方法
golang の html/template について書かれたブログ等を色々見ていると、みんなレイアウトとコンテンツの分離に苦労している感があったのでどうやるか書いておきます。 t.ExecuteTemplate(w, "content", data) Go の html/template はテンプレートの名称を指定して ExecuteTemplate を実行します。しかし html/template には、その content を囲う layout テンプレートを指定する方法がありません。特に以下の様に ParseGlob を使った場合、各 html で同じ content という名前で define する事は出来ません。 template.ParseGlob("public/views/*.html") やりたいのは layout というテンプレートの中から content という名称
Railsのジェネレータを自作する - There's an echo in my head
よく忘れるので。細かい話は他の記事にお任せして、テンプレートからファイルを作れるところまで。 0. こんなのを作りたいとかんがえる 抽象クラスFigureのサブクラスをapp/modelsに作るようなジェネレータがほしい。 クラス名は引数で指定したい こんな感じで使うイメージ: $ rails g figure triangle --color blue 1. ジェネレータをジェネレートする $ rails g generator figure これでlib/generators/figure以下に USAGE : 使い方を記述するテキストファイル figure_generator.rb : 生成処理を実装するファイル templates/ : テンプレートファイルを置くディレクトリ が作られる。 2. 作り方を記述する USAGEファイルに0.のようなことを記述する。 3. 生成処理を記
大体いい感じになるパワーポイント用テンプレート「Azusa 2号」を作りました。
※ こちらのテンプレートのバージョンアップ版を作りました大体いい感じになるパワーポイント用テンプレート「Azusa 2号」のワイド対応版「Azusa 2号W」を作りました 横田です。パワーポイントは苦手です。 いつもプレゼンの資料はパワーポイントで作成しているのですが、どうもテンプレートを作成がうまくいかず、毎回同じようなテンプレートを使っていました。通常のプレゼンであれば、いつものテンプレートでも良いのですが、ライトニングトークなどの場合はいつも使っているテンプレートではなく、もうすこしスッキリしたテンプレートが欲しいと思っておりました。 そんな時に見つけたのが、佐野章核さんが制作された「大体いい感じになるKeynoteテンプレート「Azusa」」、よくこのテンプレートを利用してライトニングトークをしている人を見かけたので、私も利用してみたいと思っておりました。 ※Azusaと佐野さんに
第46夜 JAX-RSをWebアプリのフロントエンドとして利用する その３ - しんさんの出張所 はてなブログ編
第43夜、第45夜の続き。 前回でJAX-RSからサーブレットAPIは消えた。 しかしテンプレートがJSPではサーブレットAPIが残ったままだ。 43回でチラッとだけ書いた（「今回は」JSP）が、テンプレートを自由に設定できるのがJersey(JAX-RS参照実装)の強みだ。 ためしにVelocityを使ってみよう。 テンプレート。index.vmという名前にしてある。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <h1>${it.a} + ${it.b} = ${it.c}</h1> </body> </html> JAX-RSのソースは一切変更なし。 @Path("calc") public class C
超使えそうな新しめでフリーのHTML/CSSデザインテンプレート集:phpspot開発日誌
10 Best Free HTML And CSS Website Templats Of June 2011 超使えそうな新しめでフリーのHTML/CSSデザインテンプレート集がまとまっていました。 種類は色々でコーポレートサイトやキャンペーンサイト等色々使うことができそうです。 ちょこっと変えることで開発者さんでも比較的容易かつ高速にプロモサイトが作れますね 関連エントリ 34のフリーで綺麗なXHTML/CSSテンプレート ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０ 綺麗にデザインされたフリーのHTML/CSSテンプレート１０ フリーの(X)HTML/CSSテンプレート５０ クールなデザイン満載のXHTML/CSSテンプレート４０種
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - tmrts/boilr: :zap: boilerplate template manager that generates files or directories from template repositories
GitHub - yuya-matsushima/slim: Slim is a template language whose goal is reduce the syntax to the essential parts without becoming cryptic.
テンプレートエンジンの話 #jjug
新着記事