年賀状・ポストカード印刷ECのWeb・店頭端末フロントエンド開発

印刷サービスの年賀状・ポストカード印刷ECを、Webと店頭端末の両チャネル向けに開発・運用しています。年賀状シーズンに向けた開発が毎年発生する継続案件です。

課題: Webと店頭端末を共通基盤で安定して回す

年賀状・ポストカード印刷ECを、Webと店頭端末という異なるチャネル向けに提供する必要がありました。店頭端末アプリ、店頭宛名アプリ、Web-ECという複数のフロントエンドが存在し、金額計算などの共通部分を保ちながら、年賀状シーズンに向けた開発を毎年安定して回すことが求められました。

アプローチ: Node.js + Storybook ベースの複数フロントエンド

• 複数フロントエンド: 店頭端末アプリ・店頭宛名アプリ・Web-ECを、Node.js・Storybookベースで開発。
• 共通化: コンポーネントをStorybookで管理し、金額計算などの共通処理を共有しながらチャネルごとの差分を吸収しました。
• デプロイ・運用: AWS上でJenkinsによるデプロイ・運用体制を構築し、シーズンごとの開発と本番運用を継続しています。

成果

Webと店頭端末の双方で年賀状・ポストカード印刷ECを稼働させ、2019年から毎年のシーズン開発とデプロイ・運用を継続しています。複数のフロントエンドをStorybookベースで保守しやすく保っています。