Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
俺たちの"MicroFrontend"やっていき宣言。 / Declaration to d...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
yu-kgr
December 21, 2019
Technology
430
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
俺たちの"MicroFrontend"やっていき宣言。 / Declaration to do our MicroFrontend.
2019/12/21 にkanazawa.rb #88で発表した内容です。
yu-kgr
December 21, 2019
Transcript
28 slides
Զͨͪͷ z.JDSP'SPOUFOEz ͍͖ͬͯએݴɻ 2019/12/21 Kanazawa.rb #88 :VLJ.JOBLBXBʢ!ZV@LHSʣ
୭Ͱ͔͢ʁ Ͳ͏ɺϛφΧϫͰ͢ɻ ήʔϜͷϓϥοτϑΥʔϜ੍࡞ͯ͠·͢ ࠷ۙϓϥοτϑΥʔϜΛϦϓϨΠε͢Δ ϓϩδΣΫτͰϑϩϯτΤϯυ୲ ϫΠϯدΓͷຊञʹϋϚͬͯ·͢ ޱʢੴʣᑓʢҪʣ͋ͨΓ͕࠷ߴ
ϓϥοτϑΥʔϜͷ ϦϓϨΠεͬͯ〼
શମతͳٕज़ελοΫ͜Μͳײ͡ ʢͯ͢͏Θ͚Ͱͳ͍ʣ
w υϝΠϯۦಈઃܭʹԊ͚ͬͯ۠ɻ ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛׂͯ͠〼 ։ൃମ੍ͲΜͳײ͡ͳͷΑʁ
։ൃମ੍ͲΜͳײ͡ͳͷΑʁ ετΞυϝΠϯ ʮΛັͤΔʯ ήʔϜϓϨΠυϝΠϯ ʮήʔϜʹϋϚΒͤΔʯ ίϛϡχέʔγϣϯ αϙʔτυϝΠϯ ʮ҆৺ͳަྲྀղܾʯ σʔλूυϝΠϯ ʮߦಈվળɾࢪࡦߩݙʯ
γεςϜج൫υϝΠϯ ʮ։ൃ͕ḿΔج൫ఏڙΛʯ ձһج൫υϝΠϯ ʮ҆৺Ͱ͖ΔձһػೳΛʯ ܾࡁج൫υϝΠϯ ʮ҆৺҆શͳܾࡁΛʯ ܦཧυϝΠϯ ʮ҆৺҆શͳܦཧج൫Λʯ ˞ࡉ͔͋͛͘Δͱͬͱ͋Δ
։ൃମ੍ͲΜͳײ͡ͳͷΑʁ w υϝΠϯۦಈઃܭʹԊ͚ͬͯ۠ɻ ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛׂͯ͠〼
։ൃମ੍ͲΜͳײ͡ͳͷΑʁ w υϝΠϯۦಈઃܭʹԊ͚ͬͯ۠ɻ ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛׂͯ͠〼 w ฐࣾͰԣ࣠Ͱ৬ೳ෦ଘࡏ͓ͯ͠Γɺ σβΠϯɾϑϩϯτΤϯυɾόοΫΤϯυɾΠϯϑϥ໘ͷ ઃܭ૬ஊͳͲ֤ΞʔΩςΫτνʔϜʹ૬ஊՄೳ w ϓϩμΫτͷઃܭʹؔͯ͠ɺ
$MFBO"SDIJUFDUVSFΛͰ͖ΔݶΓࢀߟʹɻ
.JDSP'SPOUFOEʹ ߜͬͨ
ͦͦ.JDSP'SPOUFOEͬͯͳΜͶΜ w ϞϊϦγοΫͳϑϩϯτΤϯυ
ͦͦ.JDSP'SPOUFOEͬͯͳΜͶΜ w ϞϊϦγοΫͳϑϩϯτΤϯυ ͱͯϞϊϦε
ͦͦ.JDSP'SPOUFOEͬͯͳΜͶΜ
ͦΕͧΕͷνʔϜ͕"1*͚ͩͰͳ͘6*Ұؾ௨؏Ͱฦ͢
ͦΕͧΕͷνʔϜ͕"1*͚ͩͰͳ͘6*Ұؾ௨؏Ͱฦ͢
ฐࣾͷ.JDSP'SPOUFOEͷํ 6*"1*͕ಉ͡νʔϜͰ݁Ͱ͖ΔΑ͏ʹࢤͭͭ͠ɺ ϛογϣϯɺ,1*ʹԠͯ͡ଞυϝΠϯͷ"1*Λ͏ࣄΛڐՄɻ ˞ͨͩ͠ϑϩϯτΤϯυࣗυϝΠϯͷ#''͔͠ୟ͔ͳ͍
ฐࣾͷ.JDSP'SPOUFOEͷํ ͜ΕʹΑͬͯίϯϙʔωϯτʢ6*ʣ୯ҐͰɺ ؔ৺ࣄͷɾҟͳΔ,1*Λ͍͔͚Δࣄ͕Մೳʹɻ
࣮ݱ͢ΔͨΊʹ w αϙʔτϒϥβʹ͚ͨରԠ w 4&0ରԠ w .JDSP'SPOUFOEؒͷ࿈ܞͲ͏͢Δͷ͔ʜ
֤ϑϩϯτΤϯυͷٕज़֓ཁ w 5ZQF4DSJQU 1SFBDU w ܕ҆શཉ͍͠ͷͰ54Λ࠾༻ w 1SFBDUύϑΥʔϚϯε؍Ͱ
ରࡦαϙʔτϒϥβ w ฐ͕ࣾαϙʔτ͢Δϒϥβ w ࠷৽ͷ$ISPNF 'JSFGPY &EHF 4BGBSJ ʮ*&ʯ w
*&$VTUPN&MFNFOUTʹ ରԠ͍ͯ͠ͳ͍ͨΊସΛߟ͑Δඞཁ͕ग़ͨ
౷߹ϨΠϠʔ͕ര $VTUPN&MFNFOUTͷػೳΛସɻ ґଘؔͷղܾ3PVUJOHɺڞ௨ॲཧΛཧɻ
ରࡦ4&0Ͳ͏͢Μͷ w %ZOBNJD3FOEFSJOHΛ࠾༻ w 443͢Δͷ41"͚ͩͷϞϊΑΓ։ൃɾҡ࣋ίετ͕ߴ͍ w ಛఆͷ6"ͰϨϯμϦϯά͢ΔίϯςϯπͷΓସ͑Λߦ͏
ରࡦ֤.JDSP'SPOUFOEؒͷ࿈ܞʁ w ใͷߋ৽௨ͳͲ ʮXJOEPXͷ$VTUPN&WFOUʹΑΔ࿈ܞʯ w ڞ௨ॲཧͷఏڙ ίϯϙʔωϯτૢ࡞ʹؔ͢Δ"1*ఏڙ ʮXJOEPXʹؔΛ༩ͯ͠࿈ܞʯ w ྫίϯϙʔωϯτͰଞυϝΠϯͷίϯϙʔωϯ
τΛݺͼग़͢τʔΫϯͷ֬ೝͳͲ
ͦΜͳײ͡Ͱ l.JDSP'SPOUFOEz ͍͖ͬͯதͰ͢
ײ w .JDSP'SPOUFOEɺφχϞϫΧϥφΠʜ w $MFBO"SDIJUFDUVSFɺφχϞϫΧϥφΠʜ w %%%ɺφχϞϫΧϥφΠʜ w Ͱ͖Δࣄ͕ண࣮ʹ૿͍͑ͯΔײ͋Δ
એ
LBOB[BXBKT Γ·͢ʂʂʂʂʂʂ
$PNJOH4PPO ʢ݄தࠒʣ
Զͨͪͷ z.JDSP'SPOUFOEz ͍͖ͬͯએݴɻ ϛφΧϫ
More Decks by yu-kgr
See All by yu-kgr
NotionでBlogを作ったので供養します / Create kglabo NotionBlog
yu_kgr
1
230
開発時のコミュニケーションを円滑化するBOTを作った話 / A story about creating a BOT that facilitates communication during development.
yu_kgr
1
1.4k
改めて考える"コミュニケーション"
yu_kgr
0
100
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
170
雑なまとめをサイト化したら役に立ちそうって話
yu_kgr
0
230
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
710
Other Decks in Technology
See All in Technology
Bots in Kiro Crew (One point of contact for ongoing work) | Kiro: Zero to Hero 12
inariku
PRO
1
130
Kiro Crew の Bot (続く役目を任せる窓口) | 目指せ Kiro マスター 12
inariku
PRO
2
380
【Oracle AI SPOTLIGHT ウェビナー】【特別開催:日本語で解説!】Oracle AI World 2026 最新情報フィードバック
oracle4engineer
PRO
1
200
An Introduction to Context Ontology Accelerator (teaching AI agents what your data means)
inariku
PRO
1
240
ラクスル会社紹介資料|エンジニア向け / RAKSUL Introduction for Engineers
raksulrecruiting
0
100
業務でAWSをあまり使っていない私が、AWSへのモチベを保つ方法
smt7174
0
190
うちなーぐちが認識できるなら、秋田弁もいけるはず!? Amazon Transcribe方言チューニング検証
ryouto715
1
170
マネジメントされる側の仕事は「文句」を言うこと
riyaamemiya
2
480
Active Directory と Entra ID のむむむな関係
murachiakira
PRO
4
1.8k
複数システムが同居した 15 年物の AWS アカウントを解体するための考古学
wa6sn
3
140
Steering と Hook (チームの決まりを守らせる) | 目指せ Kiro マスター 06
inariku
PRO
2
120
Microsoft Entra Kerberos で実現するクラウド デバイス管理
tamaiyutaro
2
680
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
The agentic SEO stack - context over prompts
schlessera
0
1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
560
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8.2k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
Are puppies a ranking factor?
jonoalderson
2
4.2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
610
Claude Code のすすめ
schroneko
67
230k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
750