サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
tic40.hatenablog.com
数ヶ月Atomic Designを採用したNuxt(Vuexパターン)アプリケーション開発を行ってみて、思ったことのメモ。 Atomic Designとは bradfrost.com 概要だけ知りたい人に説明すると、基底となるコンポーネント(原子)を作り、その原子を組み合わせて分子コンポーネントを、さらに分子を組み合わせて有機体コンポーネント、そして最終的にそれらを組み合わせたページを組み上げる、というボトムアップ的アプローチのデザイン手法である。 Nuxt(Vuex)におけるコンポーネント分割方針 Atomic Design手法の肝は、 Atoms/Molecules/Organisms のコンポーネント設計にある。 この設計が抽象的なままだと、アトミックデザインの恩恵は十分に得られない。 コンポーネント設計で、まず最初に頭に入れておきたいのは、 Stateless or Statefu
商品(item)にN個のタグを設定し、tag名(tag id)で商品をAND検索できる機能を実装したい。 table design 以下の3つのテーブルを用意する item: 商品テーブル。タグの設定対象 item_to_tag: itemとtagの中間テーブル tag: タグテーブル item table mysql> select * from item; +----+-------+ | id | name | +----+-------+ | 1 | item1 | | 2 | item2 | | 3 | item3 | +----+-------+ item_to_tag table(中間テーブル) mysql> select * from item_to_tag; +----+---------+--------+ | id | item_id | tag_id | +----
このページを最初にブックマークしてみませんか?
『Do Something』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く