バクラクフロントエンド Vision 1.0

1. バクラクフロントエンド Vision ~ 理想的なフロントエンド環境を⽬指して ~ 2023.08.02
2. Confidential © LayerX Inc. 2 バクラクフロントエンド Vision フロントエンド環境の進化でバクラクに関わるユーザ‧開発者を もっとラクに、もっと快適に もっとワクワクする体験を
3. Confidential © LayerX Inc. 3 バクラクフロントエンド 宣⾔ 我々のチームは「バクラクに関わるユーザ‧開発者をフロントエンド環境 の進化でもっとラクに、もっと快適に、もっとワクワクする体験を」創造 するチームである。 それを実現するために、チームとして「お客様に最⾼の体験を届けること」 「フロントエンド実装を楽しくできること」を⼤事にしている。 直近は「Safety Challenge」「Fast Delivery」の達成を⽬指す。
4. Confidential © LayerX Inc. 4 バクラクフロントエンド Visionの想い お客様に最⾼の体験を届けたい フロントエンド実装を楽しくしたい 圧倒的に使いやすいプロダクトを常に⽬指し、その先のワクワク体験へとつなげる！ フロントエンドは顧客との⼀番近い接点であり、体験の根幹になるため、速く‧壁がなく‧どこでも 使える状態が理想的である。バクラクのフロントエンド開発を通して最⾼のUXを届けて、その感動の 熱をエネルギーに更に前進していきたい。 開発者体験でも妥協せず、ワクワク体験を内から溢れ出させる！ ビジネス要求に集中しすぎると知らず知らずで開発者体験が悪化してしまう。Bet Technologyな状態 を常に作り出し、爆速開発を体現していくのが理想的である。僕らもカッコイイと思える開発を実践 ‧実感し続けて新しい価値を作り出していきたい。
5. お客様に最⾼の体験を届けるために…
6. Confidential © LayerX Inc. 6 お客様に最⾼の体験を届けるために… 軽快なUIは最⾼の体験を加速させる ✓ PageSpeedInsight改善 ✓ Web Vitals All green ✓ パフォーマンス計測 だれにでもバクラクな体験を届ける ✓ 対象ユーザの解像度を上げる ✓ ユーザのアクセシビリティレ ベルを満たす ✓ a11yに沿ったUI構築のガード レール設置 バクラクは場所もデバイスも選ばない ✓ 適切なレスポンシブ対応 ✓ デバイスごとに適切な体験の 整備 ハイ パフォーマンス オールデバイス フレンドリー アクセシビリティ Base: 圧倒的顧客⽬線 もっともっと… もっともっと…
7. フロントエンド実装を楽しくするために…
8. Confidential © LayerX Inc. 8 フロントエンド実装を楽しくするために… どんな⼈でも簡単にUIは作れる ✓ 標準‧基準のコンポーネント ✓ Enablingになるコードの整備 ✓ linterなどのガードレール設置 ✓ code snippetの充実 速く、新しいUXを届けられる ✓ 速いbuild, testing ✓ Fail fastできる環境 ✓ 新しいUI事例の研究‧転⽤ 挑戦は推奨され、理想を追求できる ✓ カイゼン推進のグループ運営 ✓ 多様なテストの整備 ✓ オブザーバビリティの追求 ✓ MTTRを極⼩にできるCI/CD ✓ 定期のライブラリアップデート Easy Build Safety Challenge Fast Delivery Base: Bet Technology もっともっと… もっともっと…
9. Vision策定の背景
10. Confidential © LayerX Inc. 10 プロダクト開発を続けているとどうしても近々の技術課題を⽚付けることに集中してしまい、根本の課 題解決から遠のいてしまうという危惧があった… 各バクラクシリーズのフロントエンド課題解決に当たっていたエンジニア同⼠で「バクラクの理想的な フロントエンドってなんだろうね？」という話を顔を突き合わせて⾏った中で、視えてきた具体的な理 想状態を社内‧社外に広く伝えていきたい‥！というところから中⻑期で⽬指す状態を⾔語化した Vision策定の背景