Programming 【Next.js】Vercel Blobでファイルアップロードを実装する①｜Storage作成・環境変数設定
今回はVercel Blobを使ってファイルのアップロードを実施しました。データベースにはファイルは保存できず、Storageに実際のファイルを保存して、保存先などのファイルの情報をデータベースに入れることになります。今回はこのようにファイ...
開発勉強
Programming 
IT Study APサーバーとは？Webシステムの構造を初心者向けに整理してみた
仕事でシステムの改修やテストに関わっていると、ときどき「今回の変更はAPサーバーには影響しないので、QAはいらない」という話を聞くことがあります。先日も、システムのパフォーマンス改善やソートに関する変更がありました。その際に、APサーバーに...
IT Study 「@prisma/client did not initialize yet」エラー｜Prisma Client の生成先と import 先が異なる場合の原因と対策
prisma generate を実行したにもかかわらず、以下のエラーが表示されて困っていませんか？@prisma/client did not initialize yet.Please run "prisma generate" and...
IT Study npmとnpxの違いとは？よく使うコマンドの意味から理解してみる
開発をしていると、npm installnpm run devnpx create-next-appnpx prisma migrate devnpm installnpm run devnpx create-next-appnpx pri...
Programming 【自動化テスト入門④】Katalon StudioのインストールからGitHub連携、初めてのログインテスト作成まで
今回は自動化テストツール「Katalon Studio」を使って、環境構築から簡単なログインテストを作成するところまで進めてみました。自動化テストをこれから学習したい方の参考になれば幸いです。この記事でわかることKatalon Studio...
IT Study 【自動化テスト入門③】Next.jsでテスト用プロジェクトを作成してGitHubと連携する
前回は自動化テストを行うために、XPathやCSSセレクタの基礎について学習しました。◾️参考記事【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編 【自動化テスト入門②】Katalonで学ぶXPath基本編しかし、実際に自動化...
Programming 【Next.js】Githubのような勉強記録アプリ④：LocalStorageに詳細を追加・変更しよう
前回【Next.js】Githubのような勉強記録アプリ③：Gridを使って勉強時間を可視化するに続き、今回はLocalStorageに記録されている勉強内容の詳細を追加・変更する機能を実装しました。前回までは勉強時間・勉強した日付のみ管理...
IT Study 【自動化テスト入門①】Katalonで学ぶCSSセレクタ基本編
仕事で自動化テストを行うため、今回からKatalon Studioを使うことになりました。すでにある程度自動化が進んでいるプロジェクトへ途中参加する形だったため、まずは基礎知識を整理しながら勉強を進めています。自動化テストでは、ログインボタ...
IT Study 【初心者向け】Githubの基本操作と恥ずかしくないコミットメッセージの書き方
個人プロジェクトだからってGithubのメッセージを適当に書いていませんか？実は、恥ずかしながら自分も「一人でやるから大丈夫」と思って、適当にPushしたり、メッセージを書いたりしていました。でも、いざ誰かにGithubを共有する場面になる...
Programming 【Next.js】Githubのような勉強記録アプリ③：Gridを使って勉強時間を可視化する
前回【Next.js】Githubのような勉強記録アプリ②：LocalStorageを活用したデータ保存を実装しました。今回は、LocalStorageに保存したデータを利用して、GitHubのContributionのような「勉強記録グリ...