
Next.jsとNetlifyでフォームを使う方法~画面遷移しない方法も解説~
NetlifyでNext.jsのフォームを使う方法を解説します。画面遷移せずコンポーネントのみを切り替える方法、画面遷移する方法のいずれも説明します。一般的なケースに加え、Styled-componentsとReact Hook Formを利用したケースについてもコード例を掲載します。


プログラミングの備忘録と情報発信
Next.jsとNetlifyでフォームを使う方法~画面遷移しない方法も解説~
NetlifyでNext.jsのフォームを使う方法を解説します。画面遷移せずコンポーネントのみを切り替える方法、画面遷移する方法のいずれも説明します。一般的なケースに加え、Styled-componentsとReact Hook Formを利用したケースについてもコード例を掲載します。
WPGraphQLで全文検索を行う方法
この記事では、WordPressのプラグインWPGraphQLで全文検索を行う方法を解説します。
ブログをNext.jsでリニューアルしました。
このブログをWordPressのブログからNext.js製のブログに作り変え、ついでにデザインの回収も行いました。この記事では本ブログの技術スタックや、WordPressから移行する際の注意点・所感等まとめます。
Themeの使い方~TypeScriptでstyled-components〜
React+TypeScriptでstyled-componentsのThemeを利用する方法について解説します。
【TypeScript】allとraceだけじゃない!4つのPromise並列処理の違い【JavaScript】
TypeScript/ JavaScriptのPromiseの並列処理メソッド『all, race, allSetteled, any』について、実際のコードと図を用いて分かりやすく解説します。
【GraphQL】beforeやafter, first, edgeとは何か?
GraphQL APIで目にするbefore、after、firstやlastといった変数、並びにnodesやedges、cursorやpageInfoの意味について分かりやすく解説します。
【Promise】thenとasync/awaitの違い, 使い分けと同時利用法
JavaScript(TypeScript)のthenについて解説し、async/awaitとの違いを説明した後、使い分けや同時に使うケースなどを紹介します。
【es2022-2019】最近のJavaScriptの新機能を振り返る【まとめ】
ここ数年で追加されたJavaScriptの新機能を遡ってまとめてざっと振り返る記事です。要点を絞って解説します。
TypeScript4.9~4.6の新機能まとめ
最新のTypeScript4.9から、TypeScript4.6に遡って新機能をまとめています。まとめてある内容は文法レベルの新機能で、細かい仕様変更についてはまとめていません。ざっと新機能だけを確認するのが目的です。
TypeScriptでstyled-components〜基礎から発展的な使い方〜
変数、propsやattrsの使い方、必要な型定義など、styled-componentsをTypeScriptで利用する方法を説明します。