RX100で撮り歩くブログ

RX100やRollei B35で写真を撮ったり何やかんやするブログ

CSS

Next.js + tailwindcss + microCMS + Vercelで写真のポートフォリオサイト作ってみた

年末の技術の勉強もかねて簡単な写真のサイト作ってみました。 photo.mismith.me 作った理由 Next.js + microCMS next/imageが便利 tailwindcss Next.jsでtailwindcssを使う チートシート Components hover ブレイクポイント 独自のUtilityを追加 アイコン V…

React Hook FormをUIライブラリのAnt Designで使う時にちょっと面倒だったのでメモ

Ant Designというよりは、Material UIや React-Selectなどフォーム関連の外部ライブラリを使う時にControllerというものを使う必要があるようです。 react-hook-form.com 最初は以下のように書いてましたが、refを認識しないようで、送信時のdataが空っぽで…

emotionを使ってみた

CSS in JSのライブラリでstyled-componentsをずっと使ってましたが、emotionの方が軽いというのを聞き使ってみました。 emotion.sh 具体的に何がどういいのかはまだ体感してないですが、ざっと調べたところstyled-componentsに比べるとレンダリングが速かっ…