CSSレスポンシブデザインをSPAで使うと破滅する - 橋本商会
レスポンシブデザインは あくまで見た目の調整、表示・非表示のコントロールなので 下手に使うと、デバイス毎にインタラクションが違うUIのstateが無茶苦茶複雑になっていく コンポーネントという概念が無かった時代の設計を、SPAに持ってくるのはおかしい 画面サイズ毎にCSSで手軽にを切り替える、というのなら良い しかし、画面サイズ毎にインタラクションが違う部品が出てくると設計が破綻する 画面サイズ毎のがごちゃ混ぜになる コードが追えなくなり、バグの温床になる では、どうするか？ 素直に画面サイズ毎、デバイス毎、あるいはインタラクション毎のReactコンポーネントを書けばいい 使いまわせる部品は、コンポーネントとして切り出して再利用する 歴史を紐解く 2011年頃、レスポンシブデザインが生まれた 当時のwebにはコンポーネントが存在しなかった 単体で複雑な状態遷移をするインタラクティブなパーツ
熱中するとテレビに近づきすぎてしまう娘。ひと工夫＆声がけを変えて簡単解決！ by ヤマモト - みんなの体験記【妊娠・出産・育児】
娘にテレビを観せる時は、なるべくイスに座らせて画面から離すようにしているのですが、ダンスに熱中すると、じりじり近づいていってしまうのが悩みでした。 前回エピソード：悩みに悩んだ模索の日々…嘘のように＜指しゃぶり＞をやめることができた、1冊の本との出会い by ヤマモト そう言ってだんなさんが持ち出したのは「床用養生テープ」！！ なんだか体育館の床を思い出す見た目になりましたが、娘の反応はいかに…！？ （駅員さんを意識して、更にオーバーアクションにするのがポイント！） 今思えば、「離れてね」とは言ってもどれだけ距離を取ればいいのか娘にはわからなかったのではと思います。 目印ができたことで、目標がわかりやすくなったんですね。 それから娘は、相変わらず熱中するとテレビには近づいちゃうのですが、「線まで下がって」の声掛けには応じてくれるようになりました。 養生テープの他に、お洒落なマスキングテープ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
