フロントエンドに挑戦したら思っていた何倍もいい経験になった話

2022/12/13
BASE Tech Talk#2
〜2022年にBASEへ入社したエンジニアが語る技術的チャレンジ〜
フロントエンドに挑戦したら、
思っていた何倍もいい経験になった話

#base_talk
自己紹介
wakana（@__wakanaction__）
2
● BASE株式会社
● 現在のお仕事：バックエンドエンジニア
■ 2022/01にBASEへ入社
● 初LT！がんばります 💪
● 好きなこと
■ スプラトゥーン ♨
■ マッチしたらよろしくお願いします

#base_talk
自己紹介
wakanaの技術スタック
3
● バックエンド
■ 主に扱っている言語・・・PHP
■ 使用歴・・・6年くらい
● フロントエンド
■ 主に扱っていた言語・・・JavaScript, jQuery
■ 使用歴・・・3年間最後に触ったのは2,3年前

#base_talk
本発表で伝えたいこと
・FEへの挑戦が想像以上にいい経験になった
・チャレンジ大歓迎！なBASEの雰囲気
4

#base_talk
お話ししないこと
・フロントエンドの技術詳細
5

#base_talk
本発表の構成
１
２
どんなものを作ったのか
どんな変化があったのか
6

#base_talk
7
・ログイン画面・ローディング画面

#base_talk
8
・ログイン画面・ローディング画面
・メールアドレスとパスワードの入
力を受け付ける
・入力値のバリデーションを
行う
・ログイン用APIをコールする
・次画面へのリダイレクトを行う

#base_talk
9
・Vue.js(TypeScript) で作成
・環境構築や開発の進め方を度々相談
・既存フロントエンドメンバーへコードレビュー依頼
・7営業日ほどで完了
無事リリースできた🎉

#base_talk
１
２
10

#base_talk
11
1. 挑戦大歓迎な文化に感銘を受け、さらにそれを守る側に
なっていきたいと思えた
一番良い意味で想定外でした
チャレンジできることとなったきっかけや当時の様子からお話しさ
せてください

#base_talk
プロジェクトの人員相談でのこと...
12
プロジェクトでFEの人員が必要になりそうです

#base_talk
13
Uさん
既存の人でもいいけど、せっかくだし
wakanaさんやってみる？？
Uさん

#base_talk
14
Uさん
Uさん
え、いいんですか？？？😳（いいならやりた
い）

#base_talk
15
Uさん
Uさん
え、いいんですか？？？😳（いいならやりた
い）
Sさん
いいと思う。
自分もデイリーでフォローしますよ。

#base_talk
1. 挑戦大歓迎な文化に感銘を受け、さらにそれを
守る側になっていきたいと思った
Sさん
手厚いフォローをいただいたおかげで
無事何事もなくリリースできた
👇
自分もぜひこの文化を維持したい！と
思った。
個人目標にも設定し取り組んでいる
いくつか社内ドキュメントに反映中

#base_talk
2.FEで開発し、リリースできたことが自信に繋がった
・jQuery (Ajax)で止まっていたキャリアを再開できた
・プロダクト理解が進んだ
処理の流れ、データの流れを明確にすることができた
Webエンジニアとしてこうでありたいと思った

#base_talk
3.守備範囲が広まり、日々の業務の様々な場面で作用した
一例としては...
・見積もり、不具合調査、などもまず自分で読んでみる、ができるよ
うになった
・BE側でAPI仕様を考える際、FEでの使われ方を想像しながら設
計できるようになった

#base_talk
まとめ
フロントエンドへ挑戦した結果、
想像以上によかったこと
・最高の文化を守る側になっていきたいとまで思えた
・フロントエンド分野で貢献できたことが自信に繋がった
日々の業務のいろいろな場面で自己の助けとなった

おわり
ご清聴、ありがとうございました！

Empfohlen