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
今年最も「覚醒」したコーディングテストの舞台裏
Search
ミカイ
November 16, 2024
0
17
今年最も「覚醒」したコーディングテストの舞台裏
めぐろLT #21 「今年一番の〇〇聞いてくれ」
2024/11/15
https://meguro-lt.connpass.com/event/330012/
ミカイ
November 16, 2024
Tweet
Share
More Decks by ミカイ
See All by ミカイ
tsoaはいいぞ!APIドキュメントを自動生成!
junmikai
0
10
生成AI活用はHOWが大事な理由
junmikai
0
98
2025年の抱負: フリーランスから 正社員に戻るので 組織に貢献します!
junmikai
0
53
Chakra UI v3にバージョンアップしてほぼ別物になった件
junmikai
0
220
LTのテーマ決めは「多数派」を意識しよう ~ LT年40回登壇した件~
junmikai
0
3
成長するには「重要 VS 緊急」を意識しよう
junmikai
0
9
LTのテーマ決めは「多数派」を意識しよう ~ LT年40回登壇した件~
junmikai
0
10
目標は「めいそう」が大事。漢字はどう書く?
junmikai
2
20
技術選定で迷ったら『日常』を思い出そう! 〜考え方の新発見〜
junmikai
0
61
Featured
See All Featured
Building Adaptive Systems
keathley
41
2.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
31
4.7k
Making Projects Easy
brettharned
116
6.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
610
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Automating Front-end Workflow
addyosmani
1369
200k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Transcript
今年最も「覚醒」した コーディングテストの 舞台裏 三海 純(ミカイジュン)
ミカイ ジュン • フリーランスエンジニア • 趣味: もくもく会、アニメ、ネット麻雀(雀魂)
• 好きな有名人 ◦ 後藤 ひとり ◦ 陸八魔アル ◦ 千早 愛音 ◦ 八木 唯
キャリア • 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ヶ月続けたのは 別のお話し・・・
今回で学んだこと • 学習モチベが上がらない場合は「やらなくてはな らない」という思いがあるか確認 • 今程よい緊張感がない場合は何かしらのアク ションが必要かも?
ご清聴ありがとうござ います!