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
18
今年最も「覚醒」したコーディングテストの舞台裏
めぐろLT #21 「今年一番の〇〇聞いてくれ」
2024/11/15
https://meguro-lt.connpass.com/event/330012/
ミカイ
November 16, 2024
Tweet
Share
More Decks by ミカイ
See All by ミカイ
今からフロントエンドを0から勉強するならSvelteもありかも
junmikai
0
14
tsoaはいいぞ!APIドキュメントを自動生成!
junmikai
0
10
生成AI活用はHOWが大事な理由
junmikai
0
110
2025年の抱負: フリーランスから 正社員に戻るので 組織に貢献します!
junmikai
0
55
Chakra UI v3にバージョンアップしてほぼ別物になった件
junmikai
0
270
LTのテーマ決めは「多数派」を意識しよう ~ LT年40回登壇した件~
junmikai
0
5
成長するには「重要 VS 緊急」を意識しよう
junmikai
0
9
LTのテーマ決めは「多数派」を意識しよう ~ LT年40回登壇した件~
junmikai
0
10
目標は「めいそう」が大事。漢字はどう書く?
junmikai
2
22
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
4 Signs Your Business is Dying
shpigford
183
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How GitHub (no longer) Works
holman
314
140k
Site-Speed That Sticks
csswizardry
5
500
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Statistics for Hackers
jakevdp
798
220k
Embracing the Ebb and Flow
colly
85
4.6k
Agile that works and the tools we love
rasmusluckow
328
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ヶ月続けたのは 別のお話し・・・
今回で学んだこと • 学習モチベが上がらない場合は「やらなくてはな らない」という思いがあるか確認 • 今程よい緊張感がない場合は何かしらのアク ションが必要かも?
ご清聴ありがとうござ います!