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
engineer recruitment
Search
Yosuke Furukawa
PRO
May 22, 2018
Programming
1
110
engineer recruitment
Yosuke Furukawa
PRO
May 22, 2018
Tweet
Share
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
160
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
4.6k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.4k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
280
Removing Corepack
yosuke_furukawa
PRO
9
1.7k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.9k
Strip Types と Storage
yosuke_furukawa
PRO
4
440
Module Harmony について
yosuke_furukawa
PRO
3
1.8k
LTのやり方
yosuke_furukawa
PRO
16
2.8k
Other Decks in Programming
See All in Programming
歴史から学ぶ「Why PHP?」 PHPを書く理由を改めて理解する / Learning from History: “Why PHP?” Rediscovering the Reasons for Writing PHP
seike460
PRO
0
160
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
haru860
0
170
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
tomohisa
2
5.9k
All(?) About Point Sets
hole
0
200
AI時代もSEOを頑張っている話
shirahama_x
0
100
DartASTとその活用
sotaatos
2
140
Eloquentを使ってどこまでコードの治安を保てるのか?を新人が考察してみた
itokoh0405
0
3.2k
AI 時代だからこそ抑えたい「価値のある」PHP ユニットテストを書く技術 #phpconfuk / phpcon-fukuoka-2025
shogogg
1
570
無秩序からの脱却 / Emergence from chaos
nrslib
1
5.9k
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
460
Agentに至る道 〜なぜLLMは自動でコードを書けるようになったのか〜
mackee
5
1.8k
Private APIの呼び出し方
kishikawakatsumi
3
890
Featured
See All Featured
A Tale of Four Properties
chriscoyier
162
23k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
980
YesSQL, Process and Tooling at Scale
rocio
174
15k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Docker and Python
trallard
46
3.7k
Site-Speed That Sticks
csswizardry
13
970
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Transcript
ΤϯδχΞ࠾༻ 2018/05/23 @ Cybozu
Twitter: @yosuke_furukawa Github: yosuke-furukawa
ϦΫϧʔτςΫϊϩδʔζͷ GMͱͯ͠ޠΔͷͰ͏Ұͭ ͷํͷإΛ
ϦΫϧʔτςΫϊϩδʔζ ITE౷ׅ෦ϓϩμΫτΤϯδχΞϦϯά෦ASG ݹཅհʢϑϧΧϫϤεέʣ 4 ▪৬ ࣗݾհ Application Solution GroupͷάϧʔϓϚωʔδϟ γχΞιϑτΣΞΤϯδχΞ
͓ࣸਅ ໌Δ͍දͷͷ ϓϥΠϕʔτՄ ▪GMͱͯͬͯ͠Δ͜ͱ ιϑτΣΞΤϯδχΞମ੍ͮ͘Γ ࠾༻/ධՁ νʔϜϏϧσΟϯά/ίϯαϧςΟϯά ▪γχΞͱͯͬͯ͠Δ͜ͱ R&D - React/Redux/Node.jsΛͬͨϘΠϥʔϓϨʔτ - Consumer Driven Contract πʔϧ agreed࡞ ύϑΥʔϚϯενϡʔχϯά - ࣾISUCON։͍ͨΓ - ࣾWeb Page SpeedϋοΧιϯ։͍ͨΓ
ΤϯδχΞ࠾༻ 5 ໘ ධՁ Ԡื εΧτ 1on1 ҭ ݅ རްੜ
څ༩
ΤϯδχΞ࠾༻ 6 ΤϯδχΞ࠾༻ ͱ͍ͬͯޠΔ ͜ͱ͕ଟ͍
ΤϯδχΞ࠾༻ 7 ࠾༻ લ ࠾༻ ޙ
ΤϯδχΞ࠾༻ 8 ࠾༻ લ ࠾༻ ޙ ໘ ධՁ
ΤϯδχΞ࠾༻ 9 ࠾༻ લ ࠾༻ ޙ ໘ ධՁ 10ͱ͍͏͜ͱͰࠓ໘ʹϑΥʔΧεͯ͠ൃද
࠾༻લ 10 ໘
໘ 11 ϦΫϧʔτͰ໘ େମ 2 ~ 3ճ
໘ 12 ໘৺ಘ͋Δ ͘Β͍ɺྺ࢙͕͋Δ
໘ 13 ໘৺ಘ: ެਖ਼ɾޮՌతͳ໘
໘ 14 ໘৺ಘ: ެਖ਼ɾޮՌతͳ໘ ࠩผΛ͠ͳ͍ ݸਓใͷऔѻ ʹ͍ͭͯ։ࣔ͢Δ εέδϡʔϧɾख ଓ͖ΛΦʔϓϯʹ
໘ 15 ໘৺ಘ: ެਖ਼ɾޮՌతͳ໘ ໘૬ޓධՁ͢ Δͱͯ͠ଊ͑Δ ԠืऀΛΔ ΩϟϦΞΛҰॹ ʹߟ͑Δ
໘ 16 ໘৺ಘ: ެਖ਼ɾޮՌతͳ໘ ໘૬ޓධՁ͢ Δͱͯ͠ଊ͑Δ ԠืऀΛΔ ΩϟϦΞΛҰॹ ʹߟ͑Δ
໘૬ޓཧղ͢Δͱͯ͠ଊ͑Δ 17 ࠾༻ͰҰ൪ෆͳ͜ͱ ࠾༻ͨ͠ਓ͕ظͱҧͬͨ ࠾༻͞Εͨձ͕ࣾظͱҧͬͨ
໘૬ޓཧղ͢Δͱͯ͠ଊ͑Δ 18 ࠾༻ͰҰ൪ෆͳ͜ͱ ࠾༻ͨ͠ਓ͕ظͱҧͬͨ ࠾༻͞Εͨձ͕ࣾظͱҧͬͨ ࠾༻ͷ "ϛεϚον"
໘૬ޓཧղ͢Δͱͯ͠ଊ͑Δ 19 ํ͕win-winͳؔ Ͱ͋Δ͜ͱ͕Ұ൪ྑ͍
໘૬ޓཧղ͢Δͱͯ͠ଊ͑Δ 20 ํ͕win-winͳؔ ʹͳΔʹͲ͏͢Δ͔
ํ͕win-winͷʹ͢ΔͨΊʹ 21 ݹͷ৺͕͚ ͦͷ1: ໘ͷલͷ ৬ཤྺॻ͔Β͋Δఔ࣭Λ ߟ͓͑ͯ͘
ํ͕win-winͷʹ͢ΔͨΊʹ 22 ݹͷ৺͕͚ ͦͷ1: ໘ͷલͷ ৬ཤྺॻ͔Β͋Δఔ࣭Λ ߟ͓͑ͯ͘ ྫ1: A͞Μ͕ாථཧ(ExcelΈ͍ͨͳ)Λ࡞ΔͷʹReactΛಋೖͨ͠ ݹ࣭
ExcelϥΠΫͳͷΛReactͰ࡞Δ࣌ʹߦͩͱͳ͍ ͚Ͳेߦʹ૿͑Δͱ͘ͳΓ·ͤΜ͔ʁ ྫ2: B͞Μ͕XXXͱ͍͏͘ΘΕΔϝσΟΞαʔϏεΛ࡞ͬͨ ݹ࣭ ఆ͞ΕΔਓʹରͯ͠Ͳ͏ͬͯεέʔϧ͢ΔΞʔ ΩςΫνϟʹ͔ͨ͠ʁ
ํ͕win-winͷʹ͢ΔͨΊʹ 23 ݹͷ৺͕͚ ͦͷ2: ໘ ࣌ʹԿΛ͔ͨ͠Ͱͳ ͘ɺԿΛֶΜ͔ͩΛฉ͘
ํ͕win-winͷʹ͢ΔͨΊʹ 24 ฉ͖͍ͨͷɺԿΛ͔ͨ͠ɺͱ ͍͏TODOͷDONE LIST ͡Ό ͳͯ͘ɺυϥϚ͕ฉ͖͍ͨ
ํ͕win-winͷʹ͢ΔͨΊʹ 25 ฉ͖͍ͨͷɺԿΛ͔ͨ͠ɺͱ ͍͏TODOͷDONE LIST ͡Ό ͳͯ͘ɺυϥϚ͕ฉ͖͍ͨ ѱ͍ྫ: XXXͱ͍͏αΠτΛYYYͱ ͍͏ٕज़ΛͬͯޮՌΛग़͠·ͨ͠
Α͍ྫ: XXXͱ͍͏αΠτΛYYYͱ͍͏ ٕज़ΛͬͯޮՌΛग़͠·ͨ͠ɻ݁Ռɺ ZZZͱ͍͏ֶͼΛಘ·ͨ͠ɻ
ํ͕win-winͷʹ͢ΔͨΊʹ 26 ݹͷ৺͕͚ ͦͷ3: ໘ҭͷͱଊ͑Δ
ํ͕win-winͷʹ͢ΔͨΊʹ 27 ໘Ͱٞ͢Δࣄଟ͍ɻ͔͠͠ɺ ഁ͍ͨ͠༁Ͱͳ͘ɺҰॹʹͲ͏͍͏ࣄ ͕͔͔ͨͬͨ͠ɺ͞Βʹྑ͍ιϦϡʔγϣ ϯ͕ͳ͍͔Ͳ͏͔Λ୳ͬͯରΛ௨ͯ͡ ͓ޓֶ͍͕Δػձʹ͢Δ
ํ͕win-winͷʹ͢ΔͨΊʹ 28 ٞଟ͍ɻഁ͍ͨ͠༁Ͱͳ͍ɻͲ ͏͍͏ࣄ͕͔͔ͨͬͨ͠ɺ͞Βʹྑ͍ι Ϧϡʔγϣϯ͕ͳ͍͔Ͳ͏͔Λ୳ͬͯ ରΛ௨͓ͯ͡ޓֶ͍͕Δػձʹ͢Δ
ํ͕win-winͷʹ͢ΔͨΊʹ 29 ٞଟ͍ɻഁ͍ͨ͠༁Ͱͳ͍ɻͲ ͏͍͏ࣄ͕͔͔ͨͬͨ͠ɺ͞Βʹྑ͍ι Ϧϡʔγϣϯ͕ͳ͍͔Ͳ͏͔Λ୳ͬͯ ରΛ௨͓ͯ͡ޓֶ͍͕Δػձʹ͢Δ A͞Μ: XXXΛͬͨΒYYYͱ͍͏݁Ռʹͳͬͨ ݹ: ͜͏ͨ͠Βͬͱྑ͘ͳͬͨͷͰͳ͍͔ʁ
A͞Μ: ͬͯΈΔࢼΈ͕ͨ͠ZZZͱ͍͏੍ͰͰ͖ͳ͔ͬͨ ݹ: ZZZΛݟํΛม͑ͯZZZ’ʹͨ͠ΒͲ͏͔ʁ A͞Μ: ͪΐͬͱߟ͑ͯΈΔͱͰ͖Δ͔͠Εͳ͍ͷͰͬͯΈ·͢ɻ
ํ͕win-winͷʹ͢ΔͨΊʹ 30 ໘डߨऀ͕৺͕͚Δͱྑ͍͜ͱ: ೖࣾʹϑΥʔΧεΛ߹ΘͤͨΛ ͢ΔͷͰͳ͘ɺೖࣾޙʹϑΥʔ ΧεΛ߹ΘͤͨΛͯ͠΄͍͠ ೖࣾ ೖࣾޙ
ํ͕win-winͷʹ͢ΔͨΊʹ 31 ೖࣾʹϑΥʔΧεΛ͋ͯͯ͠ ͯԿ͕͍͔͔ͨͬͯ͠ ͪ͜ΒଆʹͱͬͯԿ͕ྑ͍ͷ͔ ͔Γʹ͍͘ɻ ೖࣾ ೖࣾޙ
ํ͕win-winͷʹ͢ΔͨΊʹ 32 ඪʹ߹ΘͤͯϘʔϧΛ͛Δ ΑΓߋʹԕ͘Λࢦͯ͠Ϙʔ ϧΛ͛ͨ΄͏్͕தࣦͯ͠ ಧ͖͍͢ ೖࣾ ೖࣾޙ
·ͱΊ ▪࠾༻໘ձ͕ࣾ໘ऀΛҰํ௨ߦͰஅ͢Δॴ͡Όͳ͍ ▪໘ऀͱձࣾํ͕Win-WinʹͳΕΔ͔Ͳ͏͔ΛରͰݟ͚ͭΔॴͰ͋Δ ▪ޮՌతʹ໘͢ΔͨΊʹݹ͕ͬͯΔࣄ ▪ࣄલʹ࣭Λߟ͑Δ ▪ԿΛ͖͔ͯͨ͠Ͱͳ͘ԿΛֶΜ͔ͩͰฉ͘ ▪໘ͷΛҭͷͱͯٞ͢͠Δ ▪ޮՌతʹ໘͢ΔͨΊʹ໘ऀ͕ͬͨ΄͏͕ྑ͍͜ͱ ▪ೖࣾʹϑΥʔΧεΛͯΔͷͰͳ͘ɺೖࣾͨ͠ΒͲ͏ߩݙͰ͖Δͷ͔ɺʹ ϑΥʔΧεΛͯͯͯ͠΄͍͠
33 ϦΫϧʔτςΫϊϩδʔζͰΤϯδχΞΛ ΅͠ΎʢҎԼུʣ