BASE_Tech_Talk_2__2022年にBASEへ入社したエンジニアが語る技術的チャレンジ__mk0812_.pdf

Transcript

1. © 2012-2022 BASE, Inc. 2022/12/13 BASE Tech Talk#2 〜2022年にBASEへ入社したエンジニアが語る技術的チャレンジ〜 フロントエンドの負債解消 およびフルスタックへの挑戦
2. 2 © 2012-2022 BASE, Inc. 自己紹介 氏名： Matsuoka Kosuke 所属：BASE株式会社 入社：2022/4 ~ 現在 業務：フロントエンドエンジニア 　　 （なんでもやってる） 趣味：DTM、イラスト書く、OSS漁り とりあえず検証が好きで手を色々動かして います、あとMoveFastに生きてる人間 mk0812 @mk0812__ #base_talk
3. © 2012-2022 BASE, Inc. 今日の本題 BASEに入って約9ヶ月 自分自身がどう変化したか (技術 + 考え方) 3 #base_talk
4. © 2012-2022 BASE, Inc. 今日話すこと １ ２ ３ フロントエンドのお話 フルスタックのお話 チームのお話 4 #base_talk
5. フロントエンドのお話 5
6. © 2012-2022 BASE, Inc. フロントエンドのお話① • マルチエントリーポイントの構成で依存関係 がわかりづらい ◦ 依存が絡み合って結果的にそれらをまとめ てビルドしているので当然ビルド時間は ファイル数の増加 ç フロントエンドの負債解消に取り組んでいる 6 この前出したテックブログ • turborepoを採用し、ビルド時間の削減 ◦ パッケージ間の依存関係を考慮した再ビル ド ◦ ビルドパイプラインの実行 https://devblog.thebase.in/entry/2022/10/28/110000 #base_talk
7. © 2012-2022 BASE, Inc. フロントエンドのお話② • 自分が入社した時のVueのバージョンは 2.6.14 ◦ Vue 2.xのEOFは2023年末 ライブラリのアップデート 7 • 一旦2.7.xにあげた（EOFは不変ですが） ◦ 現状書かれているvue-class-componentを defineComponentにしたり徐々にアップデー トを考えている • Reactの検証なども ◦ 前提としてBASE管理画面の話 ◦ フロントエンドの変化（昔はデザイナー陣にも 見た目がとっつきやすいのでVue採用したが今 はフロントエンドというロールがある） 約2年前のテックブログ https://devblog.thebase.in/entry/2020/09/17/110000 #base_talk
8. フルスタックのお話 8
9. © 2012-2022 BASE, Inc. フルスタックのお話 バックエンドのコード書き始めた 9 • 自分が入社したのはフロントエンド ◦ 「とにかくなんでもやってやろう」みたいな 時期があってバックエンドをやる • 最初はレビューのみだったが ◦ PHPUnitのテストコードをみてプロダクト コードの理解を深めた • TypeScriptの書き方は熟知？してるので書き方 をPHPに置き換えて色々検証していた • バックエンドの設計周りのプランニングに参加 してノウハウを学ぶ（まだまだ挑戦は続く 上のアイコンは「Doctrine」 というORMで初めて知った 某3DCGアニメーション作成のアプリケー ションとアイコン似てない..??? PHP、あなたと初めて会ったのは WordPressのときでしょうか （n年前） 全然書き方違うような...??? プロダクトコードの理解を深めな がらコードの書き方を学ぼう よしテストコードだな まあとりあえず書いてみないとわ からないし、ドキュメント見なが ら書くか ※英語に対してハードルが最近ない 僕の頭の中 #base_talk
10. チームのお話 10
11. © 2012-2022 BASE, Inc. チームのお話 • 入社前はフリーランス ◦ 個人主義が極めて強かった（と思う） チームのことをたくさん考えた 11 • アジャイル開発を採用してる ◦ 行動指針にもある「Move Fast」は自分が入社 する前から意識してたこと ◦ この意識がストーリー達成にも根付いている • スプリント中に検証や試行錯誤を繰り返して 不確実性を打破して前進をしている ◦ 各プロセス（テスト、開発、仕様検討）などで 都度改善のための議論・アクションができている ◦ 他チームの状況をウォッチして自分のチームに 取り入れる （当初） 自分1人で書けばいけるだろう →普通に詰んだ テストのやり方って今の ままでいい？？ 仕様をどう落とし込んだ ほうがいい？ 開発で詰んだらいつでも 呼んでね 開発プロセスで改善を考える...🤔 （現在） チームとしてどう取り組むべきか どう達成していくか 僕の頭の中 #base_talk
12. まとめ 12
13. © 2012-2022 BASE, Inc. この問いに対しての答えですが.... BASEに入って約9ヶ月 自分自身がどう変化したか (技術 + 考え方) 13 #base_talk
14. 14 © 2012-2022 BASE, Inc. まとめ 技術的な挑戦（バックエンド他）が色々できた + チームのこと（アジャイル開発）にたくさん向き合った • BASEにはさまざまな課題があり挑戦できる環境 ◦ 「誰かがやる」ではなく「自分」がやる • BASEというプロダクト、ビジョン、人が最高に好き ◦ 入社して会社のためにアクションが色々おこせるようになった ◦ これからも頑張っていきたい #base_talk
15. ご清聴 ありがとうございました！ 15