Slide 1
Slide 1 text
© Willgate,Inc.
エンジニア基礎
ウィルゲート 2024年度エンジニア新卒研修
Slide 2
Slide 2 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
3
Slide 3
Slide 3 text
© Willgate,Inc.
© Willgate,Inc.
1. ガイダンス
4
Slide 4
Slide 4 text
© Willgate,Inc.
研修の目的・目標
エンジニアとして成長していくために、エンジニアとして必要なスタン
スやマインドについて知る
5
Slide 5
Slide 5 text
© Willgate,Inc.
研修の目的・目標
学習する必要があるスキルのピラミッド
6
テクニカルスキル
ポータブル
スキル
スタンス‧
マインド
ポテンシャル
抽象的∕習得難
具体的∕習得易
個別の⾔語理解‧習得、個別技術の
習得
プロジェクトマネジメント、対⼈能
⼒、プログラミング的思考⼒
達成志向⼒、柔軟性、感情コント
ロール⼒、共感性、情報収集
技術的好奇⼼、クリエイティビティ
情報発信⼒、学習効率
Slide 6
Slide 6 text
© Willgate,Inc.
研修の目的・目標
学習する必要があるスキルのピラミッド
7
テクニカルスキル
ポータブル
スキル
スタンス‧
マインド
ポテンシャル
抽象的∕習得難
具体的∕習得易
個別の⾔語理解‧習得、個別技術の
習得
プロジェクトマネジメント、対⼈能
⼒、プログラミング的思考⼒
達成志向⼒、柔軟性、感情コント
ロール⼒、共感性、情報収集
技術的好奇⼼、クリエイティビティ
情報発信⼒、学習効率
トレンドにより
陳腐化しやすい
Slide 7
Slide 7 text
© Willgate,Inc.
研修の目的・目標
学習する必要があるスキルのピラミッド
8
テクニカルスキル
ポータブル
スキル
スタンス‧
マインド
ポテンシャル
抽象的∕習得難
具体的∕習得易
個別の⾔語理解‧習得、個別技術の
習得
プロジェクトマネジメント、対⼈能
⼒、プログラミング的思考⼒
達成志向⼒、柔軟性、感情コント
ロール⼒、共感性、情報収集
技術的好奇⼼、クリエイティビティ
情報発信⼒、学習効率
今回の研修で扱う
Slide 8
Slide 8 text
© Willgate,Inc.
研修の目的・目標
学習する必要があるスキルのピラミッド
9
テクニカルスキル
ポータブル
スキル
スタンス‧
マインド
ポテンシャル
抽象的∕習得難
具体的∕習得易
個別の⾔語理解‧習得、個別技術の
習得
プロジェクトマネジメント、対⼈能
⼒、プログラミング的思考⼒
達成志向⼒、柔軟性、感情コント
ロール⼒、共感性、情報収集
技術的好奇⼼、クリエイティビティ
情報発信⼒、学習効率
下に行けば行くほど、習得が難しく、時間もかかる
Slide 9
Slide 9 text
© Willgate,Inc.
研修の目的・目標
学習する必要があるスキルのピラミッド
10
テクニカルスキル
ポータブル
スキル
スタンス‧
マインド
ポテンシャル
抽象的∕習得難
具体的∕習得易
個別の⾔語理解‧習得、個別技術の
習得
プロジェクトマネジメント、対⼈能
⼒、プログラミング的思考⼒
達成志向⼒、柔軟性、感情コント
ロール⼒、共感性、情報収集
技術的好奇⼼、クリエイティビティ
情報発信⼒、学習効率
1年目から何を意識して、どう仕事をしていくかが重要！
Slide 10
Slide 10 text
© Willgate,Inc.
研修の進め方
● 基本インプットで進めます
● 実践パートなどはありません
● わからないことがあったらコメントや声を出して質問してください
○ 「なるほど」「知らなかった」「これってどういうこと？」
11
Slide 11
Slide 11 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
12
Slide 12
Slide 12 text
© Willgate,Inc.
© Willgate,Inc. 13
2. エンジニアとしての基本心構え
Slide 13
Slide 13 text
© Willgate,Inc.
プロ意識とは？
プロ意識
14
Slide 14
Slide 14 text
© Willgate,Inc.
プロ意識とは？
→ プロフェッショナルである自覚を持つこと
プロ意識
15
Slide 15
Slide 15 text
© Willgate,Inc.
プロ意識とは？
→ プロフェッショナルである自覚を持つこと
私たちは、会社に所属しエンジニアとしてのスキルを提供し、お給料をもらう
会社は、お給料を支払い、対価としてエンジニアの仕事をしてもらっている
プロ意識
16
Slide 16
Slide 16 text
© Willgate,Inc.
プロ意識とは？
→ プロフェッショナルである自覚を持つこと
私たちは、会社に所属しエンジニアとしてのスキルを提供し、お給料をもらう
会社は、お給料を支払い、対価としてエンジニアの仕事をしてもらっている
→ プロとしてスキルを使って仕事することを期待されている
→ 成長してレベルの高い仕事をすることを期待されている
プロ意識
17
Slide 17
Slide 17 text
© Willgate,Inc.
なぜ、プロ意識が必要か？
プロ意識
18
Slide 18
Slide 18 text
© Willgate,Inc.
なぜ、プロ意識が必要か？
社内・チーム内では新人であるけど、ユーザやクライアントにとっては関係ない
良いプロダクトを作り、顧客に提供することを期待されている
例）レストランの料理を新人が作っていようと、お客さんには関係ない
美味しい料理を作り、お客さんに提供することを期待されている
プロ意識
19
Slide 19
Slide 19 text
© Willgate,Inc.
プロダクト担当エンジニアとしてのプロ意識とは？
● ドメイン知識を正しく理解する
● 自分のプロダクトに1番詳しい人になる
● プロダクトの歴史を想像する
プロ意識
20
Slide 20
Slide 20 text
© Willgate,Inc.
プロ意識
ドメイン知識を正しく理解する
正しく理解していないと、設計・実装して形に出来ない
21
Slide 21
Slide 21 text
© Willgate,Inc.
プロ意識
ドメイン知識を正しく理解する
正しく理解していないと、設計・実装して形に出来ない
→ 良いプロダクトを作るために重要
22
Slide 22
Slide 22 text
© Willgate,Inc.
プロ意識
ドメイン知識を正しく理解する
正しく理解していないと、設計・実装して形に出来ない
→ 良いプロダクトを作るために重要
同じ名前や同じテーブルのデータを使っていたとしても、違うドメインを指して
いることがある（よくある）
また、違う名前だとしても同じドメインをさしていることもある（よくある）
23
Slide 23
Slide 23 text
© Willgate,Inc.
プロ意識
正しくドメインを理解せず、設計して実装したらどうなるか？
24
Slide 24
Slide 24 text
© Willgate,Inc.
プロ意識
正しくドメインを理解せず、設計して実装したらどうなるか？
例）
消費税を表示する画面が複数ある
それぞれの画面で合計金額に消費税10%をかけて表示する処理を実装している
25
Slide 25
Slide 25 text
© Willgate,Inc.
プロ意識
正しくドメインを理解せず、設計して実装したらどうなるか？
例）
消費税を表示する画面が複数ある
それぞれの画面で合計金額に消費税10%をかけて表示する処理を実装している
お国「・・・消費税、20%にします！！(TT)」
それぞれの画面の消費税率を20%に直す修正が必要になった
26
Slide 26
Slide 26 text
© Willgate,Inc.
プロ意識
正しくドメインを理解せず、設計して実装したらどうなるか？
例）
消費税を表示する画面が複数ある
それぞれの画面で合計金額に消費税10%をかけて表示する処理を実装している
お国「・・・消費税、20%にします！！(TT)」
それぞれの画面の消費税率を20%に直す修正が必要になった
1つの画面で修正漏れが発生したら、障害になる
27
Slide 27
Slide 27 text
© Willgate,Inc.
プロ意識
自分のプロダクトに1番詳しい人になる
28
Slide 28
Slide 28 text
© Willgate,Inc.
プロ意識
自分のプロダクトに1番詳しい人になる
コードの中身、機能の使い方・使われ方などあらゆること
29
Slide 29
Slide 29 text
© Willgate,Inc.
プロ意識
自分のプロダクトに1番詳しい人になる
コードの中身、機能の使い方・使われ方などあらゆること
プロダクトへの理解を深め、1番詳しくなるために行動する意識を持つことが大事
※「1番詳しくなれ」という話ではない
30
Slide 30
Slide 30 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を想像する
31
Slide 31
Slide 31 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を想像する
プロダクトへの理解が深まると、システムの歴史も想像出来るようになってくる
32
Slide 32
Slide 32 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を想像する
プロダクトへの理解が深まると、システムの歴史も想像出来るようになってくる
自分が通る道（改修する機能）の歴史や背景を知っていくように、心がける
33
Slide 33
Slide 33 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を想像する
プロダクトへの理解が深まると、システムの歴史も想像出来るようになってくる
自分が通る道（改修する機能）の歴史や背景を知っていくように、心がける
また、自分もプロダクトの歴史の一部であることは理解しておきましょう
34
Slide 34
Slide 34 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を知らないとどうなるか？
35
Slide 35
Slide 35 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を知らないとどうなるか？
→ プロダクトの機能やソースコードが間違った方向へ行ってしまう
36
Slide 36
Slide 36 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を知らないとどうなるか？
→ プロダクトの機能やソースコードが間違った方向へ行ってしまう
→ プロダクトの品質・価値を落としてしまう
37
Slide 37
Slide 37 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を知らないとどうなるか？
→ プロダクトの機能やソースコードが間違った方向へ行ってしまう
→ プロダクトの品質・価値を落としてしまう
例）[歴史] 散らばっていた消費税のロジックを1箇所にまとめた
38
Slide 38
Slide 38 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を知らないとどうなるか？
→ プロダクトの機能やソースコードが間違った方向へ行ってしまう
→ プロダクトの品質・価値を落としてしまう
例）[歴史] 散らばっていた消費税のロジックを1箇所にまとめた
→ 新しく消費税を使う画面が増えた（そして、消費税のロジックを実装）
39
Slide 39
Slide 39 text
© Willgate,Inc.
プロ意識
プロダクトの歴史を知らないとどうなるか？
→ プロダクトの機能やソースコードが間違った方向へ行ってしまう
→ プロダクトの品質・価値を落としてしまう
例）[歴史] 散らばっていた消費税のロジックを1箇所にまとめた
→ 新しく消費税を使う画面が増えた（そして、消費税のロジックを実装）
→ 歴史を知らないと、新しいファイルに実装してまた散らばってしまう
→ 障害に繋がる可能性が上がる
40
Slide 40
Slide 40 text
© Willgate,Inc.
仕事する上で大事な振る舞い
41
Slide 41
Slide 41 text
© Willgate,Inc.
仕事する上で大事な振る舞い
他チームとの連携
42
Slide 42
Slide 42 text
© Willgate,Inc.
仕事する上で大事な振る舞い
他チームとの連携
→ 他チームの人が普段何をして・何を考えているのかを把握するための行動をする
行動する意識を持つ
43
Slide 43
Slide 43 text
© Willgate,Inc.
仕事する上で大事な振る舞い
他チームとの連携
→ 他チームの人が普段何をして・何を考えているのかを把握するための行動をする
行動する意識を持つ
例）事業サイドの人
「事業サイドの人が普段どんな業務をしているか？」（実際に聞く）
「要望を出している背景はなにか？」（背景を聞く・考える）
44
Slide 44
Slide 44 text
© Willgate,Inc.
MTGの目的を理解する
仕事する上で大事な振る舞い
45
Slide 45
Slide 45 text
© Willgate,Inc.
MTGの目的を理解する
「このMTGはなんのために開催しているか？」
「なぜ自分はこのMTGに参加しているのか？」
仕事する上で大事な振る舞い
46
Slide 46
Slide 46 text
© Willgate,Inc.
MTGの目的を理解する
「このMTGはなんのために開催しているか？」
「なぜ自分はこのMTGに参加しているのか？」
→ 開発するより価値があるからMTGに呼ばれている
参加する側も目的を考える必要がある
目的がわからないMTGがあるなら確認しましょう
仕事する上で大事な振る舞い
47
Slide 47
Slide 47 text
© Willgate,Inc.
先輩・上司の言っていることの意図を理解する
仕事する上で大事な振る舞い
48
Slide 48
Slide 48 text
© Willgate,Inc.
先輩・上司の言っていることの意図を理解する
理解しようと心がけよう
仕事する上で大事な振る舞い
49
※理解できなくてもよくて、
理解しようと意識することが
大事だよという意味
Slide 49
Slide 49 text
© Willgate,Inc.
先輩・上司の言っていることの意図を理解する
理解しようと心がけよう
FBされたことへの「なぜ？」を考えることが大事
仕事する上で大事な振る舞い
50
Slide 50
Slide 50 text
© Willgate,Inc.
先輩・上司の言っていることの意図を理解する
理解しようと心がけよう
FBされたことへの「なぜ？」を考えることが大事
→ 視座の高さにつながってくる
仕事する上で大事な振る舞い
51
Slide 51
Slide 51 text
© Willgate,Inc.
視座
視座とは？
● 見える視野の広さ
● 考えられる範囲の広さ
● 物事を考えるときの主語
52
Slide 52
Slide 52 text
© Willgate,Inc.
視座
視座を上げる
円柱の高さを上げること
53
Slide 53
Slide 53 text
© Willgate,Inc.
視座をどうやって上げるか？
→ 先輩・上司が何を考えているのかを考える
→ 主語を「自分」から「チーム」にする
その先は「チーム」から「組織」に
視座
54
Slide 54
Slide 54 text
© Willgate,Inc.
解像度とは？
→ 視点を細かく見れるか度合い
視力がいい人みたいなイメージ
視座
55
Slide 55
Slide 55 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
56
Slide 56
Slide 56 text
© Willgate,Inc.
© Willgate,Inc. 57
3. コミュニケーションの心構え
Slide 57
Slide 57 text
© Willgate,Inc.
コミュニケーション全般
相手のコンテキストを想像しよう
58
Slide 58
Slide 58 text
© Willgate,Inc.
コミュニケーション全般
相手のコンテキストを想像しよう
→ 相手の立場でわかりやすい言葉、やりやすいコミュニケーションをする
59
Slide 59
Slide 59 text
© Willgate,Inc.
コミュニケーション全般
相手のコンテキストを想像しよう
→ 相手の立場でわかりやすい言葉、やりやすいコミュニケーションをする
例）事業サイドの人からの「画面でエラーが出て先に進めない」という
問い合わせへの返信
60
Slide 60
Slide 60 text
© Willgate,Inc.
コミュニケーション全般
相手のコンテキストを想像しよう
→ 相手の立場でわかりやすい言葉、やりやすいコミュニケーションをする
例）事業サイドの人からの「画面でエラーが出て先に進めない」という
問い合わせへの返信
61
Slide 61
Slide 61 text
© Willgate,Inc.
コミュニケーション全般
相手のコンテキストを想像しよう
→ 相手の立場でわかりやすい言葉、やりやすいコミュニケーションをする
例）事業サイドの人からの「画面でエラーが出て先に進めない」という
問い合わせへの返信
調査してみたら、この画面では/loginにPOSTリクエストを投げている
けどレスポンスが返ってきていないみたい
だけど、そのまま「/loginにPOSTリクエストしたときのレスポンスが
返ってきていないからエラーになっているようです。」と伝えても、
お問い合わせをくれた事業サイドの人は普段からAPIのメソッドとか気
にしていないから伝わりにくいので、言い換えている
62
Slide 62
Slide 62 text
© Willgate,Inc.
コミュニケーション全般
正しい言葉を使おう
間違った言葉・あいまいな言葉を使わない
63
Slide 63
Slide 63 text
© Willgate,Inc.
コミュニケーション全般
正しい言葉を使おう
間違った言葉・あいまいな言葉を使わない
正しい言葉が使われていないときに「気になる」という感覚を持ちましょう
64
Slide 64
Slide 64 text
© Willgate,Inc.
コミュニケーション全般
正しい言葉を使おう
間違った言葉・あいまいな言葉を使わない
正しい言葉が使われていないときに「気になる」という感覚を持ちましょう
● 同じ概念には一貫した用語を用い、表記ゆれを避ける
● 固有名詞は正確に記載し、誤解を避ける
● 定量的な指標を用い、定性的な形容詞を避ける
65
Slide 65
Slide 65 text
© Willgate,Inc.
コミュニケーション全般
なぜ、正しい言葉を使うのか？
66
Slide 66
Slide 66 text
© Willgate,Inc.
コミュニケーション全般
なぜ、正しい言葉を使うのか？
→ コミュニケーションロスが起きるかもしれないから
67
Slide 67
Slide 67 text
© Willgate,Inc.
コミュニケーション全般
なぜ、正しい言葉を使うのか？
→ コミュニケーションロスが起きるかもしれないから
正しい言葉を使うために・・・
68
Slide 68
Slide 68 text
© Willgate,Inc.
コミュニケーション全般
なぜ、正しい言葉を使うのか？
→ コミュニケーションロスが起きるかもしれないから
正しい言葉を使うために・・・
ミスが起きにくい手段を使う
例）「図を作る」「言葉や単語、コマンドをコピペする」
69
Slide 69
Slide 69 text
© Willgate,Inc.
コミュニケーション全般
なぜ、正しい言葉を使うのか？
→ コミュニケーションロスが起きるかもしれないから
正しい言葉を使うために・・・
ミスが起きにくい手段を使う
例）「図を作る」「言葉や単語、コマンドをコピペする」
ミスが起きにくい言葉を使う
例） なるはや → 今日中、今週中
70
Slide 70
Slide 70 text
© Willgate,Inc.
テキストコミュニケーション
71
Slide 71
Slide 71 text
© Willgate,Inc.
テキストコミュニケーション
適切なマークアップをしよう
72
Slide 72
Slide 72 text
© Willgate,Inc.
テキストコミュニケーション
適切なマークアップをしよう
→ テキストコミュニケーションでは必須
73
Slide 73
Slide 73 text
© Willgate,Inc.
テキストコミュニケーション
適切なマークアップをしよう
→ テキストコミュニケーションでは必須
例）
● 箇条書き・順序付きリストを使う
● マークアップを使う
○ 太字・斜体・取り消し線・>引用・```コードブロック```・`コードハイライト`
● 記号を使う
● 絵文字を使う
伝えたいことを伝えられる文章を書けるようになりましょう
74
Slide 74
Slide 74 text
© Willgate,Inc.
テキストコミュニケーション
質問の仕方を意識しよう
75
Slide 75
Slide 75 text
© Willgate,Inc.
テキストコミュニケーション
質問の仕方を意識しよう
Slackや口頭での質問のときとか
質問の前に、何を聞きたいのかを整理する
76
Slide 76
Slide 76 text
© Willgate,Inc.
テキストコミュニケーション
質問の仕方を意識しよう
Slackや口頭での質問のときとか
質問の前に、何を聞きたいのかを整理する
→ 質問の構造化をする
77
Slide 77
Slide 77 text
© Willgate,Inc.
テキストコミュニケーション
例）ありがちな質問の仕方
😣
78
Slide 78
Slide 78 text
© Willgate,Inc.
テキストコミュニケーション
例）わかりやすい質問の仕方
🥰
79
Slide 79
Slide 79 text
© Willgate,Inc.
テキストコミュニケーション
質問テンプレートを使おう
テンプレート例）
● やりたいこと（やっていること）
● 試したこと
● 聞きたいこと
80
Slide 80
Slide 80 text
© Willgate,Inc.
質問力
質問力とは？
81
Slide 81
Slide 81 text
© Willgate,Inc.
質問力
質問力とは？
→ わからないことをほっとかない力
82
Slide 82
Slide 82 text
© Willgate,Inc.
質問力
質問力とは？
→ わからないことをほっとかない力
自分が分かる範囲を明らかにする
自分なりの理解をするようにする
83
Slide 83
Slide 83 text
© Willgate,Inc.
質問力
質問力とは？
→ わからないことをほっとかない力
自分が分かる範囲を明らかにする
自分なりの理解をするようにする
そのために → 調べる・考える
84
Slide 84
Slide 84 text
© Willgate,Inc.
質問力
質問力とは？
→ わからないことをほっとかない力
自分が分かる範囲を明らかにする
自分なりの理解をするようにする
そのために → 調べる・考える
メモして、後から調べるのも大事
85
Slide 85
Slide 85 text
© Willgate,Inc.
質問力
調べるもそうだけど、「わかる人に聞く」のも質問力
86
Slide 86
Slide 86 text
© Willgate,Inc.
質問力
調べるもそうだけど、「わかる人に聞く」のも質問力
→ 聞いたほうがいいのか、調べたほうがいいのかを判断する力
87
Slide 87
Slide 87 text
© Willgate,Inc.
質問力
調べるもそうだけど、「わかる人に聞く」のも質問力
→ 聞いたほうがいいのか、調べたほうがいいのかを判断する力
例）
エンジニアとしての専門的な用語
→ 完全にわからないじゃなくてどの専門の言葉かは分かるようになっておく
88
Slide 88
Slide 88 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
89
Slide 89
Slide 89 text
© Willgate,Inc.
© Willgate,Inc. 90
4. キャッチアップスキル
Slide 90
Slide 90 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
なぜ、Slackのキャッチアップが大事か？
91
Slide 91
Slide 91 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
なぜ、Slackのキャッチアップが大事か？
→ 仕事上ではSlackでコミュニケーションを取っているから
92
Slide 92
Slide 92 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
なぜ、Slackのキャッチアップが大事か？
→ 仕事上ではSlackでコミュニケーションを取っているから
→ 多くの仕事はSlackを通して行われている
93
Slide 93
Slide 93 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
なぜ、Slackのキャッチアップが大事か？
→ 仕事上ではSlackでコミュニケーションを取っているから
→ 多くの仕事はSlackを通して行われている
→ 自分が対応する必要があるものには返信をする（プロ意識）
94
Slide 94
Slide 94 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
キャッチアップするのはなんのためか？
95
Slide 95
Slide 95 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
キャッチアップするのはなんのためか？
→ 即レス
96
Slide 96
Slide 96 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
キャッチアップするのはなんのためか？
→ 即レス
リモートワークにおいて即レスは超重要
97
Slide 97
Slide 97 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
キャッチアップするのはなんのためか？
→ 即レス
リモートワークにおいて即レスは超重要
→ 自分が返信するべき投稿をいかに即レスできるか
→ 仕事がスムーズに進むために、Slackのキャッチアップが必要
98
Slide 98
Slide 98 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Slackをどれだけ見ているか→仕事のキャッチアップ力
99
Slide 99
Slide 99 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Slackをどれだけ見ているか→仕事のキャッチアップ力
どれくらいみてますか？
● 内容
● 頻度
100
Slide 100
Slide 100 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（内容）
101
Slide 101
Slide 101 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（内容）
A. 全部
102
Slide 102
Slide 102 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（内容）
A. 全部
→ 自分の周りで必要なチャンネルを把握
→ そのチャンネルの投稿を全部見る
103
Slide 103
Slide 103 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
自分の周りで必要なチャンネルとは？
104
Slide 104
Slide 104 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
自分の周りで必要なチャンネルとは？
例）私の1年目の場合（エディトル開発チーム所属）
● 必須
○ エディトル開発関連のチャンネルすべて
○ 開発グループ関連のチャンネルで、全員向けのものすべて
105
Slide 105
Slide 105 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
自分の周りで必要なチャンネルとは？
例）私の1年目の場合（エディトル開発チーム所属）
● 必須
○ エディトル開発関連のチャンネルすべて
○ 開発グループ関連のチャンネルで、全員向けのものすべて
● 余裕が出てきたら
○ エディトルの事業サイド側のチャンネルすべて
○ 開発グループの他のチームのチャンネル
106
Slide 106
Slide 106 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
自分の周りで必要なチャンネルとは？
例）私の1年目の場合（エディトル開発チーム所属）
● 必須
○ エディトル開発関連のチャンネルすべて
○ 開発グループ関連のチャンネルで、全員向けのものすべて
● 余裕が出てきたら
○ エディトルの事業サイド側のチャンネルすべて
○ 開発グループの他のチームのチャンネル
一見自分に関係なさそうなことも目を通して、頭に入れておくと仕事を理解すること
に繋がる
107
Slide 107
Slide 107 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（頻度）
108
Slide 108
Slide 108 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（頻度）
A. 基本は常に見る（という意識）
109
Slide 109
Slide 109 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（頻度）
A. 基本は常に見る（という意識）
特に即レスが求められるチャンネルに関しては、通知を見逃さないように設定する
110
Slide 110
Slide 110 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（頻度）
A. 基本は常に見る（という意識）
特に即レスが求められるチャンネルに関しては、通知を見逃さないように設定する
それ以外のチャンネルは、逆に通知せずに見れるタイミングで見る
※ MTG中はMTGに集中しましょう
111
Slide 111
Slide 111 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
Q. どれくらい見る必要があるか（頻度）
A. 基本は常に見る（という意識）
特に即レスが求められるチャンネルに関しては、通知を見逃さないように設定する
それ以外のチャンネルは、逆に通知せずに見れるタイミングで見る
※ MTG中はMTGに集中しましょう
112
話しながらSlackを見るとかは私も苦手です
MTGも大事な仕事なので、Slack見ていて集中
できないのはよくないので諦めるのも大事
Slide 112
Slide 112 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
113
Slide 113
Slide 113 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？
114
Slide 114
Slide 114 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？
→ 障害かもしれないから
115
Slide 115
Slide 115 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？
→ 障害かもしれないから
なぜ障害に気がつく必要があるか？
116
Slide 116
Slide 116 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？
→ 障害かもしれないから
なぜ障害に気がつく必要があるか？
→ お客さんにお金をもらってプロダクトを提供しているから
→ それで会社が成り立っているから、信頼性を担保しなければいけない
117
Slide 117
Slide 117 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？（2つ目の理由）
118
Slide 118
Slide 118 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？（2つ目の理由）
→ 障害の可能性があるなら、自分が対応する必要があるから
119
Slide 119
Slide 119 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？（2つ目の理由）
→ 障害の可能性があるなら、自分が対応する必要があるから
※ 最初のうちは1人で対応しないでください
修正出来なくても良い、最初のうちは何をするべきか判断を仰ぐことが仕事
120
Slide 120
Slide 120 text
© Willgate,Inc.
仕事のキャッチアップ力（Slack編）
エラー通知を見過ごさない！！！（Slack編で最重要）
なぜ？（2つ目の理由）
→ 障害の可能性があるなら、自分が対応する必要があるから
※ 最初のうちは1人で対応しないでください
修正出来なくても良い、最初のうちは何をするべきか判断を仰ぐことが仕事
自分は気がついたけど、チームメンバーが気がついていないかもしれないから、
気づいたことを伝える必要がある
121
Slide 121
Slide 121 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
Googleカレンダーどれくらいみてますか？
● 頻度
● 何を見てるか
122
Slide 122
Slide 122 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
Q. どれくらい見る必要があるか（頻度）
123
Slide 123
Slide 123 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
Q. どれくらい見る必要があるか（頻度）
A. 毎日
124
Slide 124
Slide 124 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
Q. どれくらい見る必要があるか（何をみてるか）
125
Slide 125
Slide 125 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
Q. どれくらい見る必要があるか（何をみてるか）
A. 自分と周りの人（チームメンバー）のカレンダーを見る
→ 最低でも、今日〜1週間の予定を確認しましょう
126
Slide 126
Slide 126 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
なぜ、周りの人のGoogleカレンダーのキャッチアップが大事か？
127
Slide 127
Slide 127 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
なぜ、周りの人のGoogleカレンダーのキャッチアップが大事か？
→ チームメンバーの状況を把握しておくため
128
Slide 128
Slide 128 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
なぜ、周りの人のGoogleカレンダーのキャッチアップが大事か？
→ チームメンバーの状況を把握しておくため
特に新卒は、自分の「メンター」のカレンダーは見たほうがいい
129
Slide 129
Slide 129 text
© Willgate,Inc.
仕事のキャッチアップ力（Google カレンダー編）
なぜ、周りの人のGoogleカレンダーのキャッチアップが大事か？
→ チームメンバーの状況を把握しておくため
特に新卒は、自分の「メンター」のカレンダーは見たほうがいい
例）
自分のタスクをやっていて、質問したいときに、相手はMTG中かもしれない
→ 相手が15時からMTGあるから、今作業しているところで聞きたいことがあっ
たら早めに質問しよう！
130
Slide 130
Slide 130 text
© Willgate,Inc.
エンジニアのキャッチアップ力
エンジニアとして大事な“技術”へのキャッチアップ
131
Slide 131
Slide 131 text
© Willgate,Inc.
エンジニアのキャッチアップ力
エンジニアとして大事な“技術”へのキャッチアップ
我々エンジニアは日々進化する技術をキャッチアップしていけなければいけない
132
Slide 132
Slide 132 text
© Willgate,Inc.
エンジニアのキャッチアップ力
エンジニアとして大事な“技術”へのキャッチアップ
我々エンジニアは日々進化する技術をキャッチアップしていけなければいけない
今の当たり前と1年後の当たり前は変わっている
133
Slide 133
Slide 133 text
© Willgate,Inc.
エンジニアのキャッチアップ力
日々キャッチアップする習慣をつけましょう
134
Slide 134
Slide 134 text
© Willgate,Inc.
エンジニアのキャッチアップ力
日々キャッチアップする習慣をつけましょう
出来ることからやればいい👍
例）
● SlackやTwitterに流れてきた記事は一旦読む←オススメ
● 本を読む
● 動画を見る
● 勉強会・カンファレンスに行く
● など
135
Slide 135
Slide 135 text
© Willgate,Inc.
エンジニアのキャッチアップ力
自分の認知特性に合った方法がやりやすいかも
136
グラフや図にして
理解するのが得意
⾔葉に起こして
理解するのが得意
⾳やリズムにして
理解するのが得意
Slide 136
Slide 136 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
137
Slide 137
Slide 137 text
© Willgate,Inc.
© Willgate,Inc. 138
5. 作業するとき全般
Slide 138
Slide 138 text
© Willgate,Inc.
ツールを使いこなそう
139
Slide 139
Slide 139 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使うのか？
140
Slide 140
Slide 140 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使うのか？
→ 作業効率のため
141
Slide 141
Slide 141 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使うのか？
→ 作業効率のため
例）メモ帳 → VSCode、PhpStormを使う
142
Slide 142
Slide 142 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使いこなすのか？
143
Slide 143
Slide 143 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使いこなすのか？
→ 使うものが良くても使い方が微妙だったら良くない
144
Slide 144
Slide 144 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使いこなすのか？
→ 使うものが良くても使い方が微妙だったら良くない
例）エディタのにょろにょろに気が付かないとか意味ない
145
Slide 145
Slide 145 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使いこなすのか？
→ 使うものが良くても使い方が微妙だったら良くない
例）エディタのにょろにょろに気が付かないとか意味ない
例）バイクを押しながら歩いてる←運転の仕方を知らないから（せっかく買ったのに……）
146
Slide 146
Slide 146 text
© Willgate,Inc.
ツールを使いこなそう
なぜ、ツールを使いこなすのか？
→ 使うものが良くても使い方が微妙だったら良くない
例）エディタのにょろにょろに気が付かないとか意味ない
例）バイクを押しながら歩いてる←運転の仕方を知らないから（せっかく買ったのに……）
自分好みにカスタマイズして使いやすくし、最大効率で使えるようにするのが
プロの仕事
147
Slide 147
Slide 147 text
© Willgate,Inc.
ツールを使いこなそう
使いこなすために、自分の使っているツールの使い方を調べ、メモる
148
Slide 148
Slide 148 text
© Willgate,Inc.
ツールを使いこなそう
使いこなすために、自分の使っているツールの使い方を調べ、メモる
なぜ、メモるのか？
149
Slide 149
Slide 149 text
© Willgate,Inc.
ツールを使いこなそう
使いこなすために、自分の使っているツールの使い方を調べ、メモる
なぜ、メモるのか？
→ 自分が忘れないため
→ 人に教えるのも早い
150
Slide 150
Slide 150 text
© Willgate,Inc.
自分が作業しやすいように作業を工夫し続ける
ツールを使いこなそう
151
Slide 151
Slide 151 text
© Willgate,Inc.
自分が作業しやすいように作業を工夫し続ける
便利な使い方知るのは早い方がいい
ツールを使いこなそう
152
Slide 152
Slide 152 text
© Willgate,Inc.
自分が作業しやすいように作業を工夫し続ける
便利な使い方知るのは早い方がいい
例）
● ショートカットキーを使って作業効率を高める
● メールフィルター、Slackセクションの整理
● 開発フローの調整
ツールを使いこなそう
153
Slide 153
Slide 153 text
© Willgate,Inc.
使い方を改善していくマインド
目の前の作業よりも、今10分とか30分調べて効率が上がるなら、結果的に良い
ツールを使いこなそう
154
Slide 154
Slide 154 text
© Willgate,Inc.
使い方を改善していくマインド
目の前の作業よりも、今10分とか30分調べて効率が上がるなら、結果的に良い
その時代にあった、効果的な働き方をする
ツールを使いこなそう
155
Slide 155
Slide 155 text
© Willgate,Inc.
使い方を改善していくマインド
目の前の作業よりも、今10分とか30分調べて効率が上がるなら、結果的に良い
その時代にあった、効果的な働き方をする
→ 効果的なツールも変わっていく
ツールを使いこなそう
156
Slide 156
Slide 156 text
© Willgate,Inc.
使い方を改善していくマインド
目の前の作業よりも、今10分とか30分調べて効率が上がるなら、結果的に良い
その時代にあった、効果的な働き方をする
→ 効果的なツールも変わっていく
→ キャッチアップ力を上げて、適切なツールを選択出来るように
ツールを使いこなそう
157
Slide 157
Slide 157 text
© Willgate,Inc.
使い方を改善していくマインド
参考：木こりのジレンマ
目先の仕事に追われてそれをこなすのに精一杯になり、仕事の本質的な改善や効
率化を進める余裕がない状態を表した表現
ツールを使いこなそう
158
Slide 158
Slide 158 text
© Willgate,Inc.
使い方を改善していくマインド
参考：木こりのジレンマ
目先の仕事に追われてそれをこなすのに精一杯になり、仕事の本質的な改善や効
率化を進める余裕がない状態を表した表現
→ いくら木を切っても、斧がボロボロだったら時間がかかっちゃう
→ 斧を研ぐという本質的な改善をしましょう
→ 斧を研いでるだけはダメ、使って木を切らないと意味がない（技術も一緒）
ツールを使いこなそう
159
Slide 159
Slide 159 text
© Willgate,Inc.
timesになんでも書こう
160
Slide 160
Slide 160 text
© Willgate,Inc.
timesになんでも書こう
なぜ、timesをになんでも書くか？
161
Slide 161
Slide 161 text
© Willgate,Inc.
timesになんでも書こう
なぜ、timesをになんでも書くか？
→ 思考のアウトプット
→ 調べたことを残す
→ 周りは自分が思ってるよりも自分が何してるか分かっていない
162
Slide 162
Slide 162 text
© Willgate,Inc.
timesになんでも書こう
思考のアウトプット
自分の思考の整理に使う
書いておけば、あとから見返すことができる
163
Slide 163
Slide 163 text
© Willgate,Inc.
timesになんでも書こう
調べたことを残す
新卒のときはインプットが多いからメモしないと忘れる
164
Slide 164
Slide 164 text
© Willgate,Inc.
timesになんでも書こう
調べたことを残す
新卒のときはインプットが多いからメモしないと忘れる
全部書いておけば検索できる！
165
Slide 165
Slide 165 text
© Willgate,Inc.
timesになんでも書こう
調べたことを残す
新卒のときはインプットが多いからメモしないと忘れる
全部書いておけば検索できる！
例）
● あのときどうやってエラー直したんだっけ……
● あのとき調べたあの記事なんだっけ……
166
Slide 166
Slide 166 text
© Willgate,Inc.
timesになんでも書こう
調べたことを残す
新卒のときはインプットが多いからメモしないと忘れる
全部書いておけば検索できる！
例）
● あのときどうやってエラー直したんだっけ……
● あのとき調べたあの記事なんだっけ……
あとから自分が検索しそうなワードで書いておく
何で検索したら引っかかるか考えながらtimesにメモすると良い
167
Slide 167
Slide 167 text
© Willgate,Inc.
timesになんでも書こう
周りは自分が思ってるよりも自分が何してるか分かっていない
リモートワークにおいてめっちゃ大事
168
Slide 168
Slide 168 text
© Willgate,Inc.
timesになんでも書こう
周りは自分が思ってるよりも自分が何してるか分かっていない
リモートワークにおいてめっちゃ大事
出社してたら隣の席に座っているから分かるかもしれない
→ 隣の席に居ないので、自分から伝えないといけない
169
Slide 169
Slide 169 text
© Willgate,Inc.
timesになんでも書こう
周りは自分が思ってるよりも自分が何してるか分かっていない
リモートワークにおいてめっちゃ大事
出社してたら隣の席に座っているから分かるかもしれない
→ 隣の席に居ないので、自分から伝えないといけない
新人ほどなんでもかんでも書いた方がいい
170
Slide 170
Slide 170 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
171
Slide 171
Slide 171 text
© Willgate,Inc.
© Willgate,Inc. 172
6. コードを書くとき全般
Slide 172
Slide 172 text
© Willgate,Inc.
コードの認知負荷を常に意識する
173
Slide 173
Slide 173 text
© Willgate,Inc.
コードの認知負荷を常に意識する
認知負荷とは？
174
Slide 174
Slide 174 text
© Willgate,Inc.
コードの認知負荷を常に意識する
認知負荷とは？
→ 情報を処理し、理解する際にかかる精神的なエネルギー量
175
Slide 175
Slide 175 text
© Willgate,Inc.
コードの認知負荷を常に意識する
認知負荷とは？
→ 情報を処理し、理解する際にかかる精神的なエネルギー量
なぜ、コードの認知負荷を常に意識するか？
176
Slide 176
Slide 176 text
© Willgate,Inc.
コードの認知負荷を常に意識する
認知負荷とは？
→ 情報を処理し、理解する際にかかる精神的なエネルギー量
なぜ、コードの認知負荷を常に意識するか？
→ コードを書く時間 ＜＜＜＜＜ 読む時間
177
コードを書く コードを読む
Slide 177
Slide 177 text
© Willgate,Inc.
コードの認知負荷を常に意識する
「書く時間」
「読む時間」
178
Slide 178
Slide 178 text
© Willgate,Inc.
コードの認知負荷を常に意識する
「書く時間」→ 自分の時間
「読む時間」
179
Slide 179
Slide 179 text
© Willgate,Inc.
コードの認知負荷を常に意識する
「書く時間」→ 自分の時間
「読む時間」→ 関わる人全員の時間
180
Slide 180
Slide 180 text
© Willgate,Inc.
コードの認知負荷を常に意識する
「書く時間」→ 自分の時間
「読む時間」→ 関わる人全員の時間
チームの他のメンバーや将来のあなたが、そのコードを読んで理解し、修正や拡
張を行う
自分の書いたコードは、自分だけのものではない
181
Slide 181
Slide 181 text
© Willgate,Inc.
コードの認知負荷を常に意識する
例）認知負荷の高いコード・低いコード
182
// ロールがcreatorでなく、adminでもなく、isOldTypoAccountでもない場合エラー
if ($role !== 'creator' && $role !== 'admin' && !$isOldTypoAccount) {
throw new Error('管理者ユーザのみアクセス可能です');
}
認知負荷の高いコード
Slide 182
Slide 182 text
© Willgate,Inc.
例）認知負荷の高いコード・低いコード
コードの認知負荷を常に意識する
183
if (!isMasterRoleUser(user)) {
throw new Error('管理者ユーザのみアクセス可能です');
}
認知負荷の低いコード
Slide 183
Slide 183 text
© Willgate,Inc.
コードの「わかりやすさ」の徹底
184
Slide 184
Slide 184 text
© Willgate,Inc.
コードの「わかりやすさ」の徹底
常に「どうしたらわかりやすくなるか？」を考えてコードを書く
185
Slide 185
Slide 185 text
© Willgate,Inc.
コードの「わかりやすさ」の徹底
常に「どうしたらわかりやすくなるか？」を考えてコードを書く
特に、命名が重要
186
Slide 186
Slide 186 text
© Willgate,Inc.
コードの「わかりやすさ」の徹底
常に「どうしたらわかりやすくなるか？」を考えてコードを書く
特に、命名が重要
シンプルで、明確で、一意な名前をつける
● ディレクトリ名
● クラス名
● メソッド名
● 変数名
187
Slide 187
Slide 187 text
© Willgate,Inc.
コードの「わかりやすさ」の徹底
常に「どうしたらわかりやすくなるか？」を考えてコードを書く
特に、命名が重要
シンプルで、明確で、一意な名前をつける
● ディレクトリ名
● クラス名
● メソッド名
● 変数名
命名は「わかりやすさ」に直結する
「名前を考えること」に多くの時間を使っても良い！！
188
Slide 188
Slide 188 text
© Willgate,Inc.
コードの「わかりやすさ」の徹底
リーダブルコードはこの「わかりやすさ」のための手法が詰まっている
※この研修では割愛する
189
https://www.oreilly.co.jp/books/9784873115658/
Slide 189
Slide 189 text
© Willgate,Inc.
コードを書くときはベストを尽くす
190
Slide 190
Slide 190 text
© Willgate,Inc.
コードを書くときはベストを尽くす
現状考えられる一番良い設計や実装をしようとするマインドが大事
設計でも実装でも大事
新規追加でも既存の修正でも大事
191
Slide 191
Slide 191 text
© Willgate,Inc.
コードを書くときはベストを尽くす
現状考えられる一番良い設計や実装をしようとするマインドが大事
設計でも実装でも大事
新規追加でも既存の修正でも大事
1度リリースしたコードを変更し、再度リリースするのは容易ではない
（どんなに簡単な変更だとしても）
192
Slide 192
Slide 192 text
© Willgate,Inc.
コードを書くときはベストを尽くす
現状考えられる一番良い設計や実装をしようとするマインドが大事
設計でも実装でも大事
新規追加でも既存の修正でも大事
1度リリースしたコードを変更し、再度リリースするのは容易ではない
（どんなに簡単な変更だとしても）
今ベストを尽くさないで、いつベストを尽くすのか？
来週？3年後？ その時は来ないかもしれない
193
Slide 193
Slide 193 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
194
Slide 194
Slide 194 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
機能開発に必要な部分だけでなく周辺にどういう実装があるのか意識する
195
Slide 195
Slide 195 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
機能開発に必要な部分だけでなく周辺にどういう実装があるのか意識する
例）同じファイルの今回は関係無いメソッドも読んでみて、内容を理解する
196
Slide 196
Slide 196 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
機能開発に必要な部分だけでなく周辺にどういう実装があるのか意識する
例）同じファイルの今回は関係無いメソッドも読んでみて、内容を理解する
例）改修する機能の詳細まで把握する
197
Slide 197
Slide 197 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
機能開発に必要な部分だけでなく周辺にどういう実装があるのか意識する
例）同じファイルの今回は関係無いメソッドも読んでみて、内容を理解する
例）改修する機能の詳細まで把握する
→ プロ意識：自分のプロダクトに1番詳しい人になる
198
Slide 198
Slide 198 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
ボーイスカウトの原則
199
Slide 199
Slide 199 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
ボーイスカウトの原則
「来た時よりも美しく」を実行しましょうという原則
200
Slide 200
Slide 200 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
ボーイスカウトの原則
「来た時よりも美しく」を実行しましょうという原則
自分がソースコードを変更する際に、どこか1つでも良いからコードをきれいに
して、作業する前よりもソースコードが綺麗な状態を目指しましょう
https://www.oreilly.co.jp/books/9784873114798/ 201
Slide 201
Slide 201 text
© Willgate,Inc.
周辺の機能やロジックも把握して改修する
ボーイスカウトの原則
例）
● 変数の名前を変える
● メソッド分割する
● クラスの責務を整理する
● 重複を排除
● if - elseを見やすくする
※メイン機能の開発じゃない変更のコミットは分けましょう
202
Slide 202
Slide 202 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
203
Slide 203
Slide 203 text
© Willgate,Inc.
© Willgate,Inc. 204
7. 継続的な成長
Slide 204
Slide 204 text
© Willgate,Inc.
ふりかえり力
エンジニアという仕事において、ふりかえりはとても重要
205
Slide 205
Slide 205 text
© Willgate,Inc.
ふりかえり力
エンジニアという仕事において、ふりかえりはとても重要
なぜ、ふりかえりは重要なのか？
206
Slide 206
Slide 206 text
© Willgate,Inc.
ふりかえり力
エンジニアという仕事において、ふりかえりはとても重要
なぜ、ふりかえりは重要なのか？
→ 自分で成長・改善し続けてエンジニアとして成長するため
207
Slide 207
Slide 207 text
© Willgate,Inc.
ふりかえり力
エンジニアという仕事において、ふりかえりはとても重要
なぜ、ふりかえりは重要なのか？
→ 自分で成長・改善し続けてエンジニアとして成長するため
いつまでも周りが何でも教えてくれるわけではない
208
Slide 208
Slide 208 text
© Willgate,Inc.
ふりかえり力
エンジニアという仕事において、ふりかえりはとても重要
なぜ、ふりかえりは重要なのか？
→ 自分で成長・改善し続けてエンジニアとして成長するため
いつまでも周りが何でも教えてくれるわけではない
教わったことをふりかえり、自分で改善して成長することが大事
209
Slide 209
Slide 209 text
© Willgate,Inc.
ふりかえり力
重要なので、ふりかえる場面はたくさんある
● 半年：評価
● 月、隔週、週1：1on1
● 毎日：日報
210
Slide 210
Slide 210 text
© Willgate,Inc.
ふりかえり力
学びの壁5段階を知る
211
習
慣
の
壁
技
術
の
壁
気
づ
き
の
壁
⾏
動
の
壁
知
識
の
壁
知らない
知る
やってみる
わかる
できる
している
学びの壁5段階
やってみないと
わからない
三日坊主じゃ
身にならない
Slide 211
Slide 211 text
© Willgate,Inc.
ふりかえり力
学びの壁5段階を知る
→ 自分は今どこの壁にぶつかっているのか？を認識する
212
習
慣
の
壁
技
術
の
壁
気
づ
き
の
壁
⾏
動
の
壁
知
識
の
壁
知らない
知る
やってみる
わかる
できる
している
学びの壁5段階
Slide 212
Slide 212 text
© Willgate,Inc.
ふりかえり力
「知らなかった」「できなかった」「気付いた」「できた」は上達の兆し
213
習
慣
の
壁
技
術
の
壁
気
づ
き
の
壁
⾏
動
の
壁
知
識
の
壁
知らない
知る
やってみる
わかる
できる
している
学びの壁5段階
Slide 213
Slide 213 text
© Willgate,Inc.
ふりかえり力
「知らなかった」「できなかった」「気付いた」「できた」は上達の兆し
自分1人で認識するのは難しいので、1on1を上手く使って成長していこう
214
習
慣
の
壁
技
術
の
壁
気
づ
き
の
壁
⾏
動
の
壁
知
識
の
壁
知らない
知る
やってみる
わかる
できる
している
学びの壁5段階
Slide 214
Slide 214 text
© Willgate,Inc.
エンジニア基礎
目次
1. ガイダンス
2. エンジニアとしての基本心構え
3. コミュニケーションの心構え
4. キャッチアップスキル
5. 作業をするとき全般
6. コード書くとき全般
7. 継続的な成長
215
Slide 215
Slide 215 text
© Willgate,Inc.
© Willgate,Inc. 216
おわりに
Slide 216
Slide 216 text
© Willgate,Inc.
[再掲] 研修の目的・目標
下に行けば行くほど、習得が難しく、時間もかかる
1年目から何を意識して、どう仕事をしていくかが重要！
217
テクニカルスキル
ポータブル
スキル
スタンス‧
マインド
ポテンシャル
抽象的∕習得難
具体的∕習得易
個別の⾔語理解‧習得、個別技術の
習得
プロジェクトマネジメント、対⼈能
⼒、プログラミング的思考⼒
達成志向⼒、柔軟性、感情コント
ロール⼒、共感性、情報収集
技術的好奇⼼、クリエイティビティ
情報発信⼒、学習効率
Slide 217
Slide 217 text
© Willgate,Inc.
おわりに
この資料は何回でも見返して下さい
約200ページあるので、今すぐ全部を覚えて実践することは難しいです
今後毎日、少しづつ意識して、一つひとつ自分をアップデートしていきましょう！
218
Slide 218
Slide 218 text
© Willgate,Inc.
引用資料
[Developers Summit 2024]良いプロダクト作りのための組織育成（理論＆実践編）
健全なコードは健全な組織、健全なチームから
https://speakerdeck.com/ikezoemakoto/developers-summit-2024-liang-ipurodakutozuo-rinotamenozu-zhi-yu-cheng-li-lun-and-shi-jian
-bian-jian-quan-nakodohajian-quan-nazu-zhi-jian-quan-natimukara
219