Atomic Design と FSD に迷った僕が Screaming Architecture にたどり着くまで
はじめに これは主観ですが、フロントエンドのディレクトリ構成は、長い間 “粒度” と格闘してきたように思います。 Atomic Design は UI を階層化しましたが、それはあくまで UI ...
0
0
Comment0
12 search resultsShowing 1~12 results
Stocked
You need to log-in
「全部 hooks に切り出す」から卒業するための React 3 層アーキテクチャ
対象読者 hooks が肥大化してきた人 再利用境界の設計で悩んでいる人 はじめに React で開発を続けていると、避けて通れない課題があります。 それは、UI とロジックの混在によるコンポー...
1
0
Comment0
Nuxt3 + Pinia + firebase v9で認証処理を作ってみる
はじめに Nuxt3 と firebase v9 を使って認証フローを作成してみました。 認証データの状態管理には Pinia を使用します。 firebaseの接続情報 接続情報は publi...
8
5
Comment0
ReactでTableのヘッダーをbodyスクロール時に常駐させつつ、列ヘッダーの常駐もさせる
はじめに テーブルを利用して何かしらの一覧画面を作成する際、Y軸スクロール時にヘッダーを常駐させたくなることがあるかと思います。 それも、table 内のスクロールではなく、body 内のスクロ...
0
0
Comment0
ReactでVuetifyライクなSlot付きテーブルコンポーネントを作成してみる
参考記事 はじめに 学習も兼ねて React と MUI を使用してテーブルを作成していた時のことです。 テーブルコンポーネントを「プレゼンテーショナルコンポーネント」と「コンテナコンポーネント...
0
0
Comment0
Vue3 + js-api-loader で地図上にオブジェクトを描写する
はじめに これは半分、備忘録とすることを目的とした記事です。 何かしらの住所をマップで表示させるなどの機能を実現させるために、GoogleMap 上にマーカーやその他図形を描写する機能を作成する...
1
0
Comment0
Vue3 + Vitest によるUT向けに Composable をモックするための Composable を書く
はじめに vue アプリケーションを作成する場合、状態管理やその関連処理をカプセル化するためにcomposableを使用することは多いと思います。 そのような composable を使用する側...
0
0
Comment0
@tiptap/vue-3を使ってWYSIWYGエディタを作ってみる
はじめに こちらの記事でTiptapというヘッドレスのリッチテキストエディタのことを知りましたので、Tiptapを利用して最低限のやりたいことを詰め込んだWYSIWYGエディタをVue3で作成し...
2
1
Comment0
Vue3でinputイベントによるstate変更を遅延させるためのhookを作る
はじめに この記事の内容は、入力フォームと、入力の結果を閲覧できるプレビューの両方を持つ画面のような、入力フォームコンポーネントのmodelValueの値が他のコンポーネントの描写に影響する画面...
1
1
Comment2
v-data-tableを利用して無限スクロールテーブルComponentを作成する
はじめに 無限スクロール機能を作成する機会があったためメモを残すことにしました。 本当はnuxt-property-decoratorを使って作って見たかったのですが、今回は断念しました。 Co...
0
0
Comment0
Vuetifyでoptgroup付きselectboxを作ってみる
vuetifyを使用してoptgroup付きのselectboxを作成したときのメモです。 やりたいこと multiple selectの場合はチェックボックスを表示し、optgroupも選択可...
6
1
Comment1
TypeScriptでExponentialBackoffのリトライ処理を書いてみる
リトライ処理の作成メモです。 アルゴリズムはAWSでお馴染みのExponentialBackoffを使用しています。 Function export function sleep (milliS...
1
0
Comment0
12 search resultsShowing 1~12 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles