Upgrade to Pro — share decks privately, control downloads, hide ads and more …

kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜

0f162107f1b716c9fa62d6071eb8b995?s=47 Hajime Mugishima
October 08, 2021
Technology
3
1.2k

kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜

2021/10/08
Cybozu Tech Meetup #16

0f162107f1b716c9fa62d6071eb8b995?s=128

Hajime Mugishima

October 08, 2021
Tweet

More Decks by Hajime Mugishima

See All by Hajime Mugishima
コロナ禍 Frontend おさらい
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
260
Toyama.rb
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
33
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
7
2.4k
脱レガシーフロントエンドのために知っておいたほうがいいこと
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
20
6.9k
マルチカーソルのLT
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
0
110
消費税軽減税率制度
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
7
6.5k
レガシーなフロントエンドに立ち向かう
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
280
15分で知(った気にな)る最近のフロントエンド事情
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
2
160
Webpacker is installed 🎉🍰
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
1.6k

Other Decks in Technology

See All in Technology
LINEスタンプの実例紹介 小さく始める障害検知・対応・振り返りの 改善プラクティス
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
3
1.3k
Salesforce女子部-権限についてまとめてみたその１
F95794a2051e510588225c20afb7e3b2?s=48 sfggjp
0
180
20220510_簡単にできるコスト異常検出（Cost Anomaly Detection） /jaws-ug-asa-cost-anomaly-detection-20220510
97b3cca999b52cb5296675ac0a5c12cd?s=48 emiki
2
310
GitHub 엔터프라이즈 어카운트 소개 및 엔터프라이즈 서버 구축 경험
330c5e37fb238d6b319ae6e18770f44b?s=48 posquit0
1
140
Deeplearning from almost scratch
180bbdf8267422d5814fd498ecea043a?s=48 hn410
0
580
Who owns the Service Level?
93c80c388fe9d8f9df7d030549a0ff0b?s=48 chaspy
5
790
AWS CLI入門_20220513
1642254df0e7560327cda4ddc071397e?s=48 suzakiyoshito
0
3.7k
完全に理解した　incremetal　〜そして、何もわからないへ〜
F40e385e485eafaed67850df08b122d0?s=48 mashiike
0
210
5分で完全理解するGoのiota
9c23bec5e8b0aa1d9458d40800987347?s=48 uji
3
1.9k
Adopting Kafka for the #1 job site in the world
D984cd543d2abef28596cc5cfe82240c?s=48 ymyzk
1
280
srenext2022-skaru
B16717ef4b7aab0b253d933c3934f280?s=48 mixi_engineers
0
410
プロダクトグロースと技術のベースアップを両立させるRettyのアプリ開発スタイル / Achieve Product Growth and Tech Update
1a74617b91d2757b839b9cf3614648ce?s=48 imaizume
1
270

Featured

See All Featured
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
596
63k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1M
KATA
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
7
8.6k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
33k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
3
430
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
212
7.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
29
4.3k
A better future with KSS
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
225
15k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
119
28k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
124
11k
Distributed Sagas: A Protocol for Coordinating Microservices
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
19k

Transcript

  1. $ZCP[V5FDI.FFUVQ LJOUPOFϑϩϯτΤϯυ࡮৽ ʙ৽نࢀՃ̑ϲ݄͔ΒݟΔϦΞϧʙ αΠϘ΢ζגࣜձࣾ ϑϩϯτΤϯυΤΩεύʔτνʔϜ ഴౡҰ!NVHJ@VOP

  2. ࣗݾ঺հ ഴౡҰ Ή͗͠·͸͡Ί !NVHJ@VOP ɾத్ೖࣾ ɾϑϩϯτΤϯυΤΩεύʔτνʔϜ ɾϑϧϦϞʔτ ෋ࢁ

  3. ࿩͢͜ͱ ˔LJOUPOFͷ͝঺հ ˔LJOUPOFϑϩϯτΤϯυ࡮৽ ˔ೖࣾ̑ϲ݄͔ΒݟͨϦΞϧ 
 ˔๊͑Δ՝୊ͱղܾࡦ 
 ˔ΤϯδχΞͱͯ͠ಘΒΕΔ΋ͷ

  4. LJOUPOF

  5. LJOUPOF 🔗αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU

  6. LJOUPOF 🔗αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU

  7. LJOUPOF 🔗αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU

  8. LJOUPOFϑϩϯτΤϯυ࡮৽

  9. LJOUPOFϑϩϯτΤϯυ࡮৽ ྺ࢙͕௕͍αʔϏεˠਐΉϨΨγʔԽ ɾ$MPTVSF5PPMTओମͷίʔυϕʔε ɾओྲྀͳϑϩϯτΤϯυࣄ৘ͱͷဃ཭ ɾֶशΛؚΉ։ൃϝϯςφϯείετ ɾ࠾༻ΛؚΉະདྷ΁ͷӨڹ

  10. LJOUPOFϑϩϯτΤϯυ࡮৽ ΞʔΩςΫνϟΛ࡮৽த ˣ 5ZQF4DSJQU3FBDUͳͲʹঃʑʹஔ͖׵͑

  11. ϑϩϯτΤϯυΤΩεύʔτνʔϜ ✕ LJOUPOFϑϩϯτΤϯυ࡮৽

  12. ϑϩϯτΤϯυΤΩεύʔτνʔϜ େ͖̏࣠͘ͰϑϩϯτΤϯυ࡮৽ʹڠྗ ˔3FBDUԽͷ࣮࡞ۀΛਐΊΔνʔϜ ˔೉қ౓͕ߴ͍ՕॴͷࣄલݕূΛߦ͏νʔϜ ˔ϚΠΫϩαʔϏεԽͷࢪࡦݕ౼Λߦ͏νʔϜ ˠLJOUPOF։ൃνʔϜͱͷϞϒ ˠϓϩτλΠϓ࡞੒ͳͲͷઌճΓରԠ ˠະདྷͷཧ૝Λݟਾ͑ͨݕূ

  13. ݱࡏͷਐḿ ؅ཧը໘ 🏁ΰʔϧ  ϦεΫ௿Ίͷ؅ཧը໘Ͱׂ̓΄Ͳ׬ྃ

  14. ؅ཧը໘ ೉қ౓͕ߴ͍਺ʑͷը໘ ϦεΫ௿Ίͷ؅ཧը໘Ͱׂ̓΄Ͳ׬ྃ ˣ ·ͩઌ͸௕͍ 🏁ΰʔϧ ݱࡏͷਐḿ

  15. ΋ͬͱ஌Γ͍ͨํ͸ 🎥IUUQTXXXZPVUVCFDPNXBUDI W;YFK;+6D

  16. 🔥ೖࣾ̑ϱ݄ࢹ఺ͰͷϦΞϧͳ࿩🔥

  17. ೖࣾલͷؾ࣋ͪ ɾϑϩϯτΤϯυͷϨΨγʔվળͷܦݧ͸͋ͬͨ  ୤ϨΨγʔΛςʔϚʹࣥච΋ͨ͠  ɾͻͱΓͰ΋όϦόϦվળͯ͠΍Δͧʙ👍👍👍

  18. ݱ࣮ ɾେن໛ϑϩϯτΤϯυͷน ɾίʔυΛ௥͏͚ͩͰ΋Ұۤ࿑ ɾԿ͔ΒखΛ෇͚Ε͹ʜʁʁ

  19. ͳʹ͕ҧ͏ͷ͔ʁ ɾݸਓPSগਓ਺Ͱ΍ΕΔൣғ͕޿͍ ɾҰਓͷྗͰڧҾʹରॲͰ͖Δ͜ͱ΋͋Δ ˔খʙதن໛ ˔େن໛ ɾҰఆਓ਺Ҏ্ͷνʔϜͰͷରॲ͕લఏ ɾݸਓͰ΍ΕΔൣғ͸ݶք͕͋Δ ˠݸਓͷྗ νʔϜΛՃ଎ͤ͞Δ޻෉ɾࢪࡦ͕ඞཁ

  20. LJOUPOFϑϩϯτΤϯυ࡮৽ͷ՝୊ͱղܾࡦ

  21. 🔥ίʔυཧղͷίετͷߴ͞ ๲େͳίʔυྔ ɾສߦΛ௒͑Δ+4ίʔυ ɾը໘ಡΜͰ͍͚ͩ͘Ͱ΋Ұۤ࿑

  22. 🔥ίʔυཧղͷίετͷߴ͞ $MPTVSF5PPMT ɾੈͷதͰͷ৘ใͷগͳ͞ 
  (PPHMFݕࡧΑΓࣾ಺φϨοδͷ΄͏͕๛෋  ɾ&WFOU1VC4VCʹΑΔδϟϯϓ ɾը໘ͱͷಥ͖߹Θͤͷखؒ

  23. 💡೔ৗతͳϞϒɾϖΞ࡞ۀ جຊతʹ͸ϞϒɾϖΞͰ࡞ۀ͢Δ ɾ࡞ۀϓϥϯχϯάͷஈ֊͔Βෳ਺ਓͰ࡞ۀ ɾඇಉظͷίϛϡχέʔγϣϯίετΛ཈͑Δ ɾ༗ࣝऀ͔ΒμΠϨΫτʹ஌ݟΛٵऩ͢Δ

  24. 🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ௨ৗͷLJOUPOF։ൃͱಉ͡ϓϩηεͰ࡞ۀ͍ͯͨ͠ ɾεΫϥϜXFFLεϓϦϯτ ɾόοΫϩάˠϦϦʔεՄೳͳҙຯͷ͋Δ୯Ґ ˠܧଓతʹ҆ఆͨ͠Ձ஋ΛఏڙͰ͖Δͷ͕ར఺

  25. 🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ϨΨγʔվળͱ͸૬ੑ͕ѱ͍෦෼͕͋Δ ɾͦ΋ͦ΋ϦϦʔεαΠΫϧ͕ҟͳΔ ɾҰ෦εΫϥϜΠϕϯτّ͕ࣜతͳࢀՃʹͳΔ ɾҙࢥܾఆͷ଴͕ͪൃੜ͢Δ

  26. 💡։ൃϓϩηεͷݟ௚͠ ΑΓਐΊ΍͍͢ܗʹมߋ ɾΠϕϯτࢀՃ͸ඞཁͳ΋ͷͷΈʹߜΔ ɾҙࢥܾఆΛLJOUPOF։ൃͱ͸ಠཱͯ͠ߦ͏ ɾίϛϡχέʔγϣϯʹ4MBDLΛ׆༻ 
  αΠϘ΢ζશମͰ͸LJOUPOF͕ओྲྀ ˠ͍·Ͱ΋೔ʑվળத

  27. ৽نϝϯόʔͱͯ͠ײͨ͡՝୊ͱ΍ͬͨ͜ͱ

  28. ׳Ε΁ͷґଘ ɾ՝୊ʹରͯ͠׳ΕΕ͹େৎ෉͕ղܾࡦͳ͜ͱ͕͋Δ 
 ྫ$MPTVSF5PPMTͷίϯϙʔωϯτͱରԠը໘͸׳ΕΕ͹֮͑Δ ɾ׳Εʹ͸࠶ݱੑ͕ͳ͘ݸਓ͕ࠩେ͖͍ ɾେن໛ϑϩϯτΤϯυ࡮৽͸ରԠظؒ΋௕͍ ؔΘΔϝϯόʔ΋ଟ͘ͳΔ ɾ׳ΕΔ·Ͱͷίετ͸Կ౓΋܁Γฦ͞ΕΔ

  29. ͳʹΛ͢΂͖͔ʁΛߟ͑Δ🤔

  30. ׳Ε΁ͷґଘΛݮΒ͢ ɾ׳Εͯ͠·ͬͨਓʹͱͬͯ͸՝୊Ͱ͸ͳ͘ͳΔ ˠ৽نϝϯόʔͱͯ͠ײͨ͡՝୊Λ ɹࣗ෼͕৽نϝϯόʔͷ͏ͪʹղܾ͢Δ ɾ׳Ε͸ଐਓੑͱ΋ղऍͰ͖Δ ׳Ε͍ͯͳͯ͘΋Ͱ͖Δ͕ཧ૝

  31. ৘ใΛࢹ֮Խ ࣗ෼͕٧·ͬͨՕॴΛࢿྉԽͯ͠࢒͢ ܧঝਤ ॳظԽϑϩʔ ίϯϙʔωϯτରԠਤ

  32. $MPTVSF5PPMT%FW5PPMTΛ࡞੒ 3FBDU%FW5PPMTͷΑ͏ͳ $ISPNF֦ுΛ࡞੒ 🔗$ZCP[V*OTJEF0VUϑϩϯτΤϯυ࡮৽ͷͨΊʹ%FW5PPMTΛ࡞ͬͯ։ൃΛḿΒͤΔIUUQTCMPHDZCP[VJPFOUSZ ˠίʔυཧղΛՃ଎

  33. αΠϘ΢ζͱ͍͏૊৫ͷ෩౔ ɾ໋ྩ΍ࢦࣔ͸ͳ͍ʢϗϯτʹແ͍ʣ ɾϑϩϯτΤϯυ࡮৽ͱ͍͏໨ඪʹରͯ͠ ɹ֤͕ࣗʮඞཁͩʂʯͱࢥ͑Δ͜ͱΛ΍ΕΔ ɾͦ͜ʹ৽نϝϯόʔ͔Ͳ͏͔ͷڥք͸ແ͍

  34. 🎓ΤϯδχΞͱͯ͠ಘΒΕΔ΋ͷ ݸਓͷݟղΛؚΈ·͢

  35. ୤ϨΨγʔܦݧࣗମͷՁ஋ ɾϨΨγʔվળ͸ಛผͳ΋ͷͰ͸ͳ͍ ͍·͸ϞμϯͰ΋͕࣌ؒܦͯ͹ϨΨγʔʹ ɾΤϯδχΞΛଓ͚͍ͯͯආ͚ଓ͚Δͷ͸೉͍͠ ɾ୤ϨΨγʔࣗମʹৗʹҰఆͷधཁ͕͋Δ ɾܦݧ஋ͱ͓ͯ࣋ͬͯ͘͠ϝϦοτ͸͋Δ

  36. ػձʹ͸όϥ͖͕ͭ͋Δ ɾখ͍͞վળ͸ػձ΋ଟ͘ɺݸਓɾগਓ਺ͰऔΓ૊ΊΔ ɾେن໛ͳ࡮৽͸ػձࣗମ͕௝͍͠ ˠҙࢥܾఆͷλΠϛϯά͕গͳ͍

  37. େن໛͔ͩΒͦ͜ಘΒΕΔ΋ͷ ɾΞʔΩςΫνϟબఆ ɾσΟϨΫτϦߏ଄ ɾ໋໊نଇ ɾίʔυͷ෼ׂ୯Ґ ɾςετཻ౓ ˠେن໛ͳ΋ͷͩͱؔΘΔػձࣗମ͕ك ॳظஈ֊͔ΒઃܭʹؔΘΕΔ

  38. େن໛͔ͩΒͦ͜ಘΒΕΔ΋ͷ ٕज़τϨϯυͱ͸ҟͳΔֶͼ΋ಘΒΕΔ ɾվળʹ͓͚Δ։ൃϓϩηεͷࡦఆ ɾνʔϜ࡞Γ ɾφϨοδӡ༻ ɾ࡞ۀޮ཰޲্ͷͨΊͷπʔϧͷબఆ΍࡞੒ ˠ௕ظతʹ༗༻ͳ஌ݟɾεΩϧʹܨ͕Δ

  39. αΠϘ΢ζͰͷվળͰಘΒΕΔ΋ͷ ɾBZपΓͷ஌ݟΛଟֶ͘΂Δ ɾαΠϘ΢ζʹ͸BZͷઐ໳νʔϜ͕ଘࡏ͢Δ ɾBZୡ੒ج४Λຬͨ͢6*ίϯϙʔωϯτΛ ɹνʔϜͰڠྗͯ͠࡞੒

  40. ·ͱΊ ˔LJOUPOFϑϩϯτΤϯυ࡮৽͸·ͩ·ͩଓ͘ ˔՝୊͸ଟ͘؆୯ͳ΋ͷ͹͔ΓͰ΋ͳ͍͕ɺ վળαΠΫϧΛճ͢౔৕͸͋Δ ˔νʔϜΛՃ଎͢ΔͨΊͷऔΓ૊Έ͕ඞཁͰɺ 
 ɹͦͷͨΊʹ৽نϝϯόʔͷࢹ఺΋ॏཁ ˔୤ϨΨγʔͷܦݧ͸ΩϟϦΞ্༗༻ ͩͱࢥ͏ 


    ͔ͭେن໛ͳΒͰ͸ͷֶͼ΋ଟ͍

  41. 8FBSFIJSJOH

  42. ϑϩϯτΤϯυΤΩεύʔτνʔϜ΋ 8FBSFIJSJOH