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.6k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
450
Toyama.rb
mugi_uno
1
140
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.5k
マルチカーソルのLT
mugi_uno
0
290
Other Decks in Technology
See All in Technology
Snowflake Intelligenceで実現できるノーコードAI活用
takumimukaiyama
1
290
OAuth/OpenID Connectで実現するMCPのセキュアなアクセス管理
kuralab
5
680
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
yudai00
0
450
讓測試不再 BB! 從 BDD 到 CI/CD, 不靠人力也能 MVP
line_developers_tw
PRO
0
1k
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
220
白金鉱業Meetup_Vol.19_PoCはデモで語れ!顧客の本音とインサイトを引き出すソリューション構築
brainpadpr
2
450
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
120
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
1
170
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
12
3.5k
AWS CDK 実践的アプローチ N選 / aws-cdk-practical-approaches
gotok365
4
230
~宇宙最速~2025年AWS Summit レポート
satodesu
1
590
ローカルLLMでファインチューニング
knishioka
0
110
Featured
See All Featured
Building an army of robots
kneath
306
45k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Music & Morning Musume
bryan
46
6.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The Cult of Friendly URLs
andyhume
79
6.4k
Writing Fast Ruby
sferik
628
61k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Scaling GitHub
holman
459
140k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
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