フレームワーク

【Remix】loaderとは

loaderとはloader関数は「レンダリング前にサーバーサイドでデータを取得し、HTMLに埋め込んで表示したい」ときに利用する関数である。レンダリング時に必要なデータはこれを使って取得すると覚えておけば良い。基本的な使い方jsonpla...

FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command.

概要Flutterアプリを作成し、firebaseに紐づけを行おうとした時、以下のエラーが発生した。$ flutterfire configure --project={プロジェクト名}⠙ Fetching available Fireba...

【NestJS】初心者がNestJSを用いてGraphQLのAPIを構築をする

NestJSとはTypeScriptを用いてAPIを構築したいときのフレームワークの一つ。何もせずに利用し始めるとREST APIが使えるが、GraphQLのライブラリをいれることによりGraphQLのエンドポイントを作ることが可能。今回や...

【Next.js】さくらのレンタルサーバーへのデプロイを自動化する（GitHub Actions）

やりたいことNext.jsで作成したwebサイト（SSG）を、さくらのレンタルサーバーにデプロイする作業を自動化する。自動デプロイのタイミングは手動でボタンを押すmainブランチへのマージ（厳密にはmainにpushされたとき）環境yarn...

React.js/Next.js

【SpringBoot】ログをJSON形式で出力する

ログを解析してアラート通知などに活用したい場合、ログのフォーマットはパースしやすいことが最重要となる。今回はSpringBootアプリケーションのログを、１ログ１行のJSON形式で出力する方法を解説する。パースしやすいログとは１ログ１行で出...

【Next.js】jestを使ったユニットテストを導入する（TypeScript利用）

環境next 13.2.1jest 29.5.0参考ページ今回の記事は、Next.jsのテストに関するページをもとに作成している。テスト対象のコンポーネント今回のテスト対象コンポーネントは以下。ボタンと言いつつ、ただのh3タグが配置されてい...

React.js/Next.js

【Next.js】Chart.jsを導入してグラフを描画する

Chart.jsとはChart.jsとは、上記の公式ページに載っているようなグラフを簡単に描画することができるライブラリ。環境Next.js 13.2.1Node.js 18.0.0導入手順①ライブラリのインストールReactでChart....

React.js/Next.js

【SpringBoot】3系バージョンアップ備忘録【1】

はじめにこの記事は備忘録としてメモ感覚で記載しているので様々な検証を行ったわけではありません。環境IntelliJSpringBoot2.7.4→3.0.5へ変更したいJava11→Java18Gradle発生したエラーA problem ...

【環境構築】プロジェクトにprettierを導入する

やることプロジェクトを新規作成し、prettierを導入するところまで解説する。また、VSCodeの設定も行い、保存時に自動フォーマットされるようにする。Next.jsのプロジェクトで解説しているが、サンプルで利用しているだけなので他のプロ...

React.js/Next.js

次のページ

1 2 3