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

ページ刷新を誰でも簡単にできるようにするためにやったこと

 ページ刷新を誰でも簡単にできるようにするためにやったこと

kintoneのフロントエンド刷新を手がける私のチームのプログラマは、新入社員や夜間稼働の業務委託社員など様々な人によって構成されていて、それぞれが1画面を担当しながら刷新を進めています。
チームメンバーの多くがkintoneのドメイン知識をよく知らない状態で参加したのですが、
それでも現在まで大きな困難なく刷新作業を進めることができています。

この発表では、私のチームにおける開発を誰でも簡単にできるようにするために講じた主な取り組みをご紹介します。
多くがフロントエンド刷新以外の現場でも適用できる普遍的なものなので、誰でも必見の内容ですよ!👀👍

※本資料は、2023年10月31日にサイボウズで開催されたイベント「BARフロントえんどう #1 「フロントエンドリアーキテクト」」における登壇資料です。
https://cybozu.connpass.com/event/297123/

おぐえもん

October 31, 2023
Tweet

More Decks by おぐえもん

Other Decks in Programming

Transcript

  1. ͸͡Ίʹ  • ࢲͷνʔϜͰ͸ɺ͜͏ͨ͠ϖʔδ܈ʹରͯ͠ ਓͷϓϩάϥϚ͕ը໘Λ୲ͬͯ࡮৽͍ͯ͠Δ ਌ϖʔδ ϖʔδ" ϖʔδ# ϖʔδ$ ʜ

    v ͕ Μ ͹ Δ ͧ ʙ ϖʔδ% ϓϩάϥϚͨͪ 💻 💻 💻 💻 ˞ίʔυϨϏϡʔ͸૬ޓʹߦ͏
  2. ͸͡Ίʹ  • νʔϜʹ༷ʑͳλΠϓͷਓΛܴ͍͑ͯΔ • ৽ೖࣾһʢ৽ଔத్ʣɺඇಉظՔಇͷۀ຿ҕୗࣾһͳͲ • ΠϯλʔϯʗνʔϜମݧͰ΋ը໘ͷ࡮৽ΛਐΊ͍͍ͯͨͩͨ v ͜

    ͷ ϖ ʔ δ ͸ Θ ͠ ͕ ࡞ ͬ ͨ ৽ଔࣾһ ˞νʔϜମݧ ʜ഑ଐر๬ௐࠪʹઌཱͬͯ౰ࣾ৽ଔࣾһΛ ༷ʑͳνʔϜʹԾ഑ଐͤ͞ΔऔΓ૊Έʢिؒºճʣ ϖʔδ" v ͜ ͷ ϖ ʔ δ ͸ Θ ͠ ͕ ࡞ ͬ ͨ த్৽ೖࣾһ ϖʔδ# v ͜ ͷ ϖ ʔ δ ͸ Θ ͠ ͕ ࡞ ͬ ͨ Πϯλʔϯֶੜ ϖʔδ$ v ͜ ͷ ϖ ʔ δ ͸ Θ ͠ ͕ ࡞ ͬ ͨ ۀ຿ҕୗࣾһ ϖʔδ%
  3. ओͳऔΓ૊Έᶃ ⚖౷Ұతͳܾ·Γ࡞Γ  Ͳͷϖʔδʹ΋௨͡Δ࣮૷ͷܾ·ΓΛܾΊΔ 3PVUJOHઃఆ ਽ܗ࡞੒ ॳग़$PNQPOFOU࣮૷ ʜ Ͳͷϖʔδ΋ ͜ͷΑ͏ͳ࡞ۀ୯Ґ

    ྲྀΕͰ࡞ۀ͢Δʂ "1*௨৴ॲཧ࣮૷ ϖʔδ΁ͷ $PNQPOFOU഑ஔ Ͳͷϖʔδ΋ ͜ͷΑ͏ͳϑΥϧμߏ੒Ͱ࣮૷͢Δʂ Ͳͷϖʔδ΋ ͜ͷΑ͏ͳ༷ࣜͰϓϧϦΫΤετΛ࡞੒͢Δʂ
  4. ओͳऔΓ૊Έᶄ 📃υΩϡϝϯτ࡞Γ  લड़ͷܾ·ΓΛத৺ʹจॻԽ͢Δ • ؀ڥߏஙखॱ • ϑΥϧμߏ੒ • ࡮৽࡞ۀͷखॱ

    • 1#*ͷਐΊํ ʜ ˞1#*ϓϩμΫτόοΫϩάΞΠςϜ ͜ΕΛ࡞ΓࠐΊ͹ɺ ΍Δ΂͖࢓ࣄ͕໌Β͔ʹͳΔͷͰ ৽ਓͷํʹΑΔ࡞ۀͷ೉қ౓͕Լ͕Δ ʮ࡮৽ͷྲྀΕʯυΩϡϝϯτͷ๯಄໨࣍⾣ ϙΠϯτ👍
  5. ओͳऔΓ૊Έᶄ 📃υΩϡϝϯτ࡞Γ  l୭Ͱ΋؆୯zࢤ޲ͷυΩϡϝϯτΛ࡞Δίπ💪 • ໨తܦҢΑΓԿΛ΍Δͷ͔ʹॏ͖Λஔ͘ • ͋ͪͪ͜ʹখ෼͚͢ΔΑΓ จॻͰ໢ཏͨ͠ํ͕ಡΈख͸ָ ᶃ

    ΍Δ͜ͱΛ໢ཏతʹॻ͘ • ۩ମྫΛࣔͯ͜͠ΕΛਅࣅͨ͠ΒԿͱ͔ͳΔঢ়ଶΛ࡞Δ • աڈͷϓϧϦΫΤετ͕ྑ͍खຊʹͳΔ • ϓϧϦΫΤετपΓͷܾ·ΓΛ࡞Δͷ͕ྑ͍ཧ༝͸ίϨ ᶄ ͓खຊΛ༻ҙ͢Δ ΍Δ͜ͱΛ ۩ମతʹॻ͘⾣ ˛͓खຊ 13 Λࣔ͢
  6. ओͳऔΓ૊Έᶅ 🚧ணखॱͷ޻෉  ؆୯ɾগྔͳϖʔδ͸zདྷͨΔ৽ਓzʹඋ͑ͯετοΫ͢Δ Ή͔͍ͣ͠ ;ͭ͏ϖʔδ ͔ΜͨΜϖʔδ ͓ʹ ͔ΜͨΜ ͔ΜͨΜ

    ʜ ;ͭ͏ ;ͭ͏ ετοΫ v ख औ Γ ૣ ͘ ਐ ௙ ͕ ཉ ͠ ͍ ͚ Ͳ Ψ Ϛ ϯ ͩ ʙ ✅ ීஈ͸;ͭ͏Ҏ্ͷϖʔδΛ࡮৽͢Δ Ή͔͍ͣ͠ ;ͭ͏ϖʔδ ͔ΜͨΜϖʔδ ͔ΜͨΜ ͔ΜͨΜ ʜ ;ͭ͏ ;ͭ͏ ετοΫ ͔ΜͨΜϖʔδ ✅ ֶੜʗ৽ਓͷํΛܴ͑Δͱ͖ʹ ͔ΜͨΜͳϖʔδΛखֻ͚ͯ΋Β͏
  7. ·ͱΊ  • ࡮৽࡞ۀΛ୭Ͱ΋؆୯ʹͰ͖ΔΑ͏ʹ͢Δͱɺ ਓһΛ૿΍ͯ͠Ͳͬͱ։ൃͰ͖Δଞɺ৽ਓڭҭʹ΋׆༻Ͱ͖Δ • ࣍ͷऔΓ૊ΈͰɺ୭Ͱ΋؆୯ʹͰ͖ΔΑ͏ʹͳΓ·ͨ͠ • ϖʔδΛ௒͑ͨڞ௨ϧʔϧ࡞Γ •

    ୭Ͱ΋؆୯ʹΘ͔ΔυΩϡϝϯτͷ੔උ • ৽ਓͷํʹ؆୯ͳϖʔδ͕ߦ͖ΘͨΔΑ͏ͳணखॱͷ޻෉ v Έ Μ ͳ ΋ ϖʔ δ ࡮ ৽ Λ ͕ Μ ͹ͬͯ Ͷ ʙ ʂ