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

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

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

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

やわらかVue.js - Scrapbox

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

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

Life is beautiful: JavaScript HTMLテンプレートエンジン SNBinder 公開

2011/01/21 382 users SNBinder GitHub JSON snakajima

先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。 https://github.com/snakajima/SNBinder SNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData（JSON）を結合して HTML を生成するテンプレートエンジン」である。 ９０年の半ばから急速に広まったインター... 続きを読む

テンプレートエンジンのくせに最近の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 まさか日本語でこの内容を聞けるコン... 続きを読む

テンプレートエンジンで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-... 続きを読む

Linuxのススメ - livedoor ディレクター Blog(ブログ)

2008/05/23 221 users livedoor Linux ディレクター Blog TEM

こんにちは、ライブドアでディレクターをしている河野です。 今回はディレクターという立場で、Linux のススメについて書きたいと思います。 ライブドアで使用しているサーバは、基本的に「LAMP」(Linux+Apache+MySQL+PerlorPHP)の構成です。そして、私の所属しているモバイルメディアグループでは、今までの経緯やモバイルの特徴から、HTML やテンプレートエンジンである Tem... 続きを読む

Google製のクライアントサイド、JavaScript製テンプレートエンジン「JsTemplate」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/01/04 209 users クライアントサイド MOONGIFT ITエンジニア かなり

Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 0 続きを読む

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

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

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

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

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

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

軽量でパワフルなデータバインディング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アクセッサを通じて値を書き換えることで、テンプレート展開後も値が同期する(!!!)。 一言で言う... 続きを読む

ITmedia エンタープライズ：特集：第3回 PHPを思うままに操れるようになる「MVC」と「Smarty」 (1/4)

2005/04/23 160 users Smarty MVC MVCモデル PHP 特集

特集 2004/02/19 23:50:00 更新 全3回「WebプログラミングPHP言語入門」 特集：第3回　PHPを思うままに操れるようになる「MVC」と「Smarty」 (1/4) 同特集では、PHPについて簡単な解説を行った。最終回となる今回は、MVCモデルを理解して効率のよい開発手法を学ぶとともに、大規模サイトでも利用されるSmartyというテンプレートエンジンを紹介しよう。 はじめに ... 続きを読む

Zopeジャンキー日記 :JavaScriptのテンプレートエンジン 「Ajax Pages」

2005/09/24 158 users Zopeジャンキー日記 JavaScript

Ajax Demo Blog : Demonstration of an Ajaxian Blog http://ajax-pages.sourceforge.net/examples/blog/ ここにアクセスして、以下の操作をやってみてほしい。 1. 右下のAdminをクリック 2. admin / adminでログイン 3. 「New Post」ボタンを押す 4. タイトル、本文を書いて「P... 続きを読む

ウノウラボ Unoh Labs: Feedcreatorのご紹介

2007/06/06 153 users ウノウラボ SourceForge.net Smarty

yamaokaです。 PHPでRSSフィードを出力する場合、 皆さんはどうされているでしょうか。 Smartyなどの テンプレートエンジンを利用して自前で組み立てるのもいいですが、 RSSフィード生成用のライブラリを使うと便利です。 Feedcreatorは、 SourceForge.netで 開発されているPHPのRSSフィード生成ライブラリです。 FeedCreator.class.phpを ... 続きを読む

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（ウッ頭が… ・ライブラリ管理：秘伝... 続きを読む

素のPHPをテンプレートエンジンとして使うときのコーディング規約 - 泥のように

2011/10/01 144 users PEAR Zend PHP コーディング規約 たくさん

プログラムとしてPHPを書くときのコーディング規約は、PEARやZendなど代表的なものがたくさんありますが、テンプレートエンジンとしてPHPを使う場合のコーディング規約にはそのまま適用しにくいものです。 検索してもテンプレートエンジンのコーディング規約ってあまり見つからなかったので、個人的に採用しているものを晒してみます。あんまり語る人を見たことがないので、「俺はこうしてるよ」とか「ここキモくね... 続きを読む

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 左側で色とか... 続きを読む

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 を使って書きます。 で、新規で何か書き始める時に、それっぽいディレクトリ構成を... 続きを読む

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にも知見を還元 した... 続きを読む

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

2015/04/18 82 users Qiita React

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

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

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

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

テンプレートエンジン不要？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について、概要とサンプ... 続きを読む

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

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

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