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 Componentsを使ったウィジェット埋め込みの話
Search
nabeliwo
April 24, 2023
Technology
0
380
Web Componentsを使ったウィジェット埋め込みの話
nabeliwo
April 24, 2023
Tweet
Share
More Decks by nabeliwo
See All by nabeliwo
多言語化対応における TypeScript の型定義を通して開発のしやすさについて考えた / TSKaigi TypeScript Multilingualization
nabeliwo
2
820
Dive into SmartHR UI
nabeliwo
3
1.2k
Snowpack で始めるバンドルレス開発 / about Snowpack
nabeliwo
0
190
おいでよ フロントエンドの森 / welcome-to-front-end
nabeliwo
0
99
React事始め
nabeliwo
0
550
お前もJavaScriptにしてやろうか〜アメーバピグ編〜
nabeliwo
0
480
React + flumptでイカ戦績グラフ化ツールを作ってみた
nabeliwo
0
180
Other Decks in Technology
See All in Technology
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
520
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
350
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
18
7.6k
SREのためのeBPF活用ステップアップガイド
egmc
2
1.3k
大量配信システムにおけるSLOの実践:「見えない」信頼性をSLOで可視化
plaidtech
PRO
0
390
ロールが細分化された組織でSREは何をするか?
tgidgd
1
420
Copilot coding agentにベットしたいCTOが開発組織で取り組んだこと / GitHub Copilot coding agent in Team
tnir
0
190
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
セキュアな社内Dify運用と外部連携の両立 ~AIによるAPIリスク評価~
zozotech
PRO
0
120
組織内、組織間の資産保護に必要なアイデンティティ基盤と関連技術の最新動向
fujie
0
270
AI エージェントと考え直すデータ基盤
na0
20
7.9k
ClaudeCode_vs_GeminiCLI_Terraformで比較してみた
tkikuchi
1
940
Featured
See All Featured
Facilitating Awesome Meetings
lara
54
6.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
970
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
How to Ace a Technical Interview
jacobian
278
23k
Practical Orchestrator
shlominoach
189
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Bash Introduction
62gerente
613
210k
The World Runs on Bad Software
bkeepers
PRO
70
11k
We Have a Design System, Now What?
morganepeng
53
7.7k
Designing for humans not robots
tammielis
253
25k
For a Future-Friendly Web
brad_frost
179
9.8k
Transcript
8FC$PNQPOFOUTΛͬͨ ΟδΣοτຒΊࠐΈͷ 5VF"OPUIFSXPSLTY4NBSU)3'SPOU&OE%FFQ%JWF OBCFMJXP 4NBSU)3ϓϩμΫτΤϯδχΞ
ࣗݾհ OBCFMJXP 4NBSU)3 ϓϩμΫτΤϯδχΞάϧʔϓ ϓϥοτϑΥʔϜ։ൃϢχοτ ϑϩϯτΤϯυΤϯδχΞ 5ZQF4DSJQU 3FBDU /FYUKTͳͲ
ϓϥοτϑΥʔϜࣄۀͷ͝հ
CONFIDENTIAL ͜͜ʹηΫγϣϯλΠτϧΛ ೖΕͯΈΑ͏ʂ
4NBSU)31MVTЌ൛ͱ w 4NBSU)3Λͬͱศརʹ׆༻͢ΔͨΊͷ֎෦ ΞϓϦέʔγϣϯΛಋೖͰ͖ΔΞϓϦετΞ w Ϣʔβʔͱ֎෦ΞϓϦέʔγϣϯύʔτφʔ Λͭͳ͙ͨΊͷ৽͍͠ίϛϡχέʔγϣϯ νϟωϧ
ࠓ͢͜ͱ
ࠓ͢͜ͱ w 1'ࣄۀͰ8FC$PNQPOFOUTΛ࠾༻ͨ͠ w ͳͥ8FC$PNQPOFOUTΛ࠾༻ͨ͠ͷ͔ w ࣮ࡍʹͬͯΈͯͲ͏͔ͩͬͨ w ࠓޙͷ1'ࣄۀͷٕज़తͳల
8FC$PNQPOFOUTͬͯ ͦͦͳΜ͚ͩͬͷ͓͞Β͍
8FC$PNQPOFOUTͱ w ࠶ར༻ՄೳͳΧελϜཁૉ w 4IBEPX%0.ʹΑΔΧϓηϧԽ w )5.-ςϯϓϨʔτʹΑΔϚʔΫΞοϓ w Σϒඪ४
8FC$PNQPOFOUTͷ"1*Λϥοϓͯ͠؆୯ʹѻ͑ ΔΑ͏ʹͨ͠ϥΠϒϥϦɻ 4NBSU)3Ͱ-JUΛ༻ͯ͠ΧελϜཁૉΛ࡞ͬͯ ͍·͢ɻ
1'ࣄۀͰ8FC$PNQPOFOUT Λ࠾༻ͨ͠
௨ۈܦ࿏ݕࡧ w ग़ൃɺతɺ௨ۈखஈΛೖྗ͢Δͱࣗಈ Ͱ௨ۈܦ࿏௨ۈඅΛग़ͯ͘͠ΕΔ w /"7*5*.&ͱ(PPHMF.BQͷ"1*Λ༻ͯ͠ ͍Δ w طଘͷैۀһฤूը໘Λ֦ு͢Δ
ΦϓγϣϯػೳΛΠϯετʔϧ
ैۀһ߲͕ΧελϚΠζ͞ΕΔ
௨ۈܦ࿏ݕࡧػೳͷٕज़తͳ༷ w Πϯετʔϧ͠ͳ͍ͱ͑ͳ͍ w Πϯετʔϧ͢Δͱैۀһใฤूը໘ʹ௨ ۈܦ࿏༻ͷϑΥʔϜΟδΣοτ͕֎෦͔Βຒ Ίࠐ·ΕΔ w ΟδΣοτͷ࣮4NBSU)3ʹͳ͍
ΟδΣοτͷ࣮͕֎ʹ͋Δཧ༝ w ࠓޙΦϓγϣϯػೳͰΠϯετʔϧ͞Εͨػೳ͕ 4NBSU)3ʹຒΊࠐ·Ε͍ͯ͘ w શͯ4NBSU)3ʹ࣮͍ͯ͘͠ͱΦϓγϣϯػೳ Ճͷʹ4NBSU)3Ͱ৽ن࣮͠ͳ͍ͱ͍͚ͳ͍ w ࠓޙSEύʔςΟΞϓϦΛ૿͍ͯ͘͠ w
֎ͷΞϓϦଆͰΟδΣοτΛ࡞Δܗʹ͍ͨ͠
ຒΊࠐΈΟδΣοτΛ 8FC$PNQPOFOUTͰ࣮͍ͯ͠·͢
ͳͥ8FC$PNQPOFOUTΛ ࠾༻ͨ͠ͷ͔
8FC$PNQPOFOUT࠾༻ཧ༝ w 4NBSU)3ଆͷΟδΣοτຒΊࠐΈͷهड़Λ γϯϓϧʹ͔ͨͬͨ͠ w ΟδΣοτ֎͔ΒͷӨڹΛड͚ͣɺ֎ʹӨ ڹΛ༩͑ͳ͍ܗʹ͔ͨͬͨ͠ w 4NBSU)3ͷϑϩϯτΤϯυͷෳࡶੑͷഎܠ
ΟδΣοτຒΊࠐΈΛγϯϓϧʹ w ࠓޙຒΊࠐΈ͍ͨΞϓϦͷɺΟδΣοτͷ ͲΜͲΜ૿͍͑ͯ͘ఆ w ͭͳ͗͜Έ෦Λγϯϓϧʹ͠ͱ͔ͳ͍ͱޙʑ ා͍ w 8FC$PNQPOFOUTͰ͋Ε4NBSU)3ଆ +4ΛಡΈࠐΜͰΧελϜཁૉΛݺͿ͚ͩ
ຒΊࠐΈ࣮ͷྲྀΕ w ຒΊࠐΈ͍ͨΞϓϦଆͰίϯϙʔωϯτΛ࣮ ͢Δ w ΧελϜཁૉ໊ͱϏϧυͨ͠+4ͷύεΛ 4NBSU)3ʹ͢ w 4NBSU)3ଆΒͬͨใΛઃఆϑΝΠϧͰ ཧ͢Δ
˞IBNMͰ͢ ˞આ໌͍͢͠Α͏৭ʑม͑ͯॻ͍ͯ·͢
4NBSU)3 ௨ۈܦ࿏ݕࡧ ϑΥʔϜ࣮ σʔλϕʔε 8FC$PNQPOFOUT ʹΑΔΧελϜ ϑΥʔϜ࣮ Ϗϧυͨ͠+4 ૢ࡞ Ϗϧυ
$IBOHF&WFOU %JTQBUDI 4VCTDSJCF ߋ৽
௨ۈܦ࿏ݕࡧػೳͷ8FC$PNQPOFOUTͱ 4NBSU)3ͷΓऔΓ ΠϕϯτͷEJTQBUDIͱTVCTDSJCFͷΈ
ӨڹΛ༩͑ͳ͍ܗʹ͔ͨͬͨ͠ w 8FC$PNQPOFOUTͰ͋ΕΧελϜԽ͞Εͯ ͍ΔͷͰɺ4NBSU)3ଆͷάϩʔόϧͳελΠ ϧͷӨڹΛड͚ͳ͍ w 8FC$PNQPOFOUTͷ࣮ʹΑΓ4NBSU)3 ଆͷ6*Λյ͞ͳ͍
ͦΕͬͯ3FBDUͰྑ͍ͷͰʜʁ
4NBSU)3ͷϑϩϯτΤϯυͷෳࡶੑ w ैۀһใΛมߋ͢Δํ๏ैۀһใฤूը໘ ͱਃϑΥʔϜͷ௨Γ͋Δ w ैۀһใฤूը໘IBNM K2VFSZɺਃ ϑΥʔϜ3FBDUͰಈ͍͍ͯΔ w ͲͪΒͷύλʔϯͰಉ͡ܗࣜͰѻ͏ͨΊʹ
8FC$PNQPOFOUTʹ͍ͯ͠Δ
࣮ࡍʹͬͯΈͯͲ͏͔ͩͬͨ
ྑ͔ͬͨͱ͜Ζ w બఆཧ༝ʹॻ͍࣮ͨݱ͍ͨ͜͠ͱશͯͳ͘ ࣮ݱͰ͖ͨ w 4NBSU)3ͷෳࡶͳࣄΛ8FC$PNQPOFOUT ଆྀ͕͢Δඞཁ͕ͳ͍ w γϯϓϧͳΠϯλʔϑΣʔε
͍͠ͱ͜Ζ w 4NBSU)36*͕͑ͳ͍😭 w %JTQBUDIͱ4VCTDSJCFͷΈͱ͍͏औΓܾΊ͠ ͯΔ͕ɺϧʔϧ؆୯ʹΔͿ͜ͱ͕Ͱ͖Δͷ ͰSEύʔςΟʹಉ͡ΓํΛͤ͞Δͷةͳ͍
w 4NBSU)3ͷϓϩμΫτͰ൚༻తʹ͑Δ3FBDU ίϯϙʔωϯτू w #VUUPO *OQVUͳͲͷγϯϓϧͳཁૉͪΖ Μɺ%JBMPH%SPQEPXO %BUF1JDLFSͷΑ͏ͳ ෳࡶͳͷ͋Γͱͯศར
4NBSU)36*͕͑ͳ͍😭 w 4NBSU)3ͷ6*ͷ$44Λίϐʔͯ͠͏Έ͍ͨ ͳ͜ͱΛ͍ͯͨ͠ w ෳࡶͳͷ͍͠ͷͰɺಉ͡%BUF1JDLFSͳͷ ʹϑΥʔϜ͝ͱʹݟͨҧ͏ͱ͍͏͜ͱʹͳͬͯ ͠·ͬͨ
4NBSU)36* 8FC$PNQPOFOUT
ࠓޙΛݟਾ͑ͨ੬ऑੑͷ w 8FC$PNQPOFOUTͷίʔυ͕4NBSU)3Ͱ ࣮ߦ͞ΕΔͨΊɺΖ͏ͱࢥ͑ͳΜͰͰ͖Δ w SEύʔςΟʹຒΊࠐΈΟδΣοτΛ։์͢Δ ͱ͖αϯυϘοΫεԽͷΈΛ༻ҙ͠ͳ͍ͱ ͍͚ͳ͍
ࠓޙͷ1'ࣄۀͷٕज़తͳల
w 4NBSU)36*ͷ8FC$PNQPOFOUTԽ w αϯυϘοΫεԽͷٕज़ݕ౼
4NBSU)36*ͷ8FC$PNQPOFOUTԽ w 3FBDU 7VF 7BOJMMB FUDʜͲ͔͜ΒͰ͑Δ Α͏ʹ͍ͨ͠ w 4NBSU)36*Λγϡοͱ8FC$PNQPOFOUTʹ ஔ͖͑Δͷ͍͠
w ·ͣCVUUPOͳͲͷ؆୯ͳ6*Λม͍͑ͯ͘ͳ ͲΛͯ͠ࢼ͍͖͍ͯͨ͠
αϯυϘοΫεԽͷٕज़ݕ౼ w JGSBNF w 2VJDL+4Λ8BTNԽ͢Δ w 8FC8PSLFS w 4IBEPX3FBMN"1*
ࠓޙͷϓϥοτϑΥʔϜͷల։ʹ ͝ظ͍ͩ͘͞ʂʂʂʂ
࠷ޙʹ
4NBSU)3ΤϯδχΞΛืू͍ͯ͠·͢ʂʂ 4NBSU)3ΤϯδχΞ࠾༻<ݕࡧ>
͋Γ͕ͱ͏͍͟͝·ͨ͠