フロントエンド

TypeScript

as const って何?「値=型」にできるTypeScriptの型ガード術

未経験でも気軽に!サブスク型プログラミングスクール【Freeks】困ってた自分に届けたい話TypeScript定数を定義して、あとからそのまま型にも使いたいとき。「書いた値を使って型をつくったはずなのに、string型になってる…」「え、こ...
CSS

【初心者向け】shadcn/uiとは?導入方法・使い方・メリットを徹底解説|Tailwind対応のUIライブラリ

shadcn/uiは、Tailwind CSSベースで使える高品質なReact UIライブラリです。初心者にもわかりやすく、shadcn/uiの特徴や導入手順、使い方、MUIなど他のライブラリとの違いまで徹底解説。カスタマイズしやすくて実務にも最適な理由を紹介します。
Next.js

【初心者向け】Next.jsの設定ファイル「next.config.js」の使い方と定番設定3つ

Next.jsの設定ファイル「next.config.js」の基礎と、現場で本当によく使われる設定3選(画像・リダイレクト・開発モード)を初心者向けにわかりやすく解説!触ったことがない方でも今日から実践できる内容です。
IT基礎知識

Next.jsでimport地獄を解消!@/でスッキリ書くエイリアス設定術

import 文が「../../../」だらけで迷子になっていませんか?Next.jsとTypeScriptで使える「@/」エイリアスの設定方法を初心者にもわかりやすく解説。現場での使い方や注意点、よく使われるフォルダ構成の例も紹介します。
API

[…nextauth] とは?Next.jsでログイン認証を実装する方法【App Router対応】

Next.jsでログイン機能を実装するための [...nextauth] の使い方を初心者向けにわかりやすく解説。App RouterとPages Routerの構成や設定の違い、実装例も紹介します。
API

Next.jsでログイン機能を実装|NextAuth.jsでID・パスワード認証対応

Next.js アプリにログイン機能を追加したい方へ。NextAuth.js を使った ID・パスワード認証、セッション管理、コールバック設定までやさしく解説。
Next.js

Next.jsの「use client」とは?サーバーコンポーネントとクライアントコンポーネントの違い

Next.jsの "use client" の意味と、サーバー・クライアントコンポーネントの違いを初心者向けに解説します。
API

axiosとは?初心者でもわかる使い方・fetchとの違いを解説

axiosはJavaScriptでAPI通信を簡単に行えるライブラリです。fetchとの違いや使い方を初心者向けにやさしく解説します。
IT基礎知識

async/awaitとPromiseの違いとは?

非同期処理が難しいと感じている方へ。async/await・Promise・try/catch の基本をやさしく解説します。
JavaScript

Zodの .object() とセットで使うバリデーション構文まとめ

Zodの.object()と組み合わせて使うpartialやsuperRefineなどの構文を、初心者にもわかりやすく解説します。