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
職歴1年目のフロントエンドエンジニアが インプットとアウトプットに苦しんだ話
Search
takf
July 20, 2018
Technology
370
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
職歴1年目のフロントエンドエンジニアが インプットとアウトプットに苦しんだ話
takf
July 20, 2018
More Decks by takf
See All by takf
見やすい PRを作るために取り組んでいること
takfjp
0
26
Denoに入門していきなりAleph.jsを触ってみた
takfjp
0
540
Atomic Design とテストの○○な話
takfjp
2
1.9k
Node.jsのアップグレードで気をつけたこと
takfjp
1
2.9k
FARM スタックに触れてみる
takfjp
0
1.7k
React Testing Library の Query について整理してみた
takfjp
0
550
React.js 消えるライフサイクルメソッドについて
takfjp
0
170
Laravel 初めての業務で遭遇したハマりポイント×2
takfjp
2
3.2k
React で Stateless Functional Component の書き方を盛大に間違えていた話
takfjp
0
460
Other Decks in Technology
See All in Technology
データベース研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
260
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
『モデル + ハーネス』で読み解く AIエージェント入門
oracle4engineer
PRO
2
200
発表と総括 / Presentations and Summary
ks91
PRO
0
210
Playwright × AI Agent でE2Eテストはどう変わるか AI駆動テストの可能性と実用検証の結果
taiga7543
2
880
「顧客の声を聞かなければ何も始まらない」 ── 顧客の声から生まれた『AI返信補助機能』の開発プロセス / AICon2026_shikata_imai
rakus_dev
1
290
それでも、技術なブログを書く理由 #kichijojipm / Why I Still Write Tech Blogs Even Now
shinkufencer
0
890
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
450
伝票作成AIエージェントを支える、LLMOpsとインフラの選択肢 / AICon2026_takeda
rakus_dev
0
290
設計レビューとAIハーネスで向き合う AIが生み出した新しいボトルネックの対処法 / Design Reviews and AI Harnesses Against New Bottlenecks Created by AI
nstock
5
500
セキュリティ研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
4
4.2k
論語・武士道・産業革命から見る かわるもの、かわらないもの
ichimichi
7
1.1k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
760
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
Optimising Largest Contentful Paint
csswizardry
37
3.8k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
330
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
380
How to Ace a Technical Interview
jacobian
281
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.6k
Discover your Explorer Soul
emna__ayadi
2
1.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Transcript
職歴1年目のフロントエンドエンジニアが インプットとアウトプットに苦しんだ話 Takeru Furuichi 【サポーターズCoLab主催】あえてジャンル不問の大 LT大会 2018.07.20
発表者について 古市武尊 (Twitter:@takfjp) インフォ・ラウンジ合同会社 (横浜市都筑区) 所属 地方自治体向けのWEBアプリ開発・オープンデータ活用 の仕事をしています React /
Node.js / Firebase /たまにPHP Webエンジニアになってまだ1年目 Linux, ネットワーク, Go, Laravel を勉強中
今日発表する事 1.インプットを欲張って分野を広げすぎて失敗した話 2.勉強することの優先度を見直した話 3.インプットに忙しい中でも出せる難易度の低いアウトプットの話
インプットを欲張って分野を広げすぎて失敗した話 今年の2月にこんな発表をしました https://goo.gl/sN8Mqm
インプットを欲張って分野を広げすぎて失敗した話 有言実行しようとした結果: 欲張りすぎて疲れた
インプットを欲張って分野を広げすぎて失敗した話 - やろうとしたこと一覧 JSの深掘り Elm PWAの開発 ラズパイでIoT 社内作業自動化 etc… フロントエンド系のイベントに参加したり、Udemyで講座を受けまくったり…(3つく らい積み講座あり)
インプットを欲張って分野を広げすぎて失敗した話 - フロントエンド、情報量エグすぎ&早すぎ -> イベントで話を聞いて感化されたものの、現行の案件のニーズにはまだ一致し ないと判断 (*登壇する人は大きな自社サービスのエンジニアが多いので、受託開発の領域だとすぐ実践しづらい) -> React 以外は深掘りせず、とりあえず参考程度にとどめる
(WebComponents は一応動向を追っている) SSR BFF PWA Material UI Parcel GraphQL Vue WebComponents
インプットを欲張って分野を広げすぎて失敗した話 - 内容の見直し JSの深掘り Elm PWAの開発 ラズパイでIoT 社内作業自動化 etc… New! - Laravel (業務で使う) - Docker
(業務で使う) - ネットワーク・OSなどフロントより下のレイヤ(地力を付ける)
勉強することの優先度を見直した話 - どういう軸で決めたか ・職歴が浅いので、周囲についていくことと出せる成果が大事 -> 業務での優先度がベース ・自分に足りない領域を補完する 地力をつける = Web
プログラミングを俯瞰的に見ることができる - 実務からいきなりフロントエンド - -> ネットワーク、DB、設計、OSなどのレイヤがおざなり - -> ただし深掘りは避けて大まかに掴む - -> ハードルが低めの本を1冊ずつ読み終える、くらいの粒度で挑む
https://www.kadokawa.co.jp/product/321712000860/
勉強することの優先度を見直した話 - 学ぶことに意味づけをする ・JS (React / Node.js) 業務でのメインウェポン -> 社内で評価されるため
評価・・・自己肯定感を上げる。楽しみながら仕事できる。 ・Docker, Laravel 業務でのサブウェポン -> 評価 + 今後自分でサービスを作るため 自分のサービス ・・・強めのポートフォリオになる (後述)
勉強することの優先度を見直した話 - 学ぶことに意味づけをする ・ネットワーク・OS (低レイヤ) この先生きのこるため 健康を保ちながらこの業界で働き続けるのが当面の目標 トレンドでは変わらない分野で自分をどこでも使える武器にするため + 業務でまだ使わない言語も大まかに学習したいため
(書籍)Real World HTTP, Goならわかるシステムプログラミング -> Go を書きながら学習できる
難易度の低いアウトプットの話 学ぶ内容を見直した結果・・・ 1年目なので覚えることが多くてアウトプットする時間がない 書こうと思った事は既に Qiita に溢れている
難易度の低いアウトプットの話 学ぶ内容を見直した結果・・・ 1年目なので覚えることが多くてアウトプットする時間がない 書こうと思った事は既に Qiita に溢れている
難易度の低いアウトプットの話 - ハマったことの共有 - LT登壇 - 読書感想文 -> インプット中心の生活でもやっていけるはず 過去に自分が何を考えてたか振り返りにもなるので無駄じゃない -
ハンズオンのメンター -> 機会があったらぜひやりたい!
難易度の高いアウトプットの話(独断と偏見) - OSSへのコントリビュート - オリジナルのアプリ・サービス開発 - 技術系同人誌の執筆 -> まだとりかかるには難しい ポートフォリオとして見栄えはよくなるので地力が付いたら 挑戦したい
Thank you!