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

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

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

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

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

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

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

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

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

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

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

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

引用元: © alu inc.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ミカイ

More Decks by ミカイ

Featured

Transcript