You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Googleが開発するWeb ComponentsのライブラリPolymerのバージョン1.1が、2015年8月13日にリリースされました。本記事では、Polymer v1.1のAPIの主要なAPIを解説しつつ、その参考情報を紹介していきます。 また、この記事は「Web ComponentsのこれからーPolymer 0.8、X-Tag、Brick、Bosonic」を事前に読むと理解が深まりますが、これからPolymer v1.1を始めてみるということであれば、本記事単体でも参考にしてもらえればと思います。 Polymer v1.1までの変更点 v0.5からv0.8にかけての差分は前回の記事にて紹介しましたが、その1週間後にv0.9がリリースされ、さらに2週間後にv1.0がリリースされています。 0.8 released! – polymer blog 0.9 released! – po
runner-3.34.1.min.js:1 test-elem Ready! runner-3.34.1.min.js:1 list-elem Ready! runner-3.34.1.min.js:1 [dom-repeat::dom-repeat]: expected array for `items`, found {{otherThings}}e.(anonymous function) @ runner-3.34.1.min.js:1Polymer._itemsChanged @ polymer.html:3352Polymer.Base.extend._complexObserverEffect @ polymer.html:1282(anonymous function) @ polymer.html:1131Polymer.Bind._modelApi._effectEf
laco0416です。Polymer 1.0におけるShadow DOMとStyling、CSS Variablesの話をします。 Shadow DOM PolymerはWebComponentsの三本柱の1つ、Shadow DOMを用いることで、Custom Elements内外のDOMを隔離します。隔離されたCustom Elements内のDOMを Local DOM と呼びます。 Local DOMを生成するのにPolymerは2つの実装を使い分けることができます。基本的にはPolymerに含まれる Shady DOM というShadow DOM実装を使用しますが、ユーザーが明示的に指定することでブラウザにビルトインのShadow DOM実装を使ってLocal DOMを生成することができます。(将来的にはデフォルトがビルトイン実装の使用になる予定です) ビルトイン実装を使おうとして
雨の日は走らない自転車通勤 自転車通勤を検討しようと思っても「雨の日は走らない」を前提に考えると「果たして定期券よりも安いのだろうか?」と不安になる。 そこで、過去30年の降水履歴を考慮しつつ、自転車通勤 vs 通勤定期のコスト差を出してみることにした。 定期券の場合、通勤にかかるコストは定期券料金だけである (普通は6ヶ月分を一括で買うが、この場合半額ぐらいになる) 雨の日は電車通勤する自転車通勤の場合、晴れの日の駐輪場料金のほか、雨の日の往復電車賃がかかる。 計算 Polymer 使って書いてみた http://cho45.stfuawsc.com/BicycleCmmuteCost/ https://github.com/cho45/BicycleCmmuteCost 各値について 入力 定期代:定期代 期間:定期を買う期間 雨天時往復料金:雨が降って自転車通勤しないときの往復料金
Polymer 1.0 の勉強を始めてみようと思う。 最近触っていなかったから、ひとまず思い出すために古いバージョン(v0.5)のPolymerで書いたscrollHeaderPanelと、新バージョン(v1.0)のものを見比べてみた。 名称が変わっていた バージョンが変わっても、ほぼ同じ挙動をするelementだが、名称が変更になっていた。 ~ v0.5: core-scroll-header-panel v1.0 ~: paper-scroll-header-panel paper-グループに入っていた。 要素を使ってみる まずは、これまでのバージョンでの使用法。例として、miilClientのコードを参考に書くとこんな感じ。 <core-scroll-header-panel condenses> <core-toolbar class=tall> <img src="icon.pn
目次 今後この目次に徐々にPolymerの使い方に関するコンテンツを追加していく予定です。 デベロッパーガイド Polymerとは? インストールしてPolymerをはじめよう クイックツアー カスタムエレメントの登録とライフサイクル 宣言型プロパティ(Declared properties) DOMの基本とAPI スタイリング イベント データバインディング テンプレートエレメント Behaviors Polymer記事一覧 フレキシブルレイアウト Polymer Starter Kit プロジェクトを作成してみよう BrowsersyncでWEBサーバー環境を整える ベンダープレフィックスを意識せずに開発するための環境を整える Sassの環境を整える 画像ファイルの圧縮を自動化する プロジェクトのビルドを行う (開発環境構築まとめ) Polymer + TypeScript Polym
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今年のGoogle I/Oの目玉はなんといってもMaterial Designでしょう。 人によってはAndroidWearとかAutoとかTVとかCardboardとかまぁ色々意見が分かれると思います。一席打ちたいけどぐっと我慢。 去年、Google IO2013 Android関連セッションまとめという記事を書きました。 さて今年も行います僕が勤務するTOPGATE社によるGoogle IO報告セミナー(有料)! 開催日は7/7で、ギリギリまで参加申し込み受け付けてると思います多分。 このタイミングでIO報告セミナーやるために現地2
本日 Google 社で開催された Polymer コードラボ。 私はオンラインでの参加でした。 いろんな資料が出てきたので今後の勉強のためにもまとめ。 動画 こちらの Google+ ページで見られます。 ログイン - Google アカウント コードラボで使用した資料 アジェンダ https://docs.google.com/presentation/d/143UXkUDIOUrRtHrbEXGfUw0tomnXyIjHlX3R9abPQco/edit Polymer の基礎 by あんどうやすしさん(@technohippy) https://docs.google.com/presentation/d/1N5Oe8dspp71Bc2JLQ2BMcrN5KV0pdHixcV1m66GbQuA/edit コードラボ http://itshackademic.com/codelabs?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く