2023年10月27日 / 最終更新日時 : 2023年10月27日 masaakiota React 【React】useState使用時に画面が一瞬消える問題 こんにちは、フリーランスエンジニアの太田雅昭です。 今回は、useStateで値を更新した時に、なぜか画面がチラつく現象が起きましたので、その解決方法を共有させていただきます。 ちらつくコード 以下のコードで、画面がちら […]
2023年10月26日 / 最終更新日時 : 2025年2月11日 masaakiota Node.js 【Node.js】バックエンドとフロントエンドとで共通のライブラリを使う こんにちは、フリーランスエンジニアの太田雅昭です。 現在StrapiとNext.jsとでシステムを組んでいるのですが、Socket通信で使うための型定義ファイルを共有化したいなと思い色々試行錯誤しました。 通常は単純にロ […]
2023年10月23日 / 最終更新日時 : 2024年1月13日 masaakiota MUI 【MUI】動作がおかしい時に試してみること こんにちは、フリーランスエンジニアの太田雅昭です。 MUIの動作がおかしい MUIに限った話ではないのかもしれませんが、検証する時間がないためMUIで話をさせていただきます。 例えば以下のようなコンポーネントを作成したと […]
2023年10月22日 / 最終更新日時 : 2023年10月22日 masaakiota Strapi 【Strapi】TypeScriptでDB操作時のContent Type入力を楽にする こんにちは、フリーランスエンジニアの太田雅昭です。 Strapi DB操作でのContent Type StrapiではDB操作に以下のような文字列を渡す必要があります。 この文字列をいちいち管理画面からContent […]
2023年10月21日 / 最終更新日時 : 2023年10月21日 masaakiota Strapi 【Strapi】Componentを含めた検索をする こんにちは、フリーランスエンジニアの太田雅昭です。 Componentを含めた検索方法 以下のようなモデルの場合です。カテゴリーモデルのnameフィールドに、リピータブルなComponentを入れています。このCompo […]
2023年10月20日 / 最終更新日時 : 2023年10月20日 masaakiota Strapi 【Strapi】Componentを含めてデータを登録する【カスタムAPI】 こんにちは、フリーランスエンジニアの太田雅昭です。 カスタムAPIでデータを登録する ファイル構成などは省かせていただきますが、controllers/xxxのファイルでの話です。 データベースを操作するにはEntity […]
2023年10月20日 / 最終更新日時 : 2023年10月20日 masaakiota Strapi 【Strapi】Error creating endpoint xxx xxx Cannot read properties of undefined (reading xxx) こんにちは、フリーランスエンジニアの太田雅昭です。 今回、表題のようなエラーが出まして、さっぱり分からずエラー内容で検索してみたら、ぴったりな記事を見つけました。 通常、以下のような構成になります。 結論としましては、カ […]
2023年10月20日 / 最終更新日時 : 2023年10月20日 masaakiota Strapi 【Strapi】API応答のattributesを再帰的に平滑化する こんにちは、フリーランスエンジニアの太田雅昭です。 strapiは管理画面でデータタイプを作成すれば、自動でAPIを作成してくれるなど便利な機能があります。 ですがそのAPIの送信と取得にちょっと難があったので、それを吸 […]
2023年10月19日 / 最終更新日時 : 2023年10月19日 masaakiota Strapi 【Strapi】SwaggerのテストURLを変更する こんにちは、フリーランスエンジニアの太田雅昭です。 StrapiにはDocumentationというプラグインがあり、そこでAPIのテストを行ったりすることができます。 テスト用のURLを変更する Swaggerはデフォ […]
2023年10月19日 / 最終更新日時 : 2023年10月19日 masaakiota Next.js 【Next.js】useFormState, useFormStatusが見つからない？ こんにちは、フリーランスエンジニアの太田雅昭です。Next.jsのApp Router機能は、現在GPT先生に聞いても知らぬ存ぜぬで、まいっちんぐまちこ先生です。 useFormState, useFormStatusが […]