Oisix の EC サイトに対して行っているWeb フロントエンドの刷新プロジェクトについて紹介する記事の第二弾です。本記事では、プロジェクトのソフトウェアアーキテクチャを紹介します。

Oisix EC サイトの Web フロントエンド刷新プロジェクトの紹介 - ソフトウェアアーキテクチャについて - Oisix ra daichi Creator's Blog（オイシックス・ラ・大地クリエイターズブログ）

Oisix の EC サイトに対して行っているWeb フロントエンドの刷新プロジェクトについて紹介する記事の第四弾です。本記事では、プロジェクトのこれまでの成果と今後について紹介します。

Oisix EC サイトの Web フロントエンド刷新プロジェクトの紹介 - 現状と今後について - Oisix ra daichi Creator's Blog（オイシックス・ラ・大地クリエイターズブログ）

Oisix の EC サイトに対して行っているWeb フロントエンドの刷新プロジェクトについて紹介する記事の第一弾です。本記事では、プロジェクトの目的やプロジェクト開始時の状態を示したうえで、採用しているアプローチやプロジェクト進め方について紹介します。

Oisix EC サイトの Web フロントエンド刷新プロジェクトの紹介 - プロジェクト開始時の状況と方針について - Oisix ra daichi Creator's Blog（オイシックス・ラ・大地クリエイターズブログ）

Oisix の EC サイトに対して行っているWeb フロントエンドの刷新プロジェクトについて紹介する記事の第三弾です。本記事では、プロジェクトで利用しているライブラリやサービスとそれらの利用方法について紹介します。

Oisix EC サイトの Web フロントエンド刷新プロジェクトの紹介 - 利用している技術・サービス等について - Oisix ra daichi Creator's Blog（オイシックス・ラ・大地クリエイターズブログ）

sterashima78 has 54 repositories available. Follow their code on GitHub.

sterashima78 - Overview

この記事の概要 デザインシステム 『Tsukuri』の Web 向け実装『Tsukuri for Web』を開発中です 変更しやすくするために構成要素の依存関係を考慮した構造を検討しました コンポーネントの実装は Web Component を利用し、Vue.js と React にも対応します アイコンやデザイントークンに対応する実装は Figma から取得したリソースを元に生成します 1. はじめに 2022/08/16 に入社しました、Web フロントエンド開発を中心に行っている寺島です。 私は入社してから現在に至るまで、アンドパッドのデザインシステム 『Tsukuri』 の Web 向…

ANDPAD のデザインシステム 「Tsukuri」 の Web 向け実装について - 方針と全体像の紹介 - ANDPAD Tech Blog

この記事の概要 Lit を用いて Web Component を実装しています Custom Element Manifest の情報を元に Vue や React のコンポーネントを機械的に実装しています デザイナーと開発者がデザインシステムの語彙を用いてコミュニケーションを取りやすいような設計をしています 1. はじめに Web フロントエンド開発を中心に行っている寺島です。 この記事はアンドパッドで開発しているデザインシステム 『Tsukuri』 の Web 向け実装である『Tsukuri for Web』の構築について紹介する二つ目の記事です。 以前の記事を前提に作成しているため、先に…

ANDPAD のデザインシステム「Tsukuri」の Web 向け実装について - UI コンポーネントの開発 - ANDPAD Tech Blog

1. はじめに 2. リポジトリ全体に関して 2.1. ディレクトリの構造 2.2. パッケージマネージャ 2.3. Node.js 2.4. スキャッフォールディングツール 2.5. そのほかの モノレポツール 3. ビルド・バンドルツールに関して 4. ドキュメンテーションに関して 5. テストに関して 5.1. ブラウザで実行するテスト 5.1.1. Storybook の play 関数で実装したインタラクションテスト 5.1.2. Visual Regression Test (VRT) 5.1.3. axe-core による a11y テスト 5.2. Node.js で実行するテ…

ANDPAD のデザインシステム 「Tsukuri」 の Web 向け実装について - リポジトリの構成・開発ツール - ANDPAD Tech Blog

1. はじめに Web フロントエンド開発を中心に行っている寺島です。 この記事はアンドパッドで開発しているデザインシステム 『Tsukuri』 の Web 向け実装である『Tsukuri for Web』の構築について紹介する最後の記事です。 tech.andpad.co.jp tech.andpad.co.jp tech.andpad.co.jp この記事では Tsukuri for Web の現状と今後について紹介します。 記事内容を通して、Web フロントエンド開発者やデザイナーの方にアンドパッドに興味をもってもらうことを目的としています。 2. Tsukuri for Web の現状…

ANDPAD のデザインシステム「Tsukuri」の Web 向け実装について - 現状と今後 - ANDPAD Tech Blog

sterashima78さんの記事一覧

ブログ記事など

Web フロントエンド開発を中心に