カテゴリー: React
-
Gatsbyビルドが通らなくて
結構前に書いた下書き出てきたので出しとく。めっちゃ端折ってるけど。死ぬんかと思った。死ななかった。 Debugging HTML Builds | Gatsbyhttps://www.gatsbyjs.com/docs/ […]
-
ReactSlick天地中央
css – Vertical align content slickslider – Stack Overflowhttps://stackoverflow.com/questions/37455 […]
-
【gatsby-image】ワレwebP生成してくれるやんけワレェ！！【見直したわ】
実装のはざまで時間が出来たので、gatsbyで作ったお知り合いのサイトを地道に改善していくべくlighthouseで点数とか見てた。 WebP対応しろってか。変換めんどいのう、、と思ってなにげに調べたら gatsby-i […]
-
breakpoint with styled-components
ブレークポイントの管理について・ 結局関数作るので、styled-components便利なのか何なのかわかんなくなってきた。 mixin→jsのmixin cssでmixin作ってなきゃ一つでOK。 多分全部JSでやり […]
-
reactでFacebook Page Plugin をリサイズ
結局iframeをそのまま突っ込んでwidthをstateで持つようにしました。 Re-render a React Component on Window Resize | Pluralsight https://ww […]
-
gatsbyでのie11対応
デフォルト対応ブラウザはブラウザシェア1％以上、現存する（死んでない）バージョン、だったら現状はie11も入ってるやろうし何もしないでいいはず・・・と思うのだけど、 ターゲットブラウザにie11を追記したら動くようになっ […]
-
reactでのブラウザサイズ監視
これで解決 Re-render a React Component on Window Resize | Pluralsight https://www.pluralsight.com/guides/re-render- […]
-
【メッモ】たったこれだけ！gatsbyで構築したサイトでPWA対応！
必要なもの全部入ってるのに！！まごついた！！ まごつき2~3時間掛かった。 時間もったいないのでワールドピースのためにシェア。 ワールドピース。 何回言えばわかる。最初に読むのはqiitaじゃなく公式だよ！！！わかったか […]
-
my first gatsby 警告たくさん出てチッチチッチ言いながら直したメモ
いやサクッとサイト作るのにそこまで気が回ってないだけなんやけどさ 主にアクセシビリティについてたくさん小言を言われた気がする。そんとき調べたことメモ warning Visible, non-interactive el […]
-
gatsby-imageで死にそうになる
公式を最初に読まない自分が悪い qiitaの記事見て「へえ！Gatsbyではgatsby-image使うんがマストなんか〜」と思って develop中は良かったがいざbuildしようとするとエラーの嵐で恐ろしく躓いた 多 […]