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
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
Search
Hajime Mugishima
October 08, 2021
Technology
3
1.8k
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
2021/10/08
Cybozu Tech Meetup #16
Hajime Mugishima
October 08, 2021
Tweet
Share
More Decks by Hajime Mugishima
See All by Hajime Mugishima
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
13
6.9k
New Order in Cascade Sorting Order
mugi_uno
3
3.7k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
460
Toyama.rb
mugi_uno
1
140
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.6k
マルチカーソルのLT
mugi_uno
0
300
Other Decks in Technology
See All in Technology
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
820
CDKコード品質UP!ナイスな自作コンストラクタを作るための便利インターフェース
harukasakihara
2
250
本当にわかりやすいAIエージェント入門
segavvy
9
4.6k
ClaudeCodeにキレない技術
gtnao
1
930
QAを早期に巻き込む”って どうやるの? モヤモヤから抜け出す実践知
moritamasami
2
150
CDK Vibe Coding Fes
tomoki10
1
660
今だから言えるセキュリティLT_Wordpress5.7.2未満を一斉アップデートせよ
cuebic9bic
2
180
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
genda
1
300
BEYOND THE RAG🚀 ~とりあえずRAG?を超えていけ! 本当に使えるAIエージェント&生成AIプロダクトを目指して~ / BEYOND-THE-RAG-Toward Practical-GenerativeAI-Products-AOAI-DevDay-2025
jnymyk
4
180
Microsoft Fabric ガバナンス設計の一歩目を考える
ryomaru0825
1
160
Microsoft Defender XDRで疲弊しないためのインシデント対応
sophiakunii
3
380
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Facilitating Awesome Meetings
lara
54
6.5k
Code Review Best Practice
trishagee
69
19k
Music & Morning Musume
bryan
46
6.7k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Done Done
chrislema
184
16k
Designing for Performance
lara
610
69k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
980
BBQ
matthewcrist
89
9.7k
Transcript
$ZCP[V5FDI.FFUVQ LJOUPOFϑϩϯτΤϯυ৽ ʙ৽نࢀՃ̑ϲ݄͔ΒݟΔϦΞϧʙ αΠϘζגࣜձࣾ ϑϩϯτΤϯυΤΩεύʔτνʔϜ ഴౡҰ!NVHJ@VOP
ࣗݾհ ഴౡҰ Ή͗͠·͡Ί !NVHJ@VOP ɾத్ೖࣾ ɾϑϩϯτΤϯυΤΩεύʔτνʔϜ ɾϑϧϦϞʔτ ࢁ
͢͜ͱ ˔LJOUPOFͷ͝հ ˔LJOUPOFϑϩϯτΤϯυ৽ ˔ೖࣾ̑ϲ݄͔ΒݟͨϦΞϧ ˔๊͑Δ՝ͱղܾࡦ ˔ΤϯδχΞͱͯ͠ಘΒΕΔͷ
LJOUPOF
LJOUPOF 🔗αΠϘζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU
LJOUPOF 🔗αΠϘζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU
LJOUPOF 🔗αΠϘζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU
LJOUPOFϑϩϯτΤϯυ৽
LJOUPOFϑϩϯτΤϯυ৽ ྺ࢙͕͍αʔϏεˠਐΉϨΨγʔԽ ɾ$MPTVSF5PPMTओମͷίʔυϕʔε ɾओྲྀͳϑϩϯτΤϯυࣄͱͷဃ ɾֶशΛؚΉ։ൃϝϯςφϯείετ ɾ࠾༻ΛؚΉະདྷͷӨڹ
LJOUPOFϑϩϯτΤϯυ৽ ΞʔΩςΫνϟΛ৽த ˣ 5ZQF4DSJQU3FBDUͳͲʹঃʑʹஔ͖͑
ϑϩϯτΤϯυΤΩεύʔτνʔϜ ✕ LJOUPOFϑϩϯτΤϯυ৽
ϑϩϯτΤϯυΤΩεύʔτνʔϜ େ͖̏࣠͘ͰϑϩϯτΤϯυ৽ʹڠྗ ˔3FBDUԽͷ࣮࡞ۀΛਐΊΔνʔϜ ˔қ͕ߴ͍ՕॴͷࣄલݕূΛߦ͏νʔϜ ˔ϚΠΫϩαʔϏεԽͷࢪࡦݕ౼Λߦ͏νʔϜ ˠLJOUPOF։ൃνʔϜͱͷϞϒ ˠϓϩτλΠϓ࡞ͳͲͷઌճΓରԠ ˠະདྷͷཧΛݟਾ͑ͨݕূ
ݱࡏͷਐḿ ཧը໘ 🏁ΰʔϧ ϦεΫΊͷཧը໘Ͱׂ̓΄Ͳྃ
ཧը໘ қ͕ߴ͍ʑͷը໘ ϦεΫΊͷཧը໘Ͱׂ̓΄Ͳྃ ˣ ·ͩઌ͍ 🏁ΰʔϧ ݱࡏͷਐḿ
ͬͱΓ͍ͨํ 🎥IUUQTXXXZPVUVCFDPNXBUDI W;YFK;+6D
🔥ೖࣾ̑ϱ݄ࢹͰͷϦΞϧͳ🔥
ೖࣾલͷؾ࣋ͪ ɾϑϩϯτΤϯυͷϨΨγʔվળͷܦݧ͋ͬͨ ϨΨγʔΛςʔϚʹࣥචͨ͠ ɾͻͱΓͰόϦόϦվળͯ͠Δͧʙ👍👍👍
ݱ࣮ ɾେنϑϩϯτΤϯυͷน ɾίʔυΛ͏͚ͩͰҰۤ࿑ ɾԿ͔ΒखΛ͚Εʜʁʁ
ͳʹ͕ҧ͏ͷ͔ʁ ɾݸਓPSগਓͰΕΔൣғ͕͍ ɾҰਓͷྗͰڧҾʹରॲͰ͖Δ͜ͱ͋Δ ˔খʙதن ˔େن ɾҰఆਓҎ্ͷνʔϜͰͷରॲ͕લఏ ɾݸਓͰΕΔൣғݶք͕͋Δ ˠݸਓͷྗ νʔϜΛՃͤ͞Δɾࢪࡦ͕ඞཁ
LJOUPOFϑϩϯτΤϯυ৽ͷ՝ͱղܾࡦ
🔥ίʔυཧղͷίετͷߴ͞ େͳίʔυྔ ɾສߦΛ͑Δ+4ίʔυ ɾը໘ಡΜͰ͍͚ͩ͘ͰҰۤ࿑
🔥ίʔυཧղͷίετͷߴ͞ $MPTVSF5PPMT ɾੈͷதͰͷใͷগͳ͞ (PPHMFݕࡧΑΓࣾφϨοδͷ΄͏͕๛ ɾ&WFOU1VC4VCʹΑΔδϟϯϓ ɾը໘ͱͷಥ͖߹Θͤͷखؒ
💡ৗతͳϞϒɾϖΞ࡞ۀ جຊతʹϞϒɾϖΞͰ࡞ۀ͢Δ ɾ࡞ۀϓϥϯχϯάͷஈ֊͔ΒෳਓͰ࡞ۀ ɾඇಉظͷίϛϡχέʔγϣϯίετΛ͑Δ ɾ༗ࣝऀ͔ΒμΠϨΫτʹݟΛٵऩ͢Δ
🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ௨ৗͷLJOUPOF։ൃͱಉ͡ϓϩηεͰ࡞ۀ͍ͯͨ͠ ɾεΫϥϜXFFLεϓϦϯτ ɾόοΫϩάˠϦϦʔεՄೳͳҙຯͷ͋Δ୯Ґ ˠܧଓతʹ҆ఆͨ͠ՁΛఏڙͰ͖Δͷ͕ར
🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ϨΨγʔվળͱ૬ੑ͕ѱ͍෦͕͋Δ ɾͦͦϦϦʔεαΠΫϧ͕ҟͳΔ ɾҰ෦εΫϥϜΠϕϯτّ͕ࣜతͳࢀՃʹͳΔ ɾҙࢥܾఆͷ͕ͪൃੜ͢Δ
💡։ൃϓϩηεͷݟ͠ ΑΓਐΊ͍͢ܗʹมߋ ɾΠϕϯτࢀՃඞཁͳͷͷΈʹߜΔ ɾҙࢥܾఆΛLJOUPOF։ൃͱಠཱͯ͠ߦ͏ ɾίϛϡχέʔγϣϯʹ4MBDLΛ׆༻ αΠϘζશମͰLJOUPOF͕ओྲྀ ˠ͍·Ͱʑվળத
৽نϝϯόʔͱͯ͠ײͨ͡՝ͱͬͨ͜ͱ
׳Εͷґଘ ɾ՝ʹରͯ͠׳ΕΕେৎ͕ղܾࡦͳ͜ͱ͕͋Δ ྫ$MPTVSF5PPMTͷίϯϙʔωϯτͱରԠը໘׳ΕΕ֮͑Δ ɾ׳Εʹ࠶ݱੑ͕ͳ͘ݸਓ͕ࠩେ͖͍ ɾେنϑϩϯτΤϯυ৽ରԠظ͍ؒ ؔΘΔϝϯόʔଟ͘ͳΔ ɾ׳ΕΔ·ͰͷίετԿ܁Γฦ͞ΕΔ
ͳʹΛ͖͔͢ʁΛߟ͑Δ🤔
׳ΕͷґଘΛݮΒ͢ ɾ׳Εͯ͠·ͬͨਓʹͱͬͯ՝Ͱͳ͘ͳΔ ˠ৽نϝϯόʔͱͯ͠ײͨ͡՝Λ ɹ͕ࣗ৽نϝϯόʔͷ͏ͪʹղܾ͢Δ ɾ׳ΕଐਓੑͱղऍͰ͖Δ ׳Ε͍ͯͳͯ͘Ͱ͖Δ͕ཧ
ใΛࢹ֮Խ ͕ࣗ٧·ͬͨՕॴΛࢿྉԽͯ͢͠ ܧঝਤ ॳظԽϑϩʔ ίϯϙʔωϯτରԠਤ
$MPTVSF5PPMT%FW5PPMTΛ࡞ 3FBDU%FW5PPMTͷΑ͏ͳ $ISPNF֦ுΛ࡞ 🔗$ZCP[V*OTJEF0VUϑϩϯτΤϯυ৽ͷͨΊʹ%FW5PPMTΛ࡞ͬͯ։ൃΛḿΒͤΔIUUQTCMPHDZCP[VJPFOUSZ ˠίʔυཧղΛՃ
αΠϘζͱ͍͏৫ͷ෩ ɾ໋ྩࢦࣔͳ͍ʢϗϯτʹແ͍ʣ ɾϑϩϯτΤϯυ৽ͱ͍͏ඪʹରͯ͠ ɹ֤͕ࣗʮඞཁͩʂʯͱࢥ͑Δ͜ͱΛΕΔ ɾͦ͜ʹ৽نϝϯόʔ͔Ͳ͏͔ͷڥքແ͍
🎓ΤϯδχΞͱͯ͠ಘΒΕΔͷ ݸਓͷݟղΛؚΈ·͢
ϨΨγʔܦݧࣗମͷՁ ɾϨΨγʔվળಛผͳͷͰͳ͍ ͍·ϞμϯͰ͕࣌ؒܦͯϨΨγʔʹ ɾΤϯδχΞΛଓ͚͍ͯͯආ͚ଓ͚Δͷ͍͠ ɾϨΨγʔࣗମʹৗʹҰఆͷधཁ͕͋Δ ɾܦݧͱ͓ͯ࣋ͬͯ͘͠ϝϦοτ͋Δ
ػձʹόϥ͖͕ͭ͋Δ ɾখ͍͞վળػձଟ͘ɺݸਓɾগਓͰऔΓΊΔ ɾେنͳ৽ػձࣗମ͕͍͠ ˠҙࢥܾఆͷλΠϛϯά͕গͳ͍
େن͔ͩΒͦ͜ಘΒΕΔͷ ɾΞʔΩςΫνϟબఆ ɾσΟϨΫτϦߏ ɾ໋໊نଇ ɾίʔυͷׂ୯Ґ ɾςετཻ ˠେنͳͷͩͱؔΘΔػձࣗମ͕ك ॳظஈ֊͔ΒઃܭʹؔΘΕΔ
େن͔ͩΒͦ͜ಘΒΕΔͷ ٕज़τϨϯυͱҟͳΔֶͼಘΒΕΔ ɾվળʹ͓͚Δ։ൃϓϩηεͷࡦఆ ɾνʔϜ࡞Γ ɾφϨοδӡ༻ ɾ࡞ۀޮ্ͷͨΊͷπʔϧͷબఆ࡞ ˠظతʹ༗༻ͳݟɾεΩϧʹܨ͕Δ
αΠϘζͰͷվળͰಘΒΕΔͷ ɾBZपΓͷݟΛଟֶ͘Δ ɾαΠϘζʹBZͷઐνʔϜ͕ଘࡏ͢Δ ɾBZୡج४Λຬͨ͢6*ίϯϙʔωϯτΛ ɹνʔϜͰڠྗͯ͠࡞
·ͱΊ ˔LJOUPOFϑϩϯτΤϯυ৽·ͩ·ͩଓ͘ ˔՝ଟ͘؆୯ͳͷ͔ΓͰͳ͍͕ɺ վળαΠΫϧΛճ͋͢Δ ˔νʔϜΛՃ͢ΔͨΊͷऔΓΈ͕ඞཁͰɺ ɹͦͷͨΊʹ৽نϝϯόʔͷࢹॏཁ ˔ϨΨγʔͷܦݧΩϟϦΞ্༗༻ ͩͱࢥ͏
͔ͭେنͳΒͰͷֶͼଟ͍
8FBSFIJSJOH
ϑϩϯτΤϯυΤΩεύʔτνʔϜ 8FBSFIJSJOH