#Nextjs の記事一覧

Next.jsでアプリのデザインを一括管理する。

Next.jsでアプリのデザインを一括管理する。

今回は、Next.jsで色やフォントサイズ、テキストスタイルなどのデザインをテーマファイルで一括管理していこうと思います。

Read More
Next.jsのエラー"Uncaught TypeError:cannot read properties of null (reading '0')"の原因

Next.jsのエラー"Uncaught TypeError:cannot read properties of null (reading '0')"の原因

useStateを利用した際に良く分からないエラーが起こり解決するのに苦労したので書いてみました。

Read More
Next.jsでSWRとsupabaseを使ったデータ取得を試してみる

Next.jsでSWRとsupabaseを使ったデータ取得を試してみる

今回は、next.jsでsupabaseによるデータ取得を、swrとapiの機能を使って試してみたいと思います。

Read More
【React】 画面のスクロールイベントでCSSを切り替える

【React】 画面のスクロールイベントでCSSを切り替える

画面がスクロールされることによって表示されるボタンや背景色の変わるトップバーなどの実装方法を紹介します。

Read More
Next.jsのgetStaticPropsやgetServerSidePropsでDate型をシリアライズする方法

Next.jsのgetStaticPropsやgetServerSidePropsでDate型をシリアライズする方法

Next.jsでDate型をpropsとしてし渡そうとした際にエラーになってしまったので対応方法を解説します。

Read More
VSCodeでReactを使った開発をする際のおすすめフォーマッター設定

VSCodeでReactを使った開発をする際のおすすめフォーマッター設定

Prettierを活用した、VSCodeでReactを使った開発をする際のおすすめフォーマッター設定を紹介します。

Read More
【Google Domains】 ホームページとメールアドレスを独自ドメインにしてみた。

【Google Domains】 ホームページとメールアドレスを独自ドメインにしてみた。

Google Domains + Vercel + Next.js でのカスタムドメインの設定と独自ドメインのメールアドレスの設定もしてみました。

Read More
【 tailwindcss 】hover で使える表現まとめ

【 tailwindcss 】hover で使える表現まとめ

Web の作成をしていて、ちょっと見た目に変化をつけたいときに使える hover のパターンを tailwindcss で作成して、まとめました。

Read More
ひとつの useState で複数の State を管理する

ひとつの useState で複数の State を管理する

似たような扱いをする State をひとつの useState でまとめて管理する方法について書きました。いくつも useState を宣言する必要がないので、便利です。

Read More
Next.js + tailwindcss で Googleフォントを使用する方法

Next.js + tailwindcss で Googleフォントを使用する方法

tailwindcss で、使いたいフォントがないときに、新たにGoogleフォントを追加する方法を紹介します。

Read More
Next.js CommerceでShopifyを利用する

Next.js CommerceでShopifyを利用する

Next.jsで高性能ECサイトを簡単に立ち上げる事のできるNext.js CommerceとShopifyの連携を試してみました。非常に簡単にECサイトを導入できる、今後の動向が注目されるプロダクトです。

Read More

タグ

Flutter (100)初心者向け (26)イベント (17)Google Apps Script (14)Nextjs (11)可茂IT塾 (8)Firebase (7)riverpod (6)React (6)ChatGPT (4)新卒 (4)就活 (4)デザイン (4)Dart (4)JavaScript (4)FlutterWeb (3)vscode (3)Prisma (3)NestJS (3)Slack (3)TypeScript (3)ワーケーション (3)インターン (3)お知らせ (3)設計 (2)線型計画法 (2)事例 (2)Image (2)File (2)画像 (2)Figma (2)iOS (2)アプリ開発 (2)React Hooks (2)tailwindcss (2)社会人 (2)大学生 (2)RSS (1)CodeRunner (1)個人開発 (1)Android (1)Unity (1)WebView (1)Twitter (1)フルリモート (1)TextScaler (1)textScaleFactor (1)学生向け (1)supabase (1)Java (1)Spring Boot (1)shell script (1)正規表現 (1)パワーポイント (1)趣味 (1)モンスターボール (1)CSS (1)SCSS (1)Cupertino (1)ListView (1)就活浪人 (1)既卒 (1)保守性 (1)iPad (1)シェアハウス (1)スクレイピング (1)PageView (1)画面遷移 (1)flutter_hooks (1)Gmail (1)GoogleWorkspace (1)ShaderMask (1)google map (1)Google Places API (1)GCPコンソール (1)Google_ML_Kit (1)Vercel (1)Google Domains (1)Git (1)オンラインオフィス (1)LINE (1)Bitcoin (1)bitFlyer (1)コミュニティー (1)文系エンジニア (1)Freezed (1)markdown (1)GlobalKey (1)ValueKey (1)Key (1)アイコン (1)go_router (1)debug (1)Apple Store Connect (1)FlutterGen (1)デバッグ (1)Widget Inspector (1)flutter (1)検索機能 (1)Shader (1)Navigator (1)メール送信 (1)Dio (1)CustomClipper (1)ClipPath (1)Material Design (1)カスタム認証 (1)figma (1)アニメーション (1)Arduino (1)ESP32 (1)経験談 (1)フリーランス (1)mac (1)csv (1)Dialog (1)BI (1)LifeHack (1)ショートカット (1)Chrome (1)高校生 (1)キャリア教育 (1)非同期処理 (1)生体認証 (1)BackdropFilter (1)レビュー (1)getAuth (1)Algolia (1)コンサルティング (1)Symbol (1)