今年最も「覚醒」したコーディングテストの舞台裏

めぐろLT #21 「今年一番の〇〇聞いてくれ」

2024/11/15

https://meguro-lt.connpass.com/event/330012/

Transcript

1. 今年最も「覚醒」した 
 コーディングテストの 
 舞台裏
 
 
 
 三海 純(ミカイジュン)

2. ミカイ ジュン 
 • フリーランスエンジニア 
 • 趣味: もくもく会、アニメ、ネット麻雀(雀魂) 
 • 好きな有名人 
 ◦ 後藤 ひとり 
 ◦ 陸八魔アル 
 ◦ 千早 愛音
 ◦ 八木 唯

3. キャリア
 • 2020年 ~ 2022年 
 ◦ 正社員: フロントエンドエンジニア 
 • 2022年 ~ 2023年 
 ◦ 正社員: フロントエンド&バックエンドエンジニア 
 • 現在(2024年) 
 ◦ フリーランス: Next.js など設計&開発 
 • 来年(2025年 ~) 
 ◦ Y社 正社員として入社予定 

4. 学習のモチベが上がらない時、 
 無理に自分を責めなくてもいいよ！ 
 今回お話ししたいこと 

5. エンジニア人生の中で・・・ 
 休日など業務外で 
 「勉強し始めたけど集中できない」 
 と思ったことありませんか？ 

6. 私は年300回 
 そう思ってました 

7. とある試験を 
 受けるまでは・・・ 

8. その試験は 
 とある企業の 
 コーティングテスト 

9. とある会社のコーティング試験 
 • 期間は2週間 
 • 要件を満たしたフロントエンド新規開発 
 • コード整形やテストは必須 
 • commit内容も評価範囲 

10. 結果は見事合格 
 30時間ぐらい費やした 

11. やったこと 
 • Next.jsの環境構築 
 • SCSS導入 
 • ESLintなどコード整形ツールの導入 
 • Storybook導入 
 • husky導入 
 • Github Actions導入 
 • コンポーネント作成 など 

12. 引用元: © alu inc.
13. 大変だった事は色々あるけど 
 自分のコード全てが評価対象になるため 
 commit1つ1つ全集中してた。 
 また、動けばOKという訳ではないのでみやすいソー スコードはどんなものだろう？ 
 というのも考えた 

14. CSS設計はどうする？ 
 • BEM
 • OOCSS 
 • SMACSS 
 • FLOCSS 

15. テストはどうする？ 
 • Storybookで全部書く？ 
 • ロジックテストはVitest？ 
 • E2Eテストはいる？ 
 ◦ PlayWright？ 
 ◦ cypress ? 

16. コンポーネント設計はどうする？ 
 • 王道のAtomic Design？ 
 • fetures 採用する？ 
 • 独自の設計？ 
 • 全部1つのディレクトリにぶちこむ？ 

17. など 考えることは沢山あった 

18. 技術的に成長したのは勿論だが・・・ 
 • Next.jsの環境構築 
 • SCSS導入 
 • ESLintなどコード整形ツールの導入 
 • Storybook導入 
 • husky導入 
 • Github Actions導入 
 • コンポーネント作成 など 

19. 「絶対合格してやる」 
 という思いで 
 毎日全集中できた 

20. • 平日(1日4時間) 
 ◦ 朝7時 ~ 朝9時 
 ◦ 夜19時 ~ 21時 
 • 休日(1日9時間) 
 ◦ 朝9時 ~ 夜6時 

21. 1週間で業務外で40時間 
 プログラミングしたのは 
 久しぶりだった 

22. おまけですが 
 未経験からエンジニアになった時は 
 1日16時間勉強を2ヶ月続けたのは 
 別のお話し・・・ 

23. 今回で学んだこと 
 • 学習モチベが上がらない場合は「やらなくてはな らない」という思いがあるか確認 
 • 今程よい緊張感がない場合は何かしらのアク ションが必要かも？ 

24. ご清聴ありがとうござ います！