#Nextjs の記事一覧

【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 (74)初心者向け (23)イベント (15)Google Apps Script (8)Nextjs (8)Firebase (7)可茂IT塾 (6)React (6)JavaScript (4)新卒 (3)就活 (3)給与支払報告書 (3)riverpod (3)Dart (3)TypeScript (3)インターン (3)設計 (2)線型計画法 (2)事例 (2)FlutterWeb (2)画像 (2)Figma (2)Next.js (2)アプリ開発 (2)React Hooks (2)tailwindcss (2)ワーケーション (2)社会人 (2)大学生 (2)お知らせ (2)webfeed (1)RSS (1)CodeRunner (1)VSCode (1)個人開発 (1)フルリモート (1)学生向け (1)useSWR (1)supabase (1)Java (1)Spring Boot (1)エンジニア (1)DeviceOrientation (1)正規表現 (1)神楽 (1)趣味紹介 (1)プログラミングだけではない可茂IT塾のメンバー (1)PreferredSize (1)マテリアルデザイン (1)Material (1)クパチーノデザイン (1)Cupertino (1)ListView (1)就活浪人 (1)既卒 (1)保守性 (1)シェアハウス (1)スクレイピング (1)PageView (1)画面遷移 (1)Gmail (1)Googleグループ (1)GoogleWorkspace (1)ShaderMask (1)google map (1)Google Places API (1)GCPコンソール (1)Google_ML_Kit (1)Vercel (1)Google Domains (1)branch (1)Git (1)オンラインオフィス (1)LINE (1)Freezed (1)アイコン (1)debug (1)Apple Store Connect (1)FlutterGen (1)検索機能 (1)Navigator (1)メール送信 (1)Material Design (1)カスタム認証 (1)アニメーション (1)FloatingActionButton (1)Arduino (1)ESP32 (1)経験談 (1)フリーランス (1)Dialog (1)デザイン (1)Slack (1)BI (1)非同期処理 (1)BackdropFilter (1)iOS (1)レビュー (1)getAuth (1)匿名 (1)Algolia (1)chakra-ui (1)コンサルティング (1)Symbol (1)reactive_forms (1)