新規サービス「FAANS」における、立ち上げからReact+TypeScriptのSPA開発を2年間運用した際に取り組んだ組織的・技術的な課題 - ZOZO TECH BLOG

2023/10/06 11 users FAANS コーデ SPA開発 由来 Webフロントエンド

こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。 普段はFAANSのWebフロントエンドの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ... 続きを読む

HTMLコーディングでもReact+TypeScriptの開発体験を得る

2021/08/10 23 users HTMLコーディング Pug 開発体験 HTML 形式

前置き HTMLを納品する形式の仕事の際にEJSやpugではなくReact+TypeScriptを使ってHTMLを生成しつつ開発体験を高めてほしい。 ということで具体的にどのようなメリットがあるのかを伝えたくてまとめてみました。 開発環境 1から環境を作るのは大変なので今回はクラクさんのministaを拡張していきます。 ministaの紹介記... 続きを読む

Atomic Designをやめてディレクトリ構造を見直した話｜食べログ フロントエンドエンジニアブログ｜note

2021/05/21 245 users Note Atomic Design ディレクトリ構造 ロク

こんにちは。フロントエンドチームの金野と申します。 食べログでは現在、React+TypeScriptでフロントエンドのリプレースを進めています。 以前の記事で、食べログではAtomic Designをどのように取り入れているかの紹介をしました。 しかし、最近のリプレース作業では、Atomic Designとは異なるディレクトリ構造を採用し... 続きを読む

【React+TypeScript】Netflixのクローンを作るチュートリアル

2021/01/22 458 users クローン Netflix チュートリアル Firebase

React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。 学べる事 - ReactのFunctionComponent（関数コンポーネント）とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外部APIを扱い、非同期通信でデータを取得 - movie-trailerにyoutubeを組み込む - Firebaseで... 続きを読む

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews

2019/11/20 162 users ITnews リファクタリング jQuery React 特徴

react-admin-template https://github.com/delprzemo/react-admin-template react-admin-templateの特徴 「react-admin-template」は、以下で構成されたオープンソースの管理画面です。巨大なリファクタリング/クリーニングを回避するため、コア機能のみ提供するコンセプトになっています。 ・React ・jQueryなし ・Type... 続きを読む