• 2025/02/21

    Developers Summit 2025に参加・登壇しました

    はじめに BASE の Product Dev Division で Advanced Engineer のプログラミングをするパンダ(@Panda_Program)です。2年半間 Senior Engineer をやって、今は Advanced Engineer になりました。 今回ご縁を頂きまして Developers Summit(デブサミ)2025 に参加・登壇しました。登壇内容はスライド

  • 2024/12/02

    「読書会のジレンマ」を克服する: 成果を生むアクティブラーニング勉強会の実践法

    この記事は BASE アドベントカレンダー2日目の記事です。 勉強会の隠れた課題「読書会のジレンマ」に立ち向かう BASEでシニアエンジニアをしているプログラミングをするパンダです。 この記事では普通の社内読書会をレベルアップする方法を紹介します。自分の所属するチームでは2ヶ月に渡る勉強会でこの方法を実践した結果、参加者の全員が書籍の内容をしっかり学べたという手応えを感じています。実際に、チームメ

  • 2024/10/09

    新入社員のオンボーディングをするエンジニアのための「メンターの心得」

    新しい方を受け入れる側のマインドセットです。 はじめに BASE の Product Dev Division でシニアエンジニアをしているプログラミングをするパンダ(@Panda_Program)です。 入社されて3ヶ月目で同じチームで働いている Torata さんが「入社して感じたBASEのいいなと思うところ」という入社エントリを書いてくれたので、新入社員を受け入れる側からのアンサー記事です。

  • 2023/12/11

    180件のPRを遡って、良いレビューコメントをLintのルールに組み込んだ

    はじめに こんにちは。シニアエンジニアのプログラミングをするパンダ(@Panda_Program)です。本記事は BASE アドベントカレンダー 2023 の11日目の記事です。 BASE のバックエンド開発では巨大なモノリスからモジュラーモノリスへの移行が進んでいます。この記事では、モジュラーモノリスの中で自分のチームが担当しているモジュールに導入した PHPStan のカスタムルールの導入とそ

  • 2022/12/04

    Vue 2 + TypeScript 環境に Testing Library を導入する

    Vue 2 でコンポーネントテストを書くために こんにちは。プログラミングをするパンダ(@Panda_Program)です。本記事は BASE アドベントカレンダー 2022 の4日目の記事です。 本記事では Vue 2 + TypeScript 環境に Testing Library を導入する方法をご紹介します。なお、Testing Library の使い方については本記事では触れていません。

  • 2021/12/15

    ビジュアルリグレッションテストのツールを導入するまでの意思決定プロセス

    はじめに この記事はBASE Advent Calendar 2021の15日目の記事です。 BASE株式会社 Owners Experience Frontend チームのパンダ(@Panda_Program)です。 2021年の5月に入社してから、アサインされるプロジェクトの仕事以外に社内 UI コンポーネントライブラリ「BBQ」のメンテナンスに取り組んでいました。 その中でも特に Story

  • 2021/12/08

    Storybook と Chromatic でビジュアルリグレッションテストを実施する

    Chromatic とは Chromatic とは、Storybook のメンテナーが作成している Storybook 用のツールです。Storybook をビルドして公開したり、ストーリーごとのスクリーンショットを撮影し、差分を比較してくれる機能を備えています。 Chromatic を使うことにより、UI の予期せぬ変更を事前に検知することができます。本記事では Chromatic の導入、活用

  • 2021/09/16

    TypeScript Compiler API で40の Storybook コンポーネントを storiesOf から CSF(Component Story Format)に置換した

    BASE株式会社 Owners Experience Frontend チームのパンダ(@Panda_Program)です。 BASE では社内用コンポーネントライブラリ「BBQ」を使ってフロントエンドの開発をしています。 BBQ は Vue2 + Storybook v5 で作成されていましたが、TypeScript Compiler API と社内のフロントエンドエンジニアの有志たちのおかげで

  • 2021/09/06

    ISUCON 11予選に BASE から4チームが参加しました

    8/21(土)に開催された ISUCON 11 予選に BASE から4チームが参加しました。 参加者の感想をお届けします! チーム「牡蠣に当たる時の効果音→カキーン」 BASEバックエンドチームの @cureseven です。このチームはエンジニアコミュニティのメンバーから募ってできたチームであり、BASEからは私のみ参加しています。 ISUCON11では31位 92336点でした。ISUCON

  • 2021/06/15

    Vue2 + Storybook v5 のコンポーネントを v6 向けに書き換える

    BASE株式会社 Owners Experience Frontend チームのパンダ(@Panda_Program)です。 BASE では BASE の UI を構築するための社内コンポーネントライブラリ「BBQ」を使ってフロントエンドの開発をしています。 BBQ は Vue2 + Storybook v5 で作成されています。現在、フロントエンドの有志たちで Storybook のバージョンを