Category: Web Component

Web ComponentsのCustom Elements v1を作ってみる

やるやる詐欺してたので、ようやく触りました。参考：https://developers.google.com/web/fundamentals/web-components/customelements ファイル構成 […]

Published at: 2018/01/31

PolymerとGoogleWebComponentsを使えばJavaScriptをほとんど書かずとも、GoogleMapが使えるのです。なんでPolymer0.5なの？その時に書いた記事がそのまま残っててもったいな […]

Published at: 2015/04/18

最近事あるごとにWebComponents、というかPolymerの宣伝をしているわけですが、またLTでプッシュしてきました。当日のスライド [感想？] 補足 Yeomanで立ち上げるための一式 HTMLのインポートを […]

Published at: 2015/04/11

WP-APIのJSONはHTMLタグがエンコードされた状態になっています。そのためデコードしないとHTMLタグとして認識されず、タグがそのまま出てくる状態となります。こんな感じということでPolymerでHTMLタ […]

Published at: 2015/03/25

兼ねてから定期的に「JSON-LD」と「WebComponents」を勝手にプッシュしてたわけですが、ついにGoogleからのレコメンドがやってきました。 Google ウェブマスター向け公式ブログ: Web Compo […]

Published at: 2015/03/22

PolymerのコンポーネントなどなどをまとめてDLできて便利なYeomanさんなんですが、未だにバージョン0.4のものを使っていたのでbowerで更新してみました。

Published at: 2015/03/02

PCでサイドバーを表示、スマートフォンではトグルボタンで表示非表示を切り替えれるようなパネルを仕込んでみました。 Googleのスマホアプリでよく見るドロワーパネルが簡単に追加できます。 Polymerでは「core-d […]

Published at: 2015/02/23

Polymerのcore-image要素を利用することで、CSSを触らずにbackground-imageを利用できます。今回は簡単にその使い方を紹介します。 core-image要素を読み込むまずはcore-ima […]

Published at: 2015/02/02

通常のCSSではshadowDOM内の要素に対してmediaqueryが使えないらしく、core-media-queryをつかってレスポンシブ化させることになります。 core-media-queryを読み込む WebC […]

Published at: 2015/02/01

Polymer Advent Calendar 2014の3日目です。今回は「Layout attributes」を使ってフレキシブルな表示を実現させてみました。できたもの早速ですが、完成品はこちらになります。ク […]

Published at: 2014/12/24