Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Polymerを使った次世代Webアプリケーションの開発を体験しよう/phpstudy-2017-02
Search
Kenichiro Kishida
February 22, 2017
Technology
0
230
Polymerを使った次世代Webアプリケーションの開発を体験しよう/phpstudy-2017-02
PHP勉強会 2017年2月発表資料
Kenichiro Kishida
February 22, 2017
Tweet
Share
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
74
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
160
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
75
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
220
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
110
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
260
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.3k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
300
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
630
Other Decks in Technology
See All in Technology
楽しくGoを学び合う、LayerXの勉強会文化 / LayerX's study culture of having fun and learning Go together
ar_tama
2
350
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
750
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
910
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
さらに高品質・高速化を目指すAI時代のテスト設計支援と、めざす先 / AI Test Lab vol.1
shift_evolve
0
190
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
200
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
GitHub's CSS Performance
jonrohan
1026
450k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
325
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Unsuck your backbone
ammeep
666
57k
It's Worth the Effort
3n
181
27k
Code Review Best Practice
trishagee
58
16k
Transcript
1PMZNFSΛͬͨ ࣍ੈ8FCΞϓϦέʔγϣϯͷ ։ൃΛମݧ͠Α͏ QIQTUVEZCZ!TJ[VIJLP
,FOJDIJSP,JTIJEB 5PLZP +"1"/ TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ 2QN[OGTEQGFQ
େࣄͳ͜ͱ࠷ॳʹ
ͦ͏ͩ1PMZNFS͓͏ 1PMZNFS
1PMZNFS https://www.polymer-project.org
8):1PMZNFS w ͱʹ͔͘1PMZNFS͕͖ w ϑϩϯτΤϯυͷ%0.୯ҐճؼͷྲྀΕ w &YUFOTJCMF8FC.BOJGFTUPΛ࣮ݱ ͍ͤͨ͞ w 1SPHSFTTJWF8FC"QQTͷ࣌
K2VFSZqBTIҎલ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ )5.-$44 )5.-+4 αʔόʔαΠυϓϩάϥϛϯά
K2VFSZ'MBTIશظ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ )5.-$44 K2VFSZ 'MBTI )5.-K2VFSZ αʔόʔαΠυϓϩάϥϛϯά
K2VFSZ'MBTIҎ߱ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ )5.-$44 #BDLCPOF&NCFS3FBDU "OHVMBS αʔόʔαΠυϓϩάϥϛϯά
1PMZNFSҎ߱ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ )5.-$44 1PMZNFS αʔόʔαΠυ ϓϩάϥϛϯά
https://extensiblewebmanifesto.org/ ඪ४Խ৫Ͱ͋Δ8$ͱϒϥβϕϯμ͚ͩͰͳ͘ 8FC։ൃऀר͖ࠐΜͰ8FCͷະདྷΛ֦ு͍ͯ͜͠͏
https://developers.google.com/web/fundamentals/ getting-started/codelabs/your-first-pwapp/?hl=ja
w W w WW w WW w W w W
w W w W w W w W w W w W https://github.com/Polymer/polymer/releases 93 Releases!!
WebComponent ͬͯ·͔͢ʁ
8FC$PNQPOFOUT w4IBEPX%0. w$VTUPN&MFNFOUT w)5.-*NQPSUT w)5.-5FNQMBUFT https://github.com/w3c/webcomponents
w1PMZNFS w95BH w#040/*$ w4LBUF+4 w3FBDU+4 w"OHVMBS 8FC$PNQPOFOUT >8FC$PNQPOFOUTPSH
w8FC$PNQPOFOUT w%BUB#JOEJOH w#FIBWJPST w)FMQFST w.BUFSJBM%FTJHO w$-*5PPMT
https://www.webcomponents.org/collection/Polymer/elements
https://customelements.io/
https://codelabs.developers.google.com/?cat=Web
LIVE DEMO
ͦ͏ͩ1PMZNFS͓͏ 1PMZNFS
2QN[OGTEQGFQ 1PMNFSDPFEP w(PPHMF$PEFMBCTͷϋϯζΦϯ wNFFUVQ w-5େձ w044׆ಈʢΤϨϝϯτ࡞ͳͲʣ
WJTJUNZCMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp