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
Web LT Session / I/O Extended 2019 Tokyo@GDG
Search
Kenichiro Kishida
May 19, 2019
Technology
4
1.5k
Web LT Session / I/O Extended 2019 Tokyo@GDG
Kenichiro Kishida
May 19, 2019
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
【基調講演】変える、今ここから ― IoTとAIで紡ぐ未来
soracom
PRO
0
310
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
150
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
150
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
スレットハンティングについて知っておきたいこと
hacket
0
130
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
コンテナ・K8s研修 - 後半 Kubernetes 基礎&ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
1
120
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
260
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Visualization
eitanlees
139
14k
Music & Morning Musume
bryan
43
5.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Statistics for Hackers
jakevdp
792
220k
A Modern Web Designer's Workflow
chriscoyier
689
190k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
The Mythical Team-Month
searls
217
43k
Facilitating Awesome Meetings
lara
46
5.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Designing the Hi-DPI Web
ddemaree
276
34k
Transcript
(PPHMF*0 8FC-5 *0&YUFOEFE5PLZP!(%( ,FOJDIJSP,JTIJEB !TJ[VIJLP
,FOJDIJSP,JTIJEB 5PLZP +"1"/ TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ
w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT
w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT
wXFCQBDL͡Όͳ͍Α w8FCαΠτΛॺ໊ͯ͠Ͱ͖ΔΑ͏ʹ͢ ΔΈ wͭͷϨΠϠʔͰߏ͞ΕΔ • Signed HTTP exchanges • ॺ໊͖ͷϦΫΤετ/Ϩεϙϯε
• Bundled HTTP exchanges • ෳͷϦΫΤετ/ϨεϙϯεΛ1ͭʹ • Loading • Signed HTTP exchange ΛϒϥβͰಡ ΈࠐΉͨΊͷํ๏ 8FC1BDLBHJOH֓ཁ https://github.com/WICG/webpackage
wΞʔΧΠϒͷ৴པੑΛVQ w͋ͳͨͷαΠτΛ$%/Ͱ৴ w".1Ͱͷར༻ • https://google.com/amp/s/ yourdomain/… • https://yourdomain/… w".11BDLBHFSͰΑΓ؆୯ʹ 8FC1BDLBHJOHͷར༻ํ๏
https://github.com/ampproject/amppackager
w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT
w".1ύϑΥʔϚϯεΛղܾ͢Δͨ Ίʹ্ཱ͕ͪͬͨ044 w)5.-্Ͱಈ࡞͢ΔϥΠϒϥϦϑϨʔϜ ϫʔΫ w8FC$PNQPOFOUTϕʔε wࡢ(PPHMFݕࡧ͔Β".1ϖʔδͷΫ ϦοΫ૿Ճͨ͠ ".1 https://amp.dev/ja/
".1)5.- https://amp.dev/ja/documentation/guides-and-tutorials/start/create/basic_markup? format=websites
https://amp.dev/ja/
None
None
w".1)5.-ͱ$44͚ͩͰෆࣗ༝ͩͬͨ ͕ɺ+BWB4DSJQUͷ࣮ߦΛՄೳʹ͢Δ wϝΠϯεϨουͱผͷ8FC8PSLFS͔ Β8PSLFS%0.ͷٕज़Λ͍ͬͯΔ wCJUMZBNQTDSJQUUSJBM͔Β0SJHJO 5SJBMΛਃ͠ࠐΉͱར༻Ͱ͖Δ BNQTDSJQU
BNQTDSJQU https://twitter.com/AMPhtml/status/1116378847937613824
w".1'JSTUͱ͍͏Ξϓϩʔν w".1Ͱ࡞Γ࢝ΊɺΓͳ͍ͱ͜ΖΛBNQ TDSJQUͰϏδωεϩδοΫͱ࣮ͯ͠ wͦΕͰΓͳ͍͜ͱɺͦΕΛ#FOUP ".1ϓϩδΣΫτͰॿ͚Δ w".1ཧ ϖʔδ Ͱͳ͍ɺ8FCϖʔδͰ ".1ίϯϙʔωϯτΛ͑ΔΑ͏ʹ͢Δ ʢଞͷϑϨʔϜϫʔΫ
8FC$PNQPOFOUTͱͷΈ߹Θͤ #FOUP".1
wTOBQDIBUͰ࢝·ͬͨετʔϦʔɺ *OTUBHSBN'BDFCPPL XIBUTBQQ ͳͲͰ·ͬͨɻ wͨͩ͠ൃݟ͞ΕΔͷ͍͠ɻͦ͜Ͱ".1 Φʔϓϯͳ8FCϓϥοτϑΥʔϜͰݟͭ ͚Δ͜ͱ͕ՄೳͰɺϦϯΫͰ͖ɺڞ༗Ͱ͖ ΔΈΛఏڙ͢Δɻ ".14UPSJFT
https://amp.dev/about/stories
https://www-washingtonpost-com.cdn.ampproject.org/c/s/ www.washingtonpost.com/graphics/2019/national/amp- stories/2019-state-of-the-union-reactions/
w-PDBMJ[BUJPOͷݴޠʹରԠ IUNM⚡MBOHKB w%FTLUPQσϑΥϧτϞόΠϧ BNQTUPSZTVQQPSUTMBOETDBQF w4JEFCBSϋϯόʔΨʔϝχϡʔʹՃ BNQTJEFCBS w"UUBDINFOUTεϫΠϓΞοϓͰදࣔ BNQTUPSZQBHFBUUBDINFOU w&NCFET5XJUUFSͳͲͷຒΊࠐΈ ".14UPSJFT
wϝʔϧຊจͷதʹ".1ίϯςϯπΛೖΕ ΒΕΔɻ w͜Ε·ͰͷࣄྫͰΫϦοΫɺίϯόʔ δϣϯ͕૿Ճ͢Δͱ͍͏ɻ ".1&NBJM
None
w৴αʔϏε wςετ wϝʔϧΫϥΠΞϯτ ".1&NBJM
w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT
wϒϥβࣗಈԽιϦϡʔγϣϯͰ͢ɻ w/PEFKT͔Β$ISPNFΛૢ࡞ ૢΓਓܗQVQQFUFFS ͢ΔͨΊͷ"1* Λఏڙ͍ͯ͠Δɻ wOQNͰϒϥβ͕Πϯετʔϧ͞ΕΔͷͰɺ ڥઃఆߏஙͷඞཁ͕ͳ͍ɻ 1VQQFUFFS
w͜Ε·Ͱ$ISPNF͚͚ͩͩͬͨͲɺ 'JSFGPY͑ΔΑ͏ʹͳΔΑʂ wݱࡏͷ"1*Λαϙʔτ 1VQQFUFFSpSFGPY
w8FCςετ͍ͱ͍͏ࢢઆ w#SPXTFS$POUFYU"1*Ͱղܾ wςετ͕'MBLZͱ͍͏ࢢઆ wXBJU'PS9"1*Ͱղܾ 1VQQFUFFS
w.PCJMFσόΠεΤϛϡϨʔγϣϯ w0GqJOFαϙʔτ wαʔϏεϫʔΧʔͷݕূ w(FP-PDBUJPO w/FUXPSL.POJUPSJOH w,FZCPBSE.PVTF w1FSGPSNBODF5FTU w$PEF$PWFSBHF w"DDFTTJCJMJUZ 1VQQFUFFS
WJTJUNZCMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp