CRAからViteへ移行して190倍高速なdev server起動を得る - inSmartBank

2022/04/25 13 users inSmartBank vite Cra ビルドツール 手順

ある日突然、あなたに190倍（当社比）高速なdev serverができたらどうしますか...？ この投稿ではWebアプリケーションのビルドツールをCreate React AppからViteへと移行した背景・手順・結果について説明します。 Vite等のビルドツールやフロントエンドアプリケーションの開発体験に興味・関心がある方、中でもCreate R... 続きを読む

Next.jsとStripeで定期課金を実装する

2022/03/06 10 users Stripe シークレットキー Next.js 定期課金 実装

Next.jsで構築中のフロントエンドアプリケーションに定期課金を実装したかった。読んですぐ実装できるように実装方法をメモする。 定期課金の実装にはStripeを使用する。 ※以下では、Next.jsを使った開発環境での実装について記述する。StripeのAPIにシークレットキーを使うため、本番環境ではAPIを叩く処理をサーバーサ... 続きを読む

ぼくのかんがえたさいきょうのデータフェッチ 2021Summer?‍♂️【Next.js / Hasura】

2021/07/16 17 users Hasura GraphQL データフェッチ クライアント

フロントエンドアプリケーションの開発を行う上で避けては通れないデータフェッチの実装。 REST APIを使うか、GraphQLを使うか、クライアントでキャッシュするか、APIレスポンスにどのようにして型を付けるか、状態管理はどうするのかなど、開発者の悩みが尽きないけれども、それに関しての設計を考えたり議論を行うのは... 続きを読む

フロントエンドアプリケーションにおいて状態をどこに置くべきか論 - Runner in the High

2021/06/23 26 users Runner in the High 状態

後学のために自分の考えていることをまとめてみる。 考えられるパターン これまでの経験から以下4つのパターンがある。 ローカルStateでprop-drillingする ローカルStateかつイベント経由でデータ交換をする グローバルStoreとローカルStateを併用する グローバルStoreのみを使用する 1. ローカルStateでprop-drillingす... 続きを読む

フロントエンドを考える 〜概念編〜

2021/02/21 119 users フロントエンド 概念編 徒然 ユーザ 両立

この記事のシリーズでは私がフロントエンドに関して思っていることを徒然に語っていこうと思います。 ちょっと長くなり過ぎそうなので以下の4つに分けて書いていこうと思います。 1.概念的な話 - フロントエンドアプリケーションとは何でできているか フロントエンドアプリケーションを保守性とユーザへの価値提供を両立... 続きを読む