$30 off During Our Annual Pro Sale. View Details »

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

Hajime Mugishima
October 08, 2021
Technology
3
1.3k

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

2021/10/08
Cybozu Tech Meetup #16

Hajime Mugishima

October 08, 2021
Tweet

More Decks by Hajime Mugishima

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

Other Decks in Technology

See All in Technology
Oracle Funtions ご紹介 / oracle-functions-overview
oracle4engineer
PRO
0
470
C#11 による世界最速バイナリシリアライザー「MemoryPack」の作り方
neuecc
0
1.6k
221203 Power 界隈ではない立場からPower Automate の強さについてライトに語ってみる_株式会社コミュカル Mitz
comucal
PRO
0
190
AutoAI_Madoka Magica_AIを使いたくても使えない人に贈るAutoAI もう何も怖くない。奇跡も、魔法も、あるんだよ
tkhresk
0
180
ECS Service Connectによるサービスの新しいつなぎ方 / A new way to connect services with ECS Service Connect
iselegant
9
1.1k
EMになって半年でやったこと
yuu26
0
330
re:Growth 2022 Amazon Verified Permissions/妄想を膨らませる_チバユキ
yukihirochiba
0
330
OracleのCloud Native 戦略／ソリューションの特徴 / oracle-cloud-native-strategy-overview
oracle4engineer
PRO
1
190
忙しい人のためのRocky Linux入門～CentOSの後継者たり得るか？～
zembutsu
PRO
0
560
事業をエンジニアリングし続けるなかで見えてきた私のキャリア / forkwell-cto-suzuken
carta_engineering
1
190
日経におけるデータエンジニアリングの取り組み ~ NIKKEI Tech Talk #2
htamakos
0
140
Next decade of Rails Girls and the community
okuramasafumi
1
120

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Robots, Beer and Maslow
schacon
154
7.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
42k
KATA
mclloyd
10
9.4k
Atom: Resistance is Futile
akmur
256
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
8
1.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
Rails Girls Zürich Keynote
gr2m
87
12k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
For a Future-Friendly Web
brad_frost
166
7.7k
Embracing the Ebb and Flow
colly
74
3.5k

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