技術向上

プログラミングの学び、気になるテクノロジーやビジネストレンドを発信

UI

ページング関連のクエリとUI設計【MySQL】

Limit Offsetは遅い MySQLを用いてページネーションを作成する際、はじめに遭遇するのが「Limit Offset」構文かもしれません。 MySQLに用意されている、ページングを実現するには便利な機能です。 SELECT * FROM tableA LIMIT 10 OFFSET 250 OFFSETに指定さ…

Atomic Designの適用【Vue.js】

過去に紹介したAtomic Designを、Vue.jsコーディングに当てはめて考えてみます。 tech-up.hatenablog.com Atoms ロジックを持たない Stateを持たない Storeを参照しない Molecules Storeを参照しない Atomsのイベントをハンドリング Atomsのプロパティ変更や…

Atomic Design【UI】

UI

Atomic Designとは 要素を段階的に構造化し、その組み合わせによってWebページやインターフェースを構成する考え方。 We’re not designing pages, we’re designing systems of components.—Stephen Hay コンポーネントが定義されて再利用性が高まるだけでな…