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
mugi / Hajime Mugishima
October 08, 2021
Technology
3
1.8k
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
2021/10/08
Cybozu Tech Meetup #16
mugi / Hajime Mugishima
October 08, 2021
Tweet
Share
More Decks by mugi / Hajime Mugishima
See All by mugi / Hajime Mugishima
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.5k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
13
7k
New Order in Cascade Sorting Order
mugi_uno
3
3.8k
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
150
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.6k
Other Decks in Technology
See All in Technology
見てわかるテスト駆動開発
recruitengineers
PRO
6
2.4k
ライブサービスゲームQAのパフォーマンス検証による品質改善の取り組み
gree_tech
PRO
0
420
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
710
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
masayamoriofficial
0
160
AIエージェントの活用に重要な「MCP (Model Context Protocol)」とは何か
masayamoriofficial
0
240
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
190
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
2
1k
モバイルアプリ研修
recruitengineers
PRO
5
1.6k
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
32
12k
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
macnekoayu
0
250
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
350
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
150
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Building Adaptive Systems
keathley
43
2.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Designing for humans not robots
tammielis
253
25k
A Tale of Four Properties
chriscoyier
160
23k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
For a Future-Friendly Web
brad_frost
179
9.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
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