ppprusk

[ppprusk]

sinatra-reloaderを使うとなんか衝突する

$ ruby app.rb c:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/specification.rb:1990:in `raise_if_conflicts': Unable to activate sinatra-contrib-1.3.2, because sinatra-1.4.2 conflicts with sinatra (~> 1.3.0) (Gem::LoadError)

あんまり解決方法がネットにころがってなくて結構困った。 結局 をsinatraのメインファイルに、

をGemfileに書き込んだらうまくいった。

[ppprusk]

自動バインディングテンプレート 以外でデータバインディングを利用するには、is属性に"auto-binding"を指定した要素でアプリをラップします。 ... Tips: is属性に"auto-binding"を指定した要素を用いると、{{}}を使ったバインディング、式、on-から始まるイベントハンドラをメインページの中で使用できるようになります。

WebComponents - 【翻訳】Web Componentsを用いたシングルページアプリケーション構築 - Qiita

[ppprusk]

Basic usage# core-list renders items based on a user-supplied array of data that may be arbitrarily large. Often this data comes from a back-end database that is retrieved via AJAX. Bind the array to the core-list using the required data attribute. When the array changes, the core-list updates. The data model section provides more information about the structure of the data. core-list fills its viewport with items, which display vertically by default. The template defines the DOM tree for each item. The following code uses a core-list to display names with a simple span element. This core-list is within an auto-binding template, but could be inside a Polymer element. {{model.name}} The script# The script for the auto-binding template generates the data model for core-list. var cl = document.querySelector('#my-core-list'); cl.data = [{name: 'Elizabeth'}, {name: 'Jane'}, {name: 'Kitty'}, ...]; The array, cl.data, is bound to the core-list’s data attribute. Here, cl.data is populated using a static array of maps, but could be the output of a database or an AJAX request.

Using core list - Polymer