TypeScript– tag –
-
【Next.js】ボタンを押したらAPIを叩いてデータを取得する（TypeScript）
Next.jsのWebアプリケーション内にて、ボタンを押したらAPIを叩いてデータを取得し描写するまでの流れを紹介いたします！ イメージとしてはこんな感じです。 See the Pen push_button by Taichi.Y (@tai72) on CodePen. 「キーワードを入力してください」... -
【Next.js】getServerSidePropsからAPIを叩く方法
getServerSidePropsを用いてサーバーサイドでAPIを叩いてデータを取得し、レンダリングするまでの流れをご紹介します。 【getServerSidePropsとは】 Next.jsの公式チュートリアルによると、getServerSidePropsについてこのように記載されています。 getSer... -
CodePenで「React × TypeScript」を行うための最低限の設定（注意点あり）
CodePenで React × TypeScript のアプリケーションを試すための最低限のセッティングをご紹介します。 CodePen自体のセッティングが済んでいることが前提ですので、お済みでない方はまずアカウントの作成を行いましょう。 セッティング方法や、そもそもCod... -
【Next.js×TypeScript】フォームで郵便番号から住所を取得する
本記事では、「フォームで入力した郵便番号から住所を取得する方法」をご紹介していきます！ こんな感じです。 See the Pen Address Form by Taichi.Y (@tai72) on CodePen. このように、「ユーザーが入力した郵便番号」から「住所」を取得して入力を省け... -
【Node.js + TypeScript + SendGrid】メール送信方法と、「TypeError: Load failed」で苦しんだ話
Next.jsを用いたWebアプリケーション内で、APIを用いてメールを送信する方法をまとめました！ 流れとしては、 フォームから情報を入力 「入力情報を確認」ボタンを押す 入力情報確認ページに遷移 「送信」ボタンを押す 「お問い合わせありがとうございまし...
1