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

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

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

企業ページリプレイス ~OpenAPIの活用~ - PR TIMES 開発者ブログ

2021/11/01 5 users OpenApi Smarty React リプレイス 活用

こんにちは、21新卒エンジニアの柳です。 先日、PR TIMESの企業ページをSmartyというテンプレートエンジンからReactへリプレイスを行いました。その際にOpenAPIを社内のプロジェクトで初めて導入したので、OpenAPIのメリットや活用方法について書きたいと思います。 プロジェクトの背景 OpenAPIの説明に行く前に、企業ペ... 続きを読む

技術的負債の返済の足がかりにテンプレートのParserを作った話 - LIFULL Creators Blog

2020/09/25 13 users Parser Twig 足がかり サーバサイド symfony

プロダクトエンジニアリング部の中島です。 今回はフロントエンドのテンプレート部分についての負債やレガシーな機構に対する改善の取り組みについて紹介させていただきます。 背景 LIFULL社のメインサービスであるLIFULL HOME'SのメインリポジトリのサーバサイドはSymfony + Twig(※テンプレートエンジン)の構成を採用し... 続きを読む

このPHPがテンプレートエンジンのくせに慎重すぎる (前篇) - Qiita

2020/01/28 21 users 道具立て Qiita PHPer TypeScript PHP

この記事ではPackagistで公開可能な形式のPHPのライブラリ(Composerパッケージ)を公開するための道具立てを紹介します。あと、現代のPHPerはツールを組み合せてさくっと開発しているんだという自慢です。 タイトルは「この TypeScript が Hello, world! のくせに慎重すぎる」と 「この勇者が俺TUEEEくせに慎重すぎる」の... 続きを読む

[クライアントサイド〜サーバーサイド] テンプレートエンジンでのセキュリティ的な問題や考え方 | Web Scratch

2019/12/28 5 users クライアントサイド サーバサイド スライド 攻撃 スライド版

この記事は次のスライドの文字起こし的な内容です。 スライド: クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策 スライドの画像 + 喋った内容のNote的なものをそれぞれのページごとに書き込んでいます。 リンクとかはスライド版ならクリックできるので、そっちを見るといいの... 続きを読む

neue cc - .NET Core時代のT4によるC#のテキストテンプレート術

2019/12/05 11 users neue cc net Advent Calendar

C# Advent Calendar 2019用の記事となります。C# Advent Calendar 2019はその2もあって、そちらも埋まってるので大変めでたい。 さて、今回のテーマはT4で、この場合にやりたいのはソースコードジェネレートです。つまるところC#でC#を作る、ということをやりたい！そのためのツールがテンプレートエンジンです。.NETに... 続きを読む

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

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

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

サーバーサイドのみのテンプレートエンジンとしてのReact - yuhei blog

2019/01/15 41 users React サーバーサイド yuhei blog

最近の仕事ではJSがあんまりなくてページ数はそこそこあるみたいなサイトを作ってることが多い。作り方として、コンポーネントごとにPugのmixinとかNunjucksのmacroで抽象化してマークアップが壊れないようにしてるんだけど、これらだとコンポーネントを実装するための機能として微妙。具体的には、ノードを挿入できる箇... 続きを読む

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について、概要とサンプ... 続きを読む

Markdownで更新する軽量でシンプルなPHP製のCMS・「Sphido」 - かちびと.net

2015/09/25 16 users Markdown BSD CMS Engine OSS

Sphido Sphidoは軽量でシンプルなOSSのCMS。高速性とシンプル性を重視しているそうです。MarkdownやHTMLなどのフラットファイルでコンテンツを構築していく事が出来ます。セキュアで高速なテンプレートエンジン、Latte templating engineもサポートしているとの事。動作環境はApacheかnginxサーバー、PHPバージョンは5.4以上。ライセンスはBSDです。 ... 続きを読む

指定期間でDOMを出し分けてくれるangular-periodを公開しました - のらねこの気まま暮らし

2015/07/30 17 users DOM directive のらネコ AngularJS 応募

2015-07-31 指定期間でDOMを出し分けてくれるangular-periodを公開しました angular-periodとは AngularJS のDirectiveで、期間を指定するとその 期間前、期間中、期間後でDOMの表示を切り替えてるようにするものです。 例えば、なんかの応募とかで、以下の様なHTMLをテンプレートエンジンやJavaScriptなどを使って出し分けることがある時に便... 続きを読む

テンプレートエンジンを7倍高速化するまで - YAPC::Asia Tokyo 2015

2015/06/12 14 users YAPC Asia Tokyo 2015

Currently this talk is in PENDING state. If you would like to see this talk at the event, please consider using the social media buttons below to express your interest! Tweet 「Hamlit」はRuby製テンプレートエンジンH... 続きを読む

reiny v0.3.4時点の新機能 - Qiita

2015/04/20 8 users Qiita mizchi React パク バージョン

reiny - Reactに最適化したテンプレートエンジンを作り始めた - Qiitaで紹介したreiny、どんどんバージョンあげてて今0.3.4。 mizchi/reiny 発表時点からの細かい改良点は無限にあって列挙できない、というか元がバグりまくってたので、ひたすら直していた。 とはいえだいぶ動くようになったので、v0.3.4時点でのめぼしい機能を紹介したいと思う。コメントが怪しい以外はちゃ... 続きを読む

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... 続きを読む

タイアップページでのLiquidの利用について - クックパッド開発者ブログ

2015/03/13 27 users Liquid jekyll Shopify クックパッド 一種

2015-03-13 タイアップページでのLiquidの利用について こんにちは。広告事業部の鈴木です。 皆さんはLiquidと呼ばれるテンプレートエンジンをご存知でしょうか？ LiquidはShopifyのメンバーを中心として開発されているテンプレートエンジンの一種で、 最近ではJekyllに使われていることでも知られています。 クックパッドの広告事業部では、広告商品の一つであるタイアップページ... 続きを読む

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より速くなっていると言われていま... 続きを読む