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
d9magai
August 07, 2019
Programming
6
3.4k
サーバサイドエンジニアがフロントエンドを始めた時の試行錯誤
d9magai
August 07, 2019
Tweet
Share
More Decks by d9magai
See All by d9magai
20200122_Amazon_Rekognition.pdf
d9magai
0
260
20191211_JAWS-UG_TOHOKU_Amazon_Rekognition.pdf
d9magai
0
270
チーム開発のコードレビューにおける些末なコードレビューを避けるための提案
d9magai
0
430
20190212.pdf
d9magai
0
120
Amazon Rekognitionを使って親御さんの写真探しのお手伝いができた話
d9magai
0
2k
Minami Aoyama Night#5 sen-corporation
d9magai
0
710
Other Decks in Programming
See All in Programming
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.1k
明日から始めるリファクタリング
ryounasso
0
120
Serena MCPのすすめ
wadakatu
4
930
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
390
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
jrsaruo
0
140
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
250
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
200
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
120
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
220
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
210
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
960
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
natmark
2
480
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
970
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Faster Mobile Websites
deanohume
310
31k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Fireside Chat
paigeccino
40
3.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
サーバサイドエンジニアがフロント エンドを始めた時の試行錯誤 Sendai Frontend Meetup #1 2019年08月07日 熊谷大地 千株式会社 1
© SEN CORPORATION 今日の発表内容 • サーバサイドに専念していてフロントエンド開発の変遷につ いていけてなかったエンジニアがフロントエンドを担当する ことになった際の試行錯誤と悪戦苦闘の話です • 自分の体験に基づいた内容なので誰にでも当てはまるもので
はないかもしれないです • これはやるべきではなかった、こうしておけばよかった、と いった話をしたいと思うので他山の石になれれば幸いです 2
© SEN CORPORATION 自己紹介と会社紹介 • 名前:熊谷大地 ◦ 宮城出身 ◦ 一児の父
• 所属: 千株式会社 ◦ ものづくり部 2013年 千株式会社入社 ↓ 2018年9月 仙台オフィス開設 ↓ 東京から仙台に引っ越してこちらで働くことに←イマココ 3
© SEN CORPORATION 」の海外進出 海外では「スクールフォト」の文化があまりない→保護者に子供達の写真を! 海外版はいチーズ開発の体制 Aさん:フロントエンド Webデザイン、UI/UX等フロントの開発 私:サーバサイド DB設計やAPIの実装等のサーバの開発
写真サービス「 4
© SEN CORPORATION サービスをリリースして営業が顧客を取り始めた頃・・・ リリースまでこぎつけた 偉い人 実質一人で開発頑張れ 私 マ? 開発の体制の変化
私:フロントエンドとサーバサイド 5
© SEN CORPORATION • 自身選択肢を狭める ◦ フロントエンドの技術を避けてきたことは自身にとってマイナスだった • 退っ引きならない状況になったらそんなこと言ってられない ◦
ポン・デ・ライオンだとかどうとか関係ない この時の私の思い 「自分はサーバサイドのエンジニアだから・・・」と考えて フロントエンドと向き合わないでいると・・・ そんな事言われても ウチ ポン・デ・ライオンやし 6
© SEN CORPORATION • 同じリポジトリのコードではあるが、まずは腰を据えて読み込む • コードを読む→少し書き換える→どう変わったか確かめる • この繰り返しで感覚をつかんだらなんとかなると思っていた まず取り掛かったこと
7
© SEN CORPORATION • 同じリポジトリのコードではあるが、まずは腰を据えて読み込む • コードを読む→少し書き換える→どう変わったか確かめる • この繰り返しで感覚をつかんだらなんとかなると思っていた まず取り掛かったこと
結果的にはコードをひたすら読むことは効果があった しかしそれで十分だと思ってしまったところはよくなかった 8
© SEN CORPORATION Aさん「何かわからないことがあったら聞いてね」 自分が何がわからないのかわからない状態で聞くに聞けない 何がわからないのかわからない状態 JS? Vue? Vuex? 9
© SEN CORPORATION Aさん「何かわからないことがあったら聞いてね」 自分が何がわからないのかわからない状態で聞くに聞けない 何がわからないのかわからない状態 なんとかして分からないところを特定するために、 • JSは構文を覚える ◦
参考にする情報の鮮度に注意 • Vue, Vuexはチュートリアルで学ぶ ◦ これは効果的だった • 迷っていないで聞いてしまう ◦ 何が分からないか分からない人を相手にするのは高コストなのでそこは注意 10
© SEN CORPORATION Vueのチュートリアルは初心者向けに丁寧に書かれている 早い段階でよく目を通しておけばよかった Vueのチュートリアルの重要性 「俺、初心者じゃねーし」とイキった結果→\(^o^)/ また、注意書きを素直に受け止めておけばよかった 11
© SEN CORPORATION console.log()デバッグは限界があった 初期の段階で効率のいい開発環境を用意するべき 効率よくデバッグできる開発環境 例: VS Code +
Debugger for Chrome Extension + Vue.js devtools 12
© SEN CORPORATION 「出てもどうせ分かんねーし」なんて言わずに出ればよかった 正直、勉強会は刺激にはなるが短期的に役立つ何かを得られるわけではない、 という考えがある しかし刺激がないよりはあったほうがずっと良い、と思う Sendai Frontend Meetup
とかいい感じですよね フロントエンド勉強会への参加 13
© SEN CORPORATION 最後に • フロントエンド、サーバサイドの役割分担を否定する意図はない ◦ 規模が大きくなって複雑化してくると一人で全部やるとか無理 • 私にとっては苦手意識を持って避けてきたことはマイナスだった
◦ 自身の選択肢が狭まる ◦ やってみたら面白かったかもしれない仕事が出来なかった • 退っ引きならない状況になってから始めたフロントエンド開発 ◦ とてもDX(開発者体験)の良い世界 ◦ とはいえまだまだ分からないことが多いので勉強頑張ります エンジニア募集中です 14