JavaScript– tag –
-
Next.js13のApp RouterでMaterial UI を使う
Material UIのバージョン5.14.0からNext.jsのApp Routerがサポートされたので、Material UIを使用するために"use client"を書く必要はありません。 このきじはこちらのgitリポジトリを参考にしています。 【muiをインストール】 まずはmuiをインストールし... -
Next.js13のapp routerのapiにPOSTしたbodyデータを取得する
postしたデータはconst res = await request.json();することによってbodyデータを取得することができる。 import { NextResponse, NextRequest } from "next/server"; export async function POST(request: NextRequest) { const res = await r... -
Next.jsを最小のイメージサイズでCloudRunにデプロイする
この記事ではNext.js13をCloudRunにデプロイすることを想定しています。 Next.jsのstandalone機能を使うと通常のビルドと比較して小さいサイズになります。経験上、だいたい半分ぐらいのビルドサイズになるので必ず使います。 const nextConfig = { ... ou... -
隠しデータフィールド(input type=”hidden”)を設置する
フォームのinput要素の隠しデータフィールドはWebブラウザの画面には表示されないので、ユーザーはフィールドの入力も値の確認もできないHTMLフォーム項目です。 フォームが送信されると隠しデータフィールドの値も一緒に送信されます。 この記事では隠し... -
inputのdisabled属性とreadonly属性で入力欄を入力不可にする
この記事ではフォームのinputの入力欄を入力不可にする方法をご紹介します。 inputの入力欄を入力不可は次の2つあります。 disabled 属性readonly 属性 これらを付与するとユーザーは入力欄に値を入力・変更することができなくなります。 しかし、disabled... -
Next.jsでPrismaを使ってデータベースを作る
この記事ではNext.jsでPrismaを使う方法をご紹介します。 Prismaを使うことでJSでデータベース作ったり、クエリを発行してデータを取得することができてとても便利です。 この記事ではPlatforms Starter KitとPrisma Examplesを参考にしています。 【prism... -
都道府県と全市区町村のデータの言語別まとめ
各都道府県と全市区町村のデータを jsonphppythonruby の言語別にまとめました。 全市区町村のデータまで網羅するとサイト上では情報量が多くなってしまいますので、githubに上げました。 このデータは2022年4月現在のものとなります。 【都道府県データ】... -
react-beautiful-dndで順序をドラッグ＆ドロップで入れ替える
この記事ではreact-beautiful-dndを使って要素の順序をドラッグ＆ドロップで入れ替える方法をご紹介します。 react-beautiful-dndを使うと以下のデモのようにドラッグ＆ドロップで質問の順序を入れ替えることができます。 react-beautiful-dndはyarnまたは... -
デイトラのWEB制作コースのまとめと評判と稼ぎ方5選
プログラマーやWEBデザイナーになるためのプログラミングスクール「デイトラ」。Twitterを中心にデイトラの人気がうかがえますが、今回は WEB制作コースってどんな内容を学べるの？ WEB制作コースの評判は？ 修了後はどのような稼ぎ方ができるの？ という... -
デイトラ受講生の口コミや評判の生の声のまとめ
1番いいプログラミングスクールを調べてデイトラが気になっているけど、失敗しないためにデイトラの受講生の口コミや評判などの生の声が必要だと思いませんか？ 現役エンジニア10年以上で大都会でプログラマとして活躍しているりーほーから見てデイトラは...
