てらブログ

てらブログ

日々の学習の備忘録

2023-08-01から1ヶ月間の記事一覧

next/linkとnext/routerを理解する

目的 リンクの種類 next/link useRouter Router LinkコンポーネントとuseRouterの使い分け 感想 参照 目的 Next.jsの内部リンクの最適解を考えたい リンクの種類 next/link Linkコンポーネントをimportして使用する import Link from "next/link"; // 省略 <Link href="/">B</link>…

CVAでTailwind CSSのコンポーネントにvariantsなどを持たせたい

目的 about CVA usage Headless UIとの組み合わせ 感想 残課題 参照 目的 表題をやりたい。 用途としては、共通コンポーネントを作成するため。 1つの画面内でのスタイルをまず作成し、その後異なるスタイルが出た場合にvariantsを追加するだけで対応できる…

Next.js x GraphQL環境でのAPIモックについて調べる

目的 モックの種類とそれぞれの特徴 ハンズオンしてみた 感想・残課題 目的 そもそもどんな選択肢があるのか調査する。 プロジェクトで使用されている方法(Apollo Server)についてハンズオンしたい。 モックの種類とそれぞれの特徴 Next.jsでのモックの選…

Tailwind CSSのコーディングルールを考える

目的 結論 なるべくコンポーネント分割し、JSXの可読性を上げる テンプレートリテラルで改行する tailwind-mergeを使用する 参照 目的 ルールを決めることで、自由度の高いTailwind CSSをちゃんと管理していきたい。 結論 なるべくコンポーネント分割し、JSX…

技術書の読書術を学んでみた

目的 技術書で本当にスキルアップできる読み方とは?『「技術書」の読書術』の著者は「動くコードを自分で書く」 【技術書の読書術 実践してみた】3の発想で3冊の本を読んでみた 学習を効率化してくれる読書術 学習を加速させるインデックス読書術 目的 現状…