タグ

ブックマーク / qiita.com/tsushimori (2)

  • ReactコンポーネントのCSSをひとまとめにする - Qiita

    ReactのコンポーネントのCSSをもっとスマートにしたいというのが発端です。 CSS-in-JSやCSS Moduleを使ってCSSを管理していると<style>...</style>がたくさんできてしまってスマートでない。 <実装前> そこで、<style>タグひとつにまとめる方法を考えてみました。 <実装後> スマートになっていい感じ。 方法 ReactのcomponentDidMountもしくはcomponentWillMountでCSSを生成し、それを<style></style>タグの中へ入れる。 import { h, Component } from 'preact'; import { Link } from 'preact-router/match'; import Client from '../../../functions/client/index'; impor

    ReactコンポーネントのCSSをひとまとめにする - Qiita
  • リアルガチにヤバいAMP Start - Qiita

    AMP(Accelerated Mobile Pages)がGoogle検索の仕様に加わってからひさしくなりますが、さらなる広がりの予感をAMP Projectがみせております。 ウェブデザインが収束の方向に向かっている BootstrapやMaterial design、Reactなどコンポーネント単位でウェブモジュールをつくっていこうという動きがあります。これは当たり前です。たとえ、オリジナルデザインでウェブサイトを作ろうとしても、パーツの再利用性などを考えることは効率やブランディングの観点からも正しく、みんなそうしてウェブサイトを作ってきたと思います。 2017年現在の現状を俯瞰的にみてみると、仕組みが出来てきたというフェーズに入ってきたのだと思います。 それによって、起こる現象はおそらく2つ。 1. ウェブデザインの2極化が起こる これは安易に想像がつきますね。一つの流れとしては、

    リアルガチにヤバいAMP Start - Qiita
  • 1