HTML
【HTML基礎学習14】ログインフォームを作成してみよう！（フォーム作成2）
未分類 【Prisma】
Prismaでpostgresqlに接続してDB作成。 \l で中身の確認。 CREATE DATABASE sampledb; で作成。 \c sampledb DATABASE_URL="postgresql://postgres:{...
Clerk 【Clerk】Middlewareの名前変更
こんにちは、かつコーチです。 フロントエンド開発で、認証機能を使いたいときにClerkを使っている方も多いと思いますが、先日大きな変更がありました。 認証機能を実装したいときに、Middlewareを実装していて、バージョンが変わったので、...
React 【Next.js】バージョン指定して使いたいとき
Next.jsでバージョンを指定して使いたいときがありますね。 なかなか情報が少ないので、こちらに記しておきます。 例えば、バージョン13を使用したいときは次の通りです。 npx create-next-app@13 --use-npm 以...
未分類 【jQuery】jquery.cookie.jsのエラー対応
フロントエンドで、Cookieを取り入れる際、jQeuryのライブラリであるjquery.cookieを使うことが多かったのだが、jQuery自体が古いので通常のJavaScriptを書いた際に、エラーになることがあります。 対応方法 現在...
React 【Next.js】Next.js 13 から next/link の Linkコンポーネント が 常に aタグをレンダリングするようになった。
こんにちは、かつコーチです。 Next.js12までは、<a>タグを常にネストしなければいけませんでした。 import Link from 'next/link' // Next.js 12までは<a>タグを常にネストしな...
お知らせ 【お知らせ】ブログを見直しています。
ただいま、当ブログは、記事の全体的な見直しを行っています。 そのため、過去のほとんどの記事を非公開にしています。 １ヶ月ほどかかると思いますが、ご理解のほどよろしくお願いいたします。 まとめ終わりましたら、随時公開します。 ついでに、営業し...
Laravel 【Laravel基礎学習】入力した値を保持する
バリデーションエラー時は、old関数を使って入力した値を保持する。 新規作成→保存したいとき(create→store)は、 <input type="text" class="form-control" id="name" name="n...
HTML 【HTML基礎学習19】HTMLでWebサイトを構築してみる
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 今回は、19回目、ここまでHTMLの基本的なタグなどは紹介できたと思います。 そこで、H...
HTML 【HTML基礎学習18】ブロック要素を使ってグループ分けしよう！
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 ここまである程度のHTMLタグは紹介できました。 でも、HTMLにはブロック要素と呼ばれ...
HTML 【HTML基礎学習17】意味をもたない要素divタグとspanタグを使ってみよう！
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 HTMLもかなり投稿してきて、そろそろ大詰めかなー。 かつコーチ 早くCSS行こうぜ！ ...
Clerk 【Clerk】Middlewareの名前変更
こんにちは、かつコーチです。 フロントエンド開発で、認証機能を使いたいときにClerkを使っている方も多いと思いますが、先日大きな変更がありました。 認証機能を実装したいときに、Middlewareを実装していて、バージョンが変わったので、...
React 【Next.js】バージョン指定して使いたいとき
Next.jsでバージョンを指定して使いたいときがありますね。 なかなか情報が少ないので、こちらに記しておきます。 例えば、バージョン13を使用したいときは次の通りです。 npx create-next-app@13 --use-npm 以...
React 【Next.js】Next.js 13 から next/link の Linkコンポーネント が 常に aタグをレンダリングするようになった。
こんにちは、かつコーチです。 Next.js12までは、<a>タグを常にネストしなければいけませんでした。 import Link from 'next/link' // Next.js 12までは<a>タグを常にネストしな...
Laravel 【Laravel基礎学習】入力した値を保持する
バリデーションエラー時は、old関数を使って入力した値を保持する。 新規作成→保存したいとき(create→store)は、 <input type="text" class="form-control" id="name" name="n...
HTML 【HTML基礎学習19】HTMLでWebサイトを構築してみる
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 今回は、19回目、ここまでHTMLの基本的なタグなどは紹介できたと思います。 そこで、H...
HTML 【HTML基礎学習18】ブロック要素を使ってグループ分けしよう！
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 ここまである程度のHTMLタグは紹介できました。 でも、HTMLにはブロック要素と呼ばれ...
HTML 【HTML基礎学習17】意味をもたない要素divタグとspanタグを使ってみよう！
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 HTMLもかなり投稿してきて、そろそろ大詰めかなー。 かつコーチ 早くCSS行こうぜ！ ...
HTML 【HTML基礎学習16】hrタグ、brタグ、strongタグ、smallタグ、blockquoteタグ、文章に関するそれぞれのタグの使い方！
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 今回は、16回目で、ここまである程度HTMLについて紹介してきましたが、 少しマイナーな...
HTML 【HTML基礎学習15】ラジオボタン、チェックボックス、セレクトボックスを作成してみよう！（フォーム作成3）
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 今回は、15回目でフォームをもっと詳しくみていきます。 選択ボックスなどですね。 かつコ...
HTML 【HTML基礎学習14】ログインフォームを作成してみよう！（フォーム作成2）
こんにちは、かつコーチです。 僕は現在、プログラミングを学習していて、その学習の中で理解したことを、 毎回テーマを絞ってリアルタイムで発信しています。 今回は、14回目で簡単なログインフォームを作成してみます。 前回の基礎的な部分を使った復...