コード– category –

Laravel8からSailを使ってLaravelをインストールすることができるようになりました。この記事ではLaravel Sailを使ってLaravel9をdockerの中にインストールして開発環境を構築します。 Laravel Sailとは Sail provides a Docker powered local development...

この記事ではLaravelでバージョンを確認する方法をご紹介します。 Laravelでバージョンを確認する方法は複数ありますが、 macwindowslinux どのOSでも同じ様に確認することができます。 【artisanコマンドで確認する】 aritsanコマンドを使ってバージョン...

Djangoの環境変数のDEBUGをTrueにするとエラー画面を表示させる事ができますが、DEBUGで他のロジックを条件分岐させていたり、本番環境やステージングなどでDEBUGをTRUEにしたくないことがあります。 Loggingを使った方法でエラーログを残す方法もあります...

この記事ではブラウザに保存されている情報をフォームに自動補完をする方法をご紹介します。 フォームの自動補完をするとユーザーが情報をスムーズに入力するとができ、申込みや問い合わせなどのコンバージョンを増やす事ができます。 【自動補完をさせる...

この記事では数字のみを入力できるinput作る方法をサンプルコード付きでご紹介します。javascriptは使用しません。 数字のみ入力できる入力項目の作り方は type属性を使って数字のみ入力pattern属性を使って数字のみ入力 です。 これらの方法のサンプルコ...

1番いいプログラミングスクールを調べてデイトラが気になっているけど、失敗しないためにデイトラの受講生の口コミや評判などの生の声が必要だと思いませんか？ 現役エンジニア10年以上で大都会でプログラマとして活躍しているりーほーから見てデイトラは...

この記事ではSWRのuseSWRInfinite()を使って無限スクロールの実装方法をサンプルコードを使ってご紹介します。 サンプルコードのデモは次の通りです。 このデモの仕様は データは2件づつ取得一番下の「読み込み中」が表示されたのをトリガーとして次のデー...

この記事ではSWRのuseSWRInfinite()を使って「もっと見る」機能の実装方法をサンプルコードを使ってご紹介します。 サンプルコードのデモは次の通りです。 このデモの仕様は 1ページ目から取得1ページあたり2枚の写真ボタンをクリックすると次のページの写...

この記事ではテキスト内にあるツイッターのURLやyoutubeのURLをもとにプレビューを表示する方法をサンプルコード付きでご紹介します。 サンプルコードのデモは次の通りです。 デモではテキストエリアに入力されたツイッターのURLやyoutubeのURLを1つづつ表...

この記事ではコメントなどのテキスト内の任意の文字列をリンクに変換する方法をサンプルコード付きでご紹介します。テキスト内の任意の文字列とは具体的に URLハッシュタグ（#hogehoge）メンション（@hogehoge） です。これらの文字列をテキストリンクする...

この記事では数字のみを入力できるinput作る方法をサンプルコード付きでご紹介します。javascriptは使用しません。 数字のみ入力できる入力項目の作り方は type属性を使って数字のみ入力pattern属性を使って数字のみ入力 です。 これらの方法のサンプルコ...

フォームなどを作っている時に、ユーザーにブラウザバックやリロードなどの操作をしてほしくないときがあります。 その理由は入力したデータが保存される前で、ブラウザバックやリロードなどによってデータが消えてしまうからです。 この記事ではreactでブ...

この記事ではフォームのinputの入力欄を入力不可にする方法をご紹介します。 inputの入力欄を入力不可は次の2つあります。 disabled 属性readonly 属性 これらを付与するとユーザーは入力欄に値を入力・変更することができなくなります。 しかし、disabled...

tailwind CSSが大人気ですね！ 単一責任の原則でCSSの管理から解放されます。 tailwind CSSはユーティリティファーストなのでボタンを装飾するのにもたくさんのクラスをつける必要があります。 慣れていないとクラス名を調べる回数が多くなり、時間がかか...

このエラーはリモートリポジトリにpushする時に遭遇するエラーです。 $ git push -u origin main error: src refspec main does not match any error: failed to push some refs to 'REMOTE URL' または次のようにエラーが表示されることもありま...

useSWR()を使ってデータを取得するには以下の方法で取得できました。 const commentsFetcher = (url: string): Promise<fetchCommentsReturnType> => axios(url).then((res) => res.data); const { data: comments, error:commentsError } = u...

この記事ではNext.jsでPrismaを使う方法をご紹介します。 Prismaを使うことでJSでデータベース作ったり、クエリを発行してデータを取得することができてとても便利です。 この記事ではPlatforms Starter KitとPrisma Examplesを参考にしています。 【prism...

この記事はReact Hook Form v6を用いて Material UI v4のCheckboxを制御した記事です。 React Hook Form v7をお使いの方はReact Hook Form v7でMaterial UI v4のCheckboxを制御を参考にしてください。 React Hook FormでMaterial UIのText FieldやRadioを...

Amazon Linux2を使ったEC2のPHP7.2をPHP8.0にバージョンアップしてLaravelをインストールしました。その方法をご紹介します。 【使用するコマンド】 この記事内で使用するコマンドを軽い説明付きでまとめました。お急ぎの方は以下のコマンドを参考にしてく...

EC2でRDSからデータをダンプしてから、RDSへリストアしようとしたらタイトル通りのエラーが出ました。 リストアしようとして実行したコマンドは以下のとおりです。 $ mysql -u USER_NAME -p -h HOST_NAME < dump.sql Enter password: ERROR 1227 (42000...