Polymerを使った次世代Webアプリケーションの開発を体験しよう/phpstudy-2017-02

PHP勉強会 2017年2月発表資料

Transcript

1. 1PMZNFSΛ࢖ͬͨ
   ࣍ੈ୅8FCΞϓϦέʔγϣϯͷ ։ൃΛମݧ͠Α͏ QIQTUVEZ
   
   CZ
   !TJ[VIJLP
2. ,FOJDIJSP
   ,JTIJEB
   5PLZP
   +"1"/
   TJ[VIJLP!HNBJMDPN
   
   !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   2QN[OGTEQGFQ 
3. େࣄͳ͜ͱ͸࠷ॳʹ
4. ͦ͏ͩ
   1PMZNFS
   ࢖͓͏ 1PMZNFS
5. 1PMZNFS https://www.polymer-project.org
6. 8):
   1PMZNFS
   w ͱʹ͔͘1PMZNFS͕޷͖
   w ϑϩϯτΤϯυͷ%0.୯ҐճؼͷྲྀΕ
   w &YUFOTJCMF
   8FC
   .BOJGFTUP
   Λ࣮ݱ ͍ͤͨ͞
   w 1SPHSFTTJWF
   8FC
   "QQT
   ͷ࣌୅
7. K2VFSZqBTIҎલ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ
   )5.-$44 )5.-+4
   αʔόʔαΠυϓϩάϥϛϯά
8. K2VFSZ'MBTI
   શ੝ظ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ
   )5.-$44
   K2VFSZ
   'MBTI )5.-K2VFSZ
   αʔόʔαΠυϓϩάϥϛϯά
9. K2VFSZ'MBTIҎ߱ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ
   )5.-$44 #BDLCPOF&NCFS3FBDU "OHVMBS
   αʔόʔαΠυϓϩάϥϛϯά
10. 1PMZNFS
    Ҏ߱ ϑϩϯτΤϯυ αʔόʔαΠυ σβΠϯ
    )5.-$44
    1PMZNFS αʔόʔαΠυ
    ϓϩάϥϛϯά
11. https://extensiblewebmanifesto.org/ ඪ४Խ૊৫Ͱ͋Δ8$ͱϒϥ΢βϕϯμ͚ͩͰͳ͘
    8FC։ൃऀ΋ר͖ࠐΜͰ8FCͷະདྷΛ֦ு͍ͯ͜͠͏
12. https://developers.google.com/web/fundamentals/ getting-started/codelabs/your-first-pwapp/?hl=ja
13. w 
    W
    w 
    W
    
    
    
    
    W
    w 
    W
    
    
    
    
    W
    w 
    W
    w 
    W
    w 
    W
    w 
    W
    w 
    W
    w 
    W
    w 
    W
    w 
    W https://github.com/Polymer/polymer/releases 93 Releases!!
14. WebComponent
 ࢖ͬͯ·͔͢ʁ
15. 8FC
    $PNQPOFOUT w4IBEPX
    %0.
    w$VTUPN
    &MFNFOUT
    w)5.-
    *NQPSUT
    w)5.-
    5FNQMBUFT https://github.com/w3c/webcomponents
16. w1PMZNFS
    w95BH
    w#040/*$
    w4LBUF+4
    w3FBDU+4
    w"OHVMBS 8FC
    $PNQPOFOUT >8FC$PNQPOFOUTPSH
17. w8FC
    $PNQPOFOUT
    w%BUB
    #JOEJOH
    w#FIBWJPST
    w)FMQFST
    w.BUFSJBM
    %FTJHO
    w$-*
    5PPMT
18. https://www.webcomponents.org/collection/Polymer/elements
19. https://customelements.io/
20. https://codelabs.developers.google.com/?cat=Web
21. LIVE DEMO
22. ͦ͏ͩ
    1PMZNFS
    ࢖͓͏ 1PMZNFS
23. 2QN[OGTEQGFQ  1PMNFSDPFEP w(PPHMF
    $PEFMBCTͷϋϯζΦϯ
    wNFFUVQ
    w-5େձ
    w044׆ಈʢΤϨϝϯτ࡞੒ͳͲʣ
24. WJTJU
    NZ
    CMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp