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
20190228_webcomponents.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
ozaki25
February 28, 2019
Technology
51
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20190228_webcomponents.pdf
ozaki25
February 28, 2019
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
210
20210525_react_next.pdf
ozaki25
0
160
Webフロントエンドはなぜ複雑なのか
ozaki25
1
150
utility first css
ozaki25
0
120
20201225_how_to_learn_technology.pdf
ozaki25
0
180
20201124_blitz.pdf
ozaki25
0
110
20200727_liff_app.pdf
ozaki25
1
680
20200721_web_vitals.pdf
ozaki25
0
130
20200624_web_otp_api.pdf
ozaki25
1
150
Other Decks in Technology
See All in Technology
飲食店もAIで。レジ締めやハンディシステムをつくってる話 / Using AI for restaurant management
vtryo
0
200
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
yuyatakeyama
3
860
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
7.7k
組織における AI-DLC 実践
askul
0
140
千葉での単身赴任からAWSをやり続け、千葉に戻ってきた話
yama3133
1
120
水を運ぶ人としてのリーダーシップ
izumii19
4
1.1k
製造現場での生成AIの活用、およびエージェントAIの実装のあり方、AVEVAの取り組み
iotcomjpadmin
0
180
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
tooppoo
0
220
Zenoh on Zephyr on LiteX
takasehideki
2
130
AWS Security Hub CSPMの成功・失敗体験
cmusudakeisuke
0
580
10年間のブログ発信を振り返って見えたWebアプリケーションエンジニアとしての軌跡
stefafafan
0
190
元・セキュリティ学習経験0大学生による業務紹介 / An Introduction to the Job by a Former College Student with Zero Security Training Experience
nttcom
0
900
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
200
Why Our Code Smells
bkeepers
PRO
340
58k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
Ruling the World: When Life Gets Gamed
codingconduct
0
260
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
What does AI have to do with Human Rights?
axbom
PRO
1
2.2k
Agile that works and the tools we love
rasmusluckow
331
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
First, design no harm
axbom
PRO
2
1.2k
Transcript
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ
࣍ 8FC$PNQPOFOUTͱ 8FC$PNQPOFOUTͷαϯϓϧ 8FC$PNQPOFOUTΛͬͯΈΔ 8FC$PNQPOFOUTͷཁૉٕज़
8FC$PNQPOFOUTͷ׆༻໘ 8FC$PNQPOFOUTͷपลٕज़ ·ͱΊ
8FC$PNQPOFOUTͱ
8FC$PNQPOFOUTͱ w ҰݴͰ͍͏ͱ w ಠࣗͷ).5-λάΛ࡞ͬͯ͏͜ͱ͕Ͱ͖Δٕज़ IUNM CPEZ I)FMMP8PSMEI
NZDPNQPOFOUNZDPNQPOFOU CPEZ IUNM
8FC$PNQPOFOUTͷαϯϓϧ
Ͳ͜Ͱ͔ͬͨ w ϑΝΠϧΞοϓϩʔυػೳͰ8FC$PNQPOFOUTΛ༻ w ϑΝΠϧΛબ w 4ʹΞοϓϩʔυ͞ΕΔ w Ξοϓϩʔυઌͷ63-͕ೖྗҬʹૠೖ͞ΕΔ
Ͳ͜Ͱ͔ͬͨ
ͳ͔ͥͬͨ w ϒϥβ͔Β4ʹΞοϓϩʔυ͢Δͷ͔ͳΓ໘ w ͦͷ໘ͳॲཧΛΞϓϦʹຒΊࠐΈͨ͘ͳ͔ͬͨ 8FC$PNQPOFOUTʹӅณ w ؆୯ʹ͍ճͤΔΑ͏ʹ͔ͨͬͨ͠ 8FC$PNQPOFOUT؆୯ʹ͍ճͤΔ
8FC$PNQPOFOUTΛͬͯΈΔ
˞ҙ˞ w /PEF͕ΠϯετʔϧࡁΈͰ͋Δ͜ͱΛલఏͱ͠·͢ w $ISPNF'JSF'PYͱ͍ͬͨϞμϯͳϒϥβΛલఏͱ͠·͢
ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ͏ w αϯϓϧΞϓϦͰ࡞ͬͨίϯϙʔωϯτΛͬͯΈΔ దͳσΟϨΫτϦʹJOEFYIUNMΛ࡞͢Δ JOEFYIUNMʹҎԼͷ༰Λهड़͢Δ
YVQMPBEFSYVQMPBEFS TDSJQUTSDIUUQTYYYYYOFUMJGZDPNVQMPBEFSJOEFYKTTDSJQU JOEFYIUNM͕͋ΔσΟϨΫτϦͰҎԼͷίϚϯυΛ࣮ߦ OQYTFSWF IUUQMPDBMIPTUJOEFYIUNMʹΞΫηε ͨͬͨ͜Ε͚ͩͰ4ͷ ϑΝΠϧΞοϓϩʔυػ ೳΛ࣮ྃ
ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ͏ JOEFYIUNMͷඌʹҎԼͷίʔυΛՃ͢Δͱ Ξοϓϩʔυͨ͠ϑΝΠϧʹΞΫηεͰ͖ΔΑ͏ʹͳΔ TDSJQU
XJOEPXBEE&WFOU-JTUFOFS VQMPBEFE GVODUJPO F \ DPOTU\ EFUBJM\VSM OBNF^ ^F DPOTPMFMPH \VSM OBNF^ DPOTUQEPDVNFOUDSFBUF&MFNFOU Q DPOTUMJOLEPDVNFOUDSFBUF&MFNFOU B DPOTUUFYUEPDVNFOUDSFBUF5FYU/PEF OBNF MJOLTFU"UUSJCVUF ISFG VSM MJOLBQQFOE$IJME UFYU QBQQFOE$IJME MJOL EPDVNFOUCPEZBQQFOE$IJME Q ^ TDSJQU ࣮༰ͷઆ໌ׂѪ 8FC$PNQPOFOUTͰൃՐͨ͠ ΠϕϯτΛड͚औͬͯ·͢
ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ͏
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ w ͔ͤͬ͘ͳͷͰ͏Ұωλ JOEFYIUNMʹҎԼͷ༰ΛՃ ͖ͬ͞ͷϑΝΠϧͰ৽نϑΝΠϧͰ0,
P[BRJJUBP[BRJJUB TDSJQUTSDIUUQTYYYYYOFUMJGZDPNP[BRJJUBJOEFYKTTDSJQU ىಈͯ͠ΞΫηε͢Δ ͖ͬ͞ͱಉ༷ OQYTFSWF IUUQMPDBMIPTUJOEFYIUNM
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ ͨͬͨ̎ߦՃ͢Δ͚ͩͰ P[BLJ͞ΜͷRJJUBͷ࠷৽هࣄΛ Ͳ͜ʹͰຒΊࠐΉ͜ͱ͕Ͱ͖Δ
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ ͨͬͨ̎ߦՃ͢Δ͚ͩͰ P[BLJ͞ΜͷRJJUBͷ࠷৽هࣄΛ Ͳ͜ʹͰຒΊࠐΉ͜ͱ͕Ͱ͖Δ
8FC$PNQPOFOUTΛ͍ճͯ͠ΈΑ͏ʂ w ߦՃ͢Δ͚ͩͰ؆୯ʹ8FC$PNQPOFOUTΛ͍ճͤΔͣ w ։ൃதͷΞϓϦʹຒΊࠐΜͰΈ·͢ʂʂ
8FC$PNQPOFOUTͷཁૉٕज़
8FC$PNQPOFOUTͷཁૉٕज़ w ҎԼͷͭͷٕज़͔ΒͳΔ w $VTUPN&MFNFOUT w 4IBEPX%0. w )5.-5FNQMBUF w
)5.-*NQPSU
8FC$PNQPOFOUTͷཁૉٕज़ w ҎԼͷͭͷٕज़͔ΒͳΔ w $VTUPN&MFNFOUT w 4IBEPX%0. w )5.-5FNQMBUF w
)5.-*NQPSU ্ͷ͚͓͚֮ͭͩ͑ͯ0,Ͱ͢
$VTUPN&MFNFOUT w ಠࣗͷ)5.-λάΛ࡞Γग़ٕ͢ज़ ಠࣗλάΛ࡞Δ࠷খߏ ͜Ε͚ͩͰҙຯ͕ͳ͍͚ͲͶ
4IBEPX%0. w 8FC$PNQPOFOUTͷ֎ͷੈքͱதͷੈքΛஅͰ͖Δٕज़ w ผੈքͷTUZMFఆٛͷӨڹΛड͚ͳ͘͢Δ͜ͱ͕Ͱ͖Δ w ผੈքͷ%0.Λૢ࡞Ͱ͖ͳ͘͢Δ͜ͱ͕Ͱ͖Δ ӨڹൣғΛہॴԽͰ͖ΔͷͰՃมߋআ͕͘͢͠ͳΔ
4IBEPX%0. ֎ͷੈքͰఆٛͨ͠IͷTUZMF தͷੈքʹద༻͞Ε͍ͯͳ͍
4IBEPX%0. தͷੈքͰఆٛͨ͠IͷTUZMF ֎ͷੈքʹద༻͞Ε͍ͯͳ͍
8FC$PNQPOFOUTͷ׆༻໘
ͲΜͳ໘Ͱ͑Δ͔ w ը໘ͷଞͷػೳͱ݁߹͕͘ɺผͷΞϓϦͰ͍ճͤΔػೳ w ࠓճ࣮ͨ͠4ͷϑΝΠϧΞοϓϩʔυͷΑ͏ͳ໘ w ࣾΞϓϦͷڞ௨෦ͱ͔
पลٕज़
पลٕज़ w -JU&MFNFOU w 8FC$PNQPOFOUTΛॻ͖͘͢͢ΔϥΠϒϥϦ w 1PMZNFS w ͏աڈͷͷͱͳΓ·ͨ͠ ޙܧ-JU&MFNFOU
w .JDSP'SPOUFOE w αʔόαΠυͷ.JDSPTFSWJDFTͷΑ͏͜ͱΛϑϩϯτΤϯυͰ࣮ݱ w 4IBEPX%0.Λ׆༻͢Δ͜ͱͰ࣮ݱͰ͖Δ
·ͱΊ
·ͱΊ w 8FC$PNQPOFOUTͱ w ಠࣗͷ)5.-λάΛ࡞ΕΔٕज़ w ؆୯ʹ͍ճ͢͜ͱ͕Ͱ͖Δ w 8FC$PNQPOFOUTͷओͳΈ w
$VTUPN&MFNFOUTɾɾɾಠࣗͷ)5.-λάΛ࡞Γग़͢ w 4IBEPX%0.ɾɾɾ֎ͷੈքͱதͷੈքΛͰ͖Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠