次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io

2023/01/07 167 users CSS jxck.io 仕様 web 次世代

Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に... 続きを読む

クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策

2019/08/09 54 users クライアントサイド サーバサイド autoscale 攻撃

autoscale: true クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策 - 3つのテンプレート - 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info アジェンダ テンプレートとは テンプレートの種類(レベル) テンプレートをコンパイルする場所と問題 信頼でき... 続きを読む

SpringBootでさくっとVue.jsを使う - pixiv inside

2018/12/10 62 users SpringBoot Thymeleaf Vue.js 仕事

こんにちは。@orekyuuです。Javaが大好きなエンジニアですが、入社してからはずっとRailsエンジニアをやっていました。最近はJDK11+SpringBootでサクッとWebアプリを立ち上げる仕事を始めたので、SpringBootの話を書いてみます。 今作っているアプリではThymeleafというテンプレートエンジンでレンダリングしています。... 続きを読む

やわらかVue.js - Scrapbox

2018/03/25 415 users Scrapbox Vue Vue.js フロントエンド 書籍

やわらかVue.jsについて / 迷わないVueの学び方 / イベント情報 / テンプレートエンジンとVueの組み合わせ方 / VueのCDN版を使おう / とにかく助けて欲しい！誰か教えて！ / 書籍 / フロントエンドを気楽に歩こう / 小規模以上のWebアプリ開発に使えるの？ / .vueファイルを使う前に習得したほうがいいこと / サーバサイ... 続きを読む

テンプレートエンジンのくせに最近のPHPはオブジェクト志向やらDIやらイキり始めた件 - Best effort JavaScript

2017/05/29 348 users インスピレーション PHP クセ イギ こん

2017 - 05 - 29 テンプレートエンジンのくせに最近のPHPはオブジェクト志向やらDIやらイキり始めた件 software architecture ※2017/05/29現在Repositoryの章までしか聞けていません。聞いている際に浮かんだインスピレーションが揮発しないよう永続化する為に書いた記事です。 php-genba.shin1x1.com まさか日本語でこの内容を聞けるコン... 続きを読む

Ruby コミッターになりました - k0kubun's blog

2017/05/15 96 users Ruby コミッター k0kubun's blog ERB

2017 - 05 - 15 Ruby コミッターになりました m_sekiさん と hsbtさんの推薦 で、ERBのメンテナとして Rubyのコミット権をいただきました 。 以下が初コミットです。 github.com 普段 テンプレート言語Hamlの高速化 や その更に高速な別実装Hamlitの実装 をやっていてテンプレートエンジンの高速化に知見があり、ちょこちょこ ERBにも知見を還元 した... 続きを読む

#RubyKaigi 2015 でテンプレートエンジンの高速化について話しました - k0kubun's blog

2015/12/11 66 users RubyKaigi eagletmt faml hamlit

2015 - 12 - 12 #RubyKaigi 2015 でテンプレートエンジンの高速化について話しました FamlとHamlitがなぜ高速かについて話しました RubyKaigi 2015 の1日目に、「High Performance Template Engine」というタイトルで発表しました。 @eagletmt さんが作った Faml と、僕が作った Hamlit がなぜオリジナルの... 続きを読む

AngularJSはWebサイトのテンプレートエンジンとしてだけ見てもなかなか使える - Deerest

2015/11/11 63 users CDN フレームワーク レンダリング AngularJS ヤラ

AngularJSは色々な事ができるし少し難しい印象もあるけど、基本的な機能だけ使っても便利だよーって話。 AngularJS（あんぎゅらーじぇいえす） Javascriptのフレームワーク。 MV*（Model-View-ほにゃらら）設計。 データバインディングできる。 GoogleにCDNあるからきっと流行ってる。 AngularJSを使う準備 AngularJSを読み込みます。 レンダリング... 続きを読む

テンプレートエンジン不要？JavaScriptで文字列処理を簡潔にするTemplate literal | HTML5Experts.jp

2015/10/19 71 users サンフ 連載 HTML5Experts.jp 標準 文字列処理

連載： ECMAScript 2015（ECMAScript 6）特集 (7)これまでのJavaScriptでは、複雑な文字列処理はテンプレートエンジンを使うことが一般的でした。しかしECMAScript 2015（ECMAScript 6）では、パワフルなTemplate literalが標準で利用できるようになりました。この新たに追加されたTemplate literalについて、概要とサンプ... 続きを読む

reiny - Reactに最適化したテンプレートエンジンを作り始めた - Qiita

2015/04/18 82 users Qiita React

Reiny, 名前の由来は、一昨日の木曜日に作り始めて、その日の雨が降ってたから。 最近react-jadeに不満を持ってて、自分はコンパイラというかプリプロセッサを作るノウハウはあるので、だったら自分で作ればいいじゃん、といった感じで作り始めた。(typed coffee を作り直すためのAST操作の勉強も兼ねてた) 何ができるか 今これが動いてる ` let i = () => {}; div... 続きを読む

JavaScript - React.js 実戦投入への道 - Qiita

2015/03/12 423 users React.js 実戦投入 道 - Qiita React

最近話題のReact.jsですが、実戦投入に当たっては結構重たい選択を迫られることになります。 ざっくり言えば、テンプレートエンジンを捨ててReactしますか?それともReactあきらめますか?という選択です。 本記事ではReactの基本思想とこうした選択肢が生まれてしまう背景を述べるとともに、後半では「どちらもあきらめない」という(若干中二病感のある)第三の方策について案を提示します。 Reac... 続きを読む

Rails4でJSONを作るならto_jsonよりjbuilder - しめ鯖日記 -ruby on railsやJavascript中心に色々書いています-

2015/03/08 129 users DHH DSL JSON しめ鯖日記 Rails4

2015-03-07 Rails4でJSONを作るならto_jsonよりjbuilder jbuilderを使いはじめたのでメモ jbuilderとは jsonのテンプレートエンジンです。 xxx.json.jbuilderファイルにDSLを記述するとJSONにして返してくれるという物。 ファイルに記述するので難しいjson形式を返す時とかは便利そうです。 DHHが作ったもので、Rails4からは... 続きを読む

sinatra ですぐにアプリケーションの実装に入れるようにするための準備 - Studio3104::BLOG.new

2014/11/03 97 users Sinatra Slim アプリケーション 実装 ビュー

2014-11-04 sinatra ですぐにアプリケーションの実装に入れるようにするための準備 背景 自分が仕事で書く WEB アプリケーションは多くの場合が小粒で、何か書く場合には sinatra を使っています。 さらにテンプレートエンジンは slim で、ビューが必要な場合は twitter bootstrap を使って書きます。 で、新規で何か書き始める時に、それっぽいディレクトリ構成を... 続きを読む

erbからSlimに、SCSS記法からSass記法に移行した理由 | nanapi TechBlog

2014/10/08 8500 users ERB IGNITION Rails Haml Slim

こんにちは、エンジニアの手塚です。 今回はRailsで開発しているIGNITIONで、SlimとSass記法へ移行した際の理由・方法・つまずいた点・所感を紹介します。 SlimとSass記法とは？ SlimとSass記法の簡単な説明・記述例を紹介します。 Slimとは 同じテンプレートエンジンのHamlから、更に記述量を削ったテンプレートエンジンです。速度もHamlより速くなっていると言われていま... 続きを読む

開発現場でちゃんと使えるRails 4入門（8）：RailsのテンプレートエンジンSlimの書き方とActionViewのヘルパーメソッド、レイアウトの使い方 (1/3) - ＠IT

2014/08/29 62 users Rails ヘルパーメソッド Slim レイアウト 開発現場

開発現場でちゃんと使えるRails 4入門（8）：RailsのテンプレートエンジンSlimの書き方とActionViewのヘルパーメソッド、レイアウトの使い方 (1/3) エンタープライズ領域での採用も増えてきたRuby on Railsを使ってWebアプリケーションを作るための入門連載。最新版の4に対応しています。今回は、Railsのテンプレートエンジン「Slim」の書き方やActionView... 続きを読む

PHP - 最新のプログラミング知識へのアップデート - Qiita

2014/04/30 179 users Qiita PHP フレームワーク ロジック プログラミング

自分が現役でプログラミングをやっていた時期はPHP4全盛期で、クラスも使わず、データベースもmysql_関数を直接使うような時代でした。もちろんテンプレートエンジンやフレームワークも使わず、HTMLにPHPのロジックを直書きです。JavaScriptもほとんど使っていなかったと思います。 それから数年プログラミングの世界から離れていて、つい最近舞い戻ってきたのですが、あまりにも技術が進歩していて、... 続きを読む

軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog

2014/02/13 166 users DOM mizchi's blog テンプレート 軽量 一言

2014-02-13 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた Vue.jsは軽量なMVVMライブラリ。 使ってみた感じ、かなり手触りがよいので、紹介する。 概要 handlebars風のテンプレートを書いて、DOMを展開する。普通のテンプレートエンジンと違い、$dataアクセッサを通じて値を書き換えることで、テンプレート展開後も値が同期する(!!!)。 一言で言う... 続きを読む

PHPのオレオレスタックの話 - uzullaがブログ

2014/01/02 144 users uzulla ヘルパ WAF Selenium PHP

2014-01-02 PHPのオレオレスタックの話 php ここ半年くらい、PHPのオレオレスタックを見直しています。 まあ、こういうのは本来日々見直していく物なんですけど、新年だし。 ちょっと前までは ・WAF：Limonade ・テンプレートエンジン：素PHP+Limonade＋オレオレヘルパ ・DBまわり：PDO＋オレオレORM ・テスト：Selenium（ウッ頭が… ・ライブラリ管理：秘伝... 続きを読む

テンプレートエンジンでJavaScriptを動的生成する際のアンチパターン - 金利0無利息キャッシング – キャッシングできます - subtech

2013/11/08 309 users JSON script Key subtech HTML

素のJSONをscriptタグ内に埋め込む 任意の文字列を突っ込める場合には {"key": "</script>"} でscriptタグを強制終了できてしまうからです。 JSONとしては正しいですがHTMLに埋め込む際には、それだけではダメなのです。文字列中に U+2028, U+2029が出現する場合もエラーになります。 http://timelessrepo.com/json-isnt-a-... 続きを読む

JavaScript MVCフレームワークの「Ember 1.0」正式リリース － Publickey

2013/09/01 139 users Publickey AngularJS Ember ビュー

JavaScript MVCフレームワークの1つとして知られる「Ember」が、長く続いたβ版の期間を終えて正式版の「Ember 1.0」として公開されました。 EmberはBackbone.jsやAngularJSなどとともにJavaScript用のMVCフレームワークとして知られています。特徴は、テンプレートエンジンのHandlebarsを利用して、データを変更すると動的にビューの部分、つまり... 続きを読む

Twitter Bootstrapのテーマをオンラインで作成出来るツール・Bootstrap magic - かちびと.net

2013/01/19 139 users Magic AngularJS OSS net オンライン

Twitter Bootstrapのテーマ作成 ツールです。OSSとしても公開さ れていますので、自分好みにカ スタマイズするのもありですね。 他にもこの手のツールはありま すけど、これはこれで使いやすい 印象でした。 Twitter Bootstrapのテーマ作成ツール。Google製のテンプレートエンジン、AngularJSを使用しているそうです。 Bootstrap magic 左側で色とか... 続きを読む

JSのMVCについて考えてみた ~ その2 テンプレートエンジンの分業とパフォーマンス - mizchi log

2012/11/29 79 users DOM MVC ダイアログ ゆえ 分業

MVC, js この前の続き。相変わらず思いつきでつらつら書いてて図とかまともなサンプルとかない。 JSのモデルには二種類ある フロントエンドである以上本質的にすべてビューだとも言える。 であるがゆえにあやふやにしないほうがいい。 ビューモデルUIの状態を示す属性。選択しているタブとか、開いているダイアログとか、そういうものの状態をDOMから読むのではなく、JSとして一度確定し、その結果をビューに... 続きを読む

YappoLogs: サービスをつぶさない為に Web アプリを書く時にやっとくと良い事2選

2012/11/26 70 users YappoLogs クエリ フェーズ web アプリケーション

サービスをつぶさない為に Web アプリを書く時にやっとくと良い事2選 テンプレートのエラーが出た時にアプリケーションのログだけに書くのでは無く、誰にでも「ここがえらってるよ！」って見えるようにしとくと間違いが少なくなる傾向があるのでテンプレートエンジンでフック出来るようになっておいてたら、それをうまく使うと良い。 また、テンプレートエンジンがレンダリングしてるフェーズで DB にクエリが飛ぶよう... 続きを読む

LESS/Sass+Compass/Stylusなどをコンパイルするアレコレ | A Memorandum

2012/11/20 52 users Stylus less GUI あれこれ 有償

知ってる限りでちょっとまとめておきました。LESSやSass+Compass、Stylusをコンパイルできる各種ツールです（それらのMixins集なんかは入れていません）。中には、HTMLのテンプレートエンジンなんかもあわせてコンパイルできるのも含まれています。何かのご参考になれば。 GUIでどうにかしたいあなたへ 1. CodeKit CodeKitは、有償のアプリケーションでOS Xでしか使え... 続きを読む

JavaScriptによるRFC6570 - URI Templateの実装 - とあるプログラマの日記 @s025236

2012/07/27 54 users プログラマ 実装 userid JavaScript 日記

javascriptJavaScriptで実装したのがdraftレベルのしか見つからなかったので作ってみました。 URI Templateって？簡単に言うとURIに特化したテンプレートエンジンです。 「http://www.example.com/users/{userid:1}/{userid}/」って書いといて「http://www.example.com/users/t/test/」って文字... 続きを読む