-
SWRのuseSWRInfinite()を使って「もっと見る」機能の実装
この記事ではSWRのuseSWRInfinite()を使って「もっと見る」機能の実装方法をサンプルコードを使ってご紹介します。 サンプルコードのデモは次の通りです。 このデモの仕様は 1ページ目から取得1ページあたり2枚の写真ボタンをクリックすると次のページの写... -
Reactを学べるプログラミングスクールのおすすめ3校
プログラミングスクールでプログラミングを勉強する人が増えることに伴い、プログラミングスクールも増え続けています。そのため、Reactを学べるプログラミングスクールを選んだり、転職や独立のサポートなどの支援が充実してるプログラミングスクールを比... -
テキスト内のURLのプレビューを表示する
この記事ではテキスト内にあるツイッターのURLやyoutubeのURLをもとにプレビューを表示する方法をサンプルコード付きでご紹介します。 サンプルコードのデモは次の通りです。 デモではテキストエリアに入力されたツイッターのURLやyoutubeのURLを1つづつ表... -
テキスト内のハッシュタグやURLをリンクにする
この記事ではコメントなどのテキスト内の任意の文字列をリンクに変換する方法をサンプルコード付きでご紹介します。テキスト内の任意の文字列とは具体的に URLハッシュタグ（#hogehoge）メンション（@hogehoge） です。これらの文字列をテキストリンクする... -
EC2でPHPのmbstringが使えない
Laravel8でメール送信しようとしたら以下のエラーが出ました。 Call to undefined function mb_strcut() Laravelではメール送信時にmbstringを使っていますが、phpのmbstringを入れていないのが原因でこのようなエラーが出ていました。 この記事ではEC2にm... -
ERROR 1227 (42000) at line 18: Access denied; you need (at least one of) the SUPER privilege(s) for this operation
EC2でRDSからデータをダンプしてから、RDSへリストアしようとしたらタイトル通りのエラーが出ました。 リストアしようとして実行したコマンドは以下のとおりです。 $ mysql -u USER_NAME -p -h HOST_NAME < dump.sql Enter password: ERROR 1227 (42000... -
Uploading multiple images using react.
In this article, we will show you how to select and upload multiple images in react. In the sample code shown later, we will use the material UI v5axiostypescript in the sample code I will show later. This sample code assumes a form wher... -
reactで複数の画像をアップロードする
この記事ではreactで複数の画像を選択してアップロードする方法をご紹介します。 後でご紹介するサンプルコードでは material UI v5axiostypescript を使用しています。 ご紹介するサンプルコードはコメントに画像を付けて投稿するフォームを想定していま... -
material-tableのexportCsvを使って出力をカスタマイズする
この記事ではmaterial-tableのexportCsvを使って出力するCSVをカスタマイズする方法をご紹介します。 exportCsvは出力するCSVの内容を変更できるオプションプロパティです。 Function to create a custom CSV fileカスタムCSVファイルを作成する機能https:... -
Djangoのchoicesフィールドのリストを取得する
この記事ではDjangoのModelで定義したchoicesをviewで取得する方法をご紹介します。 viewで取得したあとはロジックに使用したり、テンプレートに渡したりできます。 まずは、モデルで以下のようにchoicesフィールドを定義します。 class Tag(BaseModel): t...
