There are a number of advantages provided by implementing templates in JavaScript with the Dust template rendering solution. They include: Dust templates are compiled to JavaScript for speed of execution Since JavaScript is cacheable, Dust templates can be sent to a browser once and reused which is not the case with server-side generated JSP pages In addition to being cacheable, the Dust templates
Dust does {#features}{name}{@sep}, {/sep}{/features}! { features: [ {name: "async"}, {name: "helpers"}, {name: "filters"}, {name: "a little bit of logic"}, {name: "and more"} ] } What is Dust? Dust is a Javascript templating engine. It inherits its look from the ctemplate family of languages, and is designed to run asynchronously on both the server and the browser. Why Dust? This overview won’t te
国内生産のBTO（Build To Order）パソコンメーカー、マウスコンピューターの公式通販サイトへようこそ。
クライアントサイドのテンプレートエンジンはjQueryのものが有名ですが、 今回はUnderscore.jsに備わっているミニマムなテンプレートエンジンの使い方を紹介します。 Underscore.jsは、クライアントMVCの代表格の1つであるBackbone.jsで採用されている便利ライブラリです。 (ちなみに両ライブラリの作者はCoffeeScriptを開発しているbraddunbarだったりします。) この記事はUnderscore.js ver1.4.3を元に記載しています。 テンプレートの構文 Underscore.jsのテンプレートの区切り文字(delimiter)はデフォルトではERB-styleです。 区切り文字を変更するには、_.templateSettingsというオブジェクトの各プロパティ(evaluate, interpolate, escape)を変更することで可
Module Purposes§ 1 The Web Today§ 2 CommonJS§ 3 AMD§ 4 Module Definition§ 5 Named Modules§ 6 Sugar§ 7 CommonJS Compatibility§ 8 AMD Used Today§ 9 What You Can Do§ 10 This page talks about the design forces and use of the Asynchronous Module Definition (AMD) API for JavaScript modules, the module API supported by RequireJS. There is a different page that talks about general approach to modules on t
Getting CommonJS There are several implementations of the CommonJS standard, and you can choose the one that fits what you're trying to do. // Formatting has been cleaned up around the site and on the Modules 1.0 page. // This website has been replaced with a new one backed by the wiki so it can be edited by the whole commonjs community. // We are no longer using the bulk 0.1 and 0.5 specification
Welcome to CommonJS, a group with a goal of building up the JavaScript ecosystem for web servers, desktop and command line apps and in the browser. This wiki is a starting point for collecting up ideas, any draft API suggestions for the CommonJS group. Discussions occur on that mailing list and on IRC (#commonjs on freenode). Meta Introduction FAQ Process Target Platforms Coding Standards Current
Usage§§ 1-1.3 Load JavaScript Files§ 1.1 data-main Entry Point§ 1.2 Define a Module§ 1.3 Simple Name/Value Pairs§ 1.3.1 Definition Functions§ 1.3.2 Definition Functions with Dependencies§ 1.3.3 Define a Module as a Function§ 1.3.4 Define a Module with Simplified CommonJS Wrapper§ 1.3.5 Define a Module with a name§ 1.3.6 Other Module Notes§ 1.3.7 Circular Dependencies§ 1.3.8 Specify a JSONP Service
【JavaScript】Backbone.jsとUnderscore.jsのtemplateメモ 12月 5, 2012 admin JST 第4回 JavaScriptTemplates（JST）入門！ 概要 JavaScript用テンプレートエンジン「JavaScript Templates（JST）」 TrimPathというJavaScript用フレームワークの中で使用されているテンプレートエンジン デメリット ・SEO的にどうなのか。 ・JSオフすると微妙だよね ・テンプレートエンジンだから重い？ 例 試しに適当なものを作成しました。 <!-- window.onload = function(){ var contents = document.getElementById('contents'); var temp = contents.innerHTML; var data
ここ最近クライアントサイドで使えるJavaScript製のテンプレートエンジンを調べてました。業務で必要だったんで、調査してたんだけど、ここら辺有名所から、無名のまでかなりの数があるんですな…。という事で、忘れない内にメモ。 ただし、この中で実際に試してみたのは、ejsとPUREだけだったりする。感想はサイトの説明を見てのもので、そっから業務にあったのをピックアップしたらこの2つになった次第。感想とか書いてるけど、ちょっと適当。 jstparser.js Mark Gregory Turansky » Better JavaScript Templates 更新されてるのか不明 jsRender&jsViews JsRender: Demos jQuery templateプラグインがこちらに切り変わる模様 jQuery Smarty balupton/jquery-smarty · Gi
Closure Compiler は、JavaScript をコンパイルするコンパクトな高性能コードです。コンパイラは、デッドコードを削除し、残ったものを書き換えて最小化するため、ダウンロードと実行が高速になります。また、構文、変数の参照、型をチェックして、よくある JavaScript の問題に関する警告を表示します。これらのチェックと最適化により、バグが少なく、メンテナンスが容易なアプリを作成できます。
Beautifully DRY, well-indented, clear markup: templating haiku. Download Haml Latest: 6.3.0 - What's New? .erb <section class="container"> <h1><%= post.title %></h1> <h2><%= post.subtitle %></h2> <div class="content"> <%= post.content %> </div> </section> What is it? Haml (HTML abstraction markup language) is based on one primary principle: markup should be beautiful. It’s not just beauty for beau
Blog New Fork Share Full Screen Result Embed on your webpage (blogs, articles, etc.) | | Login Jade is a cool, high-performance (and probably the most used) templating engine for Node.js (Server Side Javascript). It has been influenced by HAML. In this lesson we're going to cover the following features of Jade: Texts inside HTML tags Comments IDs and Classes Attributes Nesting of HTML code Using V
2. The compiled template registers itself by name: When you're done messing around have a look at the guide. Dust is a JavaScript templating engine designed to provide a clean separation between presentation and logic without sacrificing ease of use. It is particularly well-suited for asynchronous and streaming applications. Syntax Dust templates use two types of tags: keys and sections. Keys refe
とりあえず テンプレート継承がほしい（layout使いづらい） カスタムフィルター定義したい 渡してない変数はundefindeとかnullとかでうまい具体に処理してほしい（エラーにしないでほしい） とか。layoutはejsというよりexpressの機能だけど。そもそもlayoutとかpartialの機能はWAFに持つよりテンプレートエンジンの機能として提供されるべきな気もする。 ここ見るとテンプレートエンジンが乱立してるのはわかる。けど全部見て試すのはつらい。 https://github.com/joyent/node/wiki/modules#wiki-templating ejs自体は好きなのでforkして拡張してもいいかもと思ったり。
どうも、こんにちは。hirokiです。前回は、HTML::Template::ProのJavaScript実装を紹介させていただきました。今回はその実装部においてのちょっとした工夫についてと、Webフロントエンドのパフォーマンスチューニングについて簡単にまとめさせていただきます。 正規表現の話 通常、テキストベースのDSL評価系を作成する際にはyacc/lexなどで文法記述を行うのが定石なんですが、 シンプルな文法であること 構文木の評価からコードジェネレートに方向性を転換した テキストマッチングの回数や高速化のための制御がしやすい などの理由から、HTML Template(JavaScript)では正規表現ベースの文法解釈を行っています。（ HTML::Template::Proのyacc文法ファイルをそのまま使えば記述は楽だったのですが...）以下に実際に利用している正規表現を示しま
はじめましてhirokiです。こんにちは。新卒で弊社に入って一年が経過しようとしているので、そろそろエンジニアブロガーの仲間入りをしてみようかと思っています。 今回はJavaScriptのお話です。ハードボイルドなバックエンド側技術のご紹介が多い当ブログですが、スイーツ（笑）なフロントエンド技術もおもしろいんだよ！ということをアピってやろうという魂胆です＞＜。 HTML.Template(JavaScript) 弊社では、サーバサイドによるHTMLの出力テンプレートエンジンにCPANモジュールであるHTML::Template::Proを使用しています。今回はそのJavaScript実装をオープンソースとして開発しましたので、紹介をさせていただきます。 HTML::Templateは貧弱で、冗長で、洗練されていないシンタックスでお馴染みのテンプレートエンジンですが、高速で必要以上のロジック
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
西部劇を代表する名作シェーン。 少年が「シェーン、カムバック！」と叫ぶラストシーンが有名だが、「すでにこのときシェーンは死んでいるのではないか」という説があるのだ。 続きを読む スタローンがベトナム帰還兵を演じた映画「ランボー 最後の戦場」 リアリティーあるアクションシーンが見ものだが… 続きを読む キアヌ・リーブスはお忍びで日本に来るほどの日本好き。 その理由は２つある。 続きを読む ジャッキー・チェン映画ラストのお決まり、ＮＧ集。 実はＮＧのなかには、自作自演のものも結構含まれているのだ。 続きを読む 映画「オズの魔法使い」（１９３９年）でドロシー役を主演したジュディ・ガーランド（当時１３歳）は、覚せい剤アンフェタミンを服用していたという。 続きを読む 映画「ベン・ハー」には腕時計をしてる登場人物がうつっている。 続きを読む 映画「酔拳2」にはカットされてしまった真のエンディングがある
断酒会（だんしゅかい）は、酒害（アルコール依存症、問題飲酒）から回復し、自力更生するための、相互援助団体（支援団体,自助グループ）である。 断酒会では酒害の回復のために、例会を行う。会員は氏名を明らかにし、各断酒会に所属する。一般に、例会場の使用費など会の運営費用をまかなうため、会費が徴収される。会費の徴収、氏名の公表はアルコホーリクス・アノニマスとの違いである[1]。 各地域それぞれの断酒会は独立した組織である。断酒会は日本各地にあり、例会はさまざまな場所で毎日行われている[2]。それら統括組織として公益社団法人全日本断酒連盟があるが、加盟は任意である。 吾妻ひでおが1999年のアルコール病棟入院中に抱いた感想によると、家族持ちに適した団体のようである[3]。 1958年に高知市で松村春繁と下司孝麿が中心となって、アメリカのAA（アルコホーリクス・アノニマス）を参考に「高知県断酒新生会」
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "アルコホーリクス・アノニマス" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2017年3月) ロゴ アルコホーリクス・アノニマス（Alcoholics Anonymous）は、1935年にアメリカ合衆国でビル・ウィルソン（ビル・W）とボブ・スミス（ボブ・S、Dr. ボブ）の出会いから始まり、世界に広がった飲酒問題を解決したいと願う相互援助（自助グループ）の集まりで、直訳すると「匿名のアルコール依存症者たち」の意味である[1]。略して AA と呼ばれる。 AAはどのような宗教、宗派、政党、組織、団体にも縛られていない。 始まりの発端は
Kwalify News (2010-07-18) 0.7.2 released (for Ruby) (2008-01-27) 0.7.1 released (for Ruby) (2008-01-27) 0.7.0 released (for Ruby) (2006-05-30) 0.6.0 released (for Ruby) (2005-12-20) 0.5.1 released (for Ruby and Java). (2005-12-17) 0.5.0 released. (2005-12-17) Kwalify for Java released. Introduction Kwalify is a parser, schema validator, and data binding tool for YAML and JSON. YAML and JSON are si
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
インタフェースデザインの実践的な解説書。使いやすいUIで優れたUXを提供するために必須な「リサーチ」「デザイン」「インプリメンテーション」という3つのフェーズを、初心者にもわかるようていねいに解説します。テクニックの章では、ストーリーボードやペーパープロトタイピング、ユーザビリティテストなど、優れたユーザビリティを実現するためのアプローチについて学びます。アイデアの章では、テキストの書き方、どのくらいリアルなデザインであるべきか、アニメーションを使うタイミングなどについて学びます。調査・設計・実装・検証・改善というワークフローに沿ってデザインすれば、ユーザビリティは驚くほど向上します。 翻訳者によるサポートページ。 サンプルPDF ● 「前付、1章と8章（I部）、23章（II部）、33章（III部）」（38MB） 賞賛の声 はじめに I部 リサーチ 1章 ユーザーリサーチ 2章 ジョブシャ
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
A modular CSS framework for truly flexible, accessible and responsive websites Features Bulletproof flexible grid system Flexible forms toolkit with theme-support Focussed on web standards & accessibility Optimized typography for all standard elements Matched building blocks for rapid prototyping Namespacing avoids conflicts with third-party CSS Well prepared for HTML5 and CSS3 Very slim framework
Chrome Inspector State: Tweet By Adam Schwartz
သင်မရပ်တန့်သောဖျော်ဖြေမှုနှင့်အဆုံးမဲ့စိတ်လှုပ်ရှားခြင်းနှင့်ပြည့်စုံ jdn77 သောစိတ်လှုပ်ရှားစရာခရီးကိုစတင်ရန်အဆင်သင့်ဖြစ်နေပြီလား။ မမေ့နိုင်သောအတွေ့အကြုံများကိုမမေ့နိုင်သောအတွေ့အကြုံများကိုအာမခံထားသည့်ကိုမကြည့်ပါနှင့်။ ကျယ်ပြန့်သောစိတ်လှုပ်ရှားဖွယ်ကောင်းသောဂိမ်းများကိုကျယ်ကျယ်ပြန့်ပြန့်ကစားနိုင်သည့်ဂိမ်းများ, สล็อต pg เว็บตรง ไม่ผ่านเอเย่นต์ သင်သည်သင်၏ကံကောင်းခြင်းကိုကြိုးစားရှာဖွေရန်ရှာဖွေနေသည်ဖြ
2013年04月02日00:00 【閲覧注意】日本で起きた忘れ去られかけてる大事件を教えて下さい 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2013/03/31(日) 14:04:11.11 ID:dWOMucbl0 警察庁長官狙撃事件とか連続企業爆破事件みたいな、 日本中で大騒ぎになった過去の大事件が知りたいです もちろん宮崎勤や津山三十人殺しみたいな シリアルキラーの起こした事件でもいいですが、 極左暴力集団とか公安警察のような 陰謀論っぽいものに特に興味があります 5 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2013/03/31(日) 14:04:51.63 ID:WTysZb1G0 全共闘関連 覚えてる奴いんのか http://ja.wikipedia.org/wiki/あさま山荘事件 日本の新左翼組織連合
前回の更新からだいぶ間が開いてしまいましたがこのシリーズはまだ終わりません！今回はTwitter BootstrapにjQuery Pluginとして実装されているScrollSpyを真似して作ってみたいと思います。 ちょっと解説が長くなってしまったので前後編に分けてご紹介します。 後半はこちら >> Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】後編 デザイン 4つの文章に対しそれぞれナビゲーションが存在し、文章のエリアをスクロールして閲覧している文章に対応するナビゲーションがアクティブ表示になるというものです。 このUIのhtmlは以下のようにコーディングしました <div id="ui-scroll-spy"> <div class="scroll-spy-nav navbar"> <div class="navbar-inner"> <div class="
ついに発売になりました！ 前作の「高坂桐乃 ○○なわけがない ver.」の出来が素晴らしかったのでめちゃめちゃ期待して待っていました^^ 確かこの黒猫を初めて見たのは「ワンダーフェスティバル2012夏」で、彩色されたものが「コトブキヤホビー展示会 Autumn」だったと思います。 原型の時は普通の印象だったのですが、彩色されたものを見てあまりの女子力に我を見失いそうになりましたよ・・・！ まあそんな思い出話なんかどうでもいいですよね！ 写真をどうぞ！
JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理したいことがよくあるのですが、グループ化の使い方を忘れてネットで検索してもなかなかヒットしないので、備忘録で残しておきます（他に適切な方法があるようでしたらすいません）。 １．特定の文字列を抜き出す まず基本として、特定の固定文字列を抜き出すには、match関数で次のように記述します。 var foo = 'abcdefg'; var bar = foo.match(/abc/); これは変数fooに「abc」という文字が含まれていれば、変数barに abc が設定されます。 変数fooに「abc」という文字が含まれていない場合、変数barにnullが設定されます。 この使い方は、検索したい文字列があらかじめ決まっていて、上記のような代入文ではなく、判
現代ビジネス×代官山 蔦屋書店 コラボ企画第1弾 馬場康夫(ホイチョイ･プロダクションズ)トークライブ【前編】 「電通マンから学んだ『戦略おべっか』の真髄」 聞き手:松嶋あすか(フリーキャスター) 松嶋: 本を書かれたのはずいぶん久しぶりですが、これだけ時間が空いたのは何か事情があるんですか? 馬場: 久しぶりと言えば久しぶりですが、いちばん最初に本を出したのが1983年の『見栄講座 ―ミーハーのための戦略と展開―』。それから、『気まぐれコンセプト』『OTV』『極楽スキー』と3年間に4冊くらい一気に出して、その次に本を出したのは『東京いい店やれる店』でした。これが1994年のことなので間に7年空いています。その本のあとで出したのは『気まぐれコンセプト クロニクル』で、これがその13年後の2007年のことです。それからまだ5年しか経っていないですから、あんまり時間が経っているような感じはしな
現代ビジネス×代官山 蔦屋書店 コラボ企画第1弾 馬場康夫(ホイチョイ･プロダクションズ)トークライブ【前編】 「電通マンから学んだ『戦略おべっか』の真髄」 僕がそういうことが大好きだということがわかってシンパシーを持って話してくださった。たとえば「ディズニーランドの水飲み場は、親子が向かい合って水が飲めるようになっていて、子供のほうに段差もつけてある、それは馬場さん、なんでだと思いますか?」と聞かれたんです。僕が思ったのは、迷子にならないようにということで、背中合わせだとどこかに行っちゃうかもしれないからずっと見ていられるようにだろう、と思って、「それは子供を見失わないようにするためじゃないですか」と言ったら、それは違うんだ、と。 堀さんが向こうのディズニーランドに呼ばれて教わった話だと、それはウォルト･ディズニー自身の指示なんだそうです。ディズニーランドの中にはペプシコーラも売っている
UML、最近はあまり名前を聞くこともなくなってきた感があります。 「UMLなんていらない」なんてスレもあったりして、どうにも廃れた物と見る向きもあるようです。 「UML」タグではてブの人気エントリを探しても、2005〜2007年ぐらいのものが目立つので、注目度という意味では流行ではないのは確かなのかなぁとは思います。 が、このところ有用性を改めて実感することが多いので「UMLいいよ」というエントリを書きます。 上記のスレは賛否両論併せてなかなかいい具合に意見が出ていて面白いのですが、以下を抑えていれば認識としてはいいのではないかと思います。 UMLは設計の技法ではない 頭の中を整理するため、あるいは人と共有する際の表現技法である 弊社では、新しく入社したメンバーにプロダクトの設計を共有したり、新機能の開発をする際の社内レビューなどの際に、シーケンス図っぽいものやクラス図っぽいものを使うこと
JavascriptライブラリUnderscore.jsがすごい便利。 すごい便利なのにもかかわらず、あんまり日本語の情報がなかったので、公式のドキュメントをスピリチュアル抄訳してみた。 http://documentcloud.github.com/underscore/ Collection Functions each _.each(list, iterator, [context]) listの要素をイテレートする。すべての要素はiterator関数にyieldされる。iteratorには(element, index, list)の3つの引数が渡される。もしlistがJavascript Objectだった場合は(value, key, list)になる。 _.each([1, 2, 3], function(num){ alert(num); }); => alerts eac
今回は、自炊した漫画などをGoogle Driveに保存、クラウド化してストリーミングしながら読むことができるアプリ、JisuiDroidの設定方法と使い方を紹介します。 JisuiDroidの特徴 JisuiDroidを使う大きなメリットは、Android端末の内部ストレージやSDカードではなく、Googleのクラウドサービス「Google Drive」にアップロードした自炊した漫画などをストリーミングしながら読むことができる点です。 Perfect Viewerなどを使う場合、クラウド上の自炊漫画を読むことができなくはないですが、Android端末へのダウンロードが完了した後でなければ読むことができません。 対してJisuiDroidでは、Google Driveというクラウド上の自炊漫画をAndroid端末の内部ストレージやSDカードに保存しているのと同じ感覚で、タップしたらすぐに漫
こんにちは。博報堂若者生活研究室の原田曜平です。今回はチームラボ代表として、様々なウェブサービスをクリエイトしている猪子寿之さんと若者について対談させていただきました。 いのこ・としゆき。チームラボ（URL：http://www.team-lab.net/、facebook：http://www.facebook.com/TEAMLAB.inc、twitter：＠teamlab_news）代表。1977年生まれ、徳島市出身。2001年東京大学工学部計数工学科卒業と同時にチームラボ創業。大学では確率・統計モデルを、大学院では自然言語処理とアートを研究。チームラボは、プログラマ・エンジニア（プログラマ、UIエンジニア、DBエンジニア、ネットワークエンジニア、ロボットエンジニア、コンピュータビジョンエンジニア、ソフトウェアアーキテクト）、数学者、建築家、CGアニメーター、Webデザイナー、グラフ
In software engineering, a software design pattern or design pattern is a general, reusable solution to a commonly occurring problem in many contexts in software design.[1] A design pattern is not a rigid structure that can be transplanted directly into source code. Rather, it is a description or a template for solving a particular type of problem that can be deployed in many different situations.
A (software) design pattern is a general solution to a common problem in software design. It is a description or template for how to solve a problem, that can be used in different situations. A design pattern typically shows relationship and interaction between classes or objects, without specifying final application classes or objects that are involved. Patterns identify and specify abstractions
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
