Programming 【Next.js】OpenAI APIを導入して実際に呼び出してみた｜日本語→韓国語へ翻訳
前回はOpenAI APIを導入して、実際にAPIを呼び出せるところまで確認しました。今回は、実際のTransFlowのSegmentをOpenAIに渡して、翻訳する処理を実装していきます。OpenAI プロンプトOpenAI APIは、i...
Programming 
Programming 【Next.js】OpenAI APIを導入して実際に呼び出してみた｜API Key・クレジット設定
OpenAIを呼び出す翻訳アプリの一番の機能であるOpenAIをつけてみました。作業の前に、API Keyは絶対に公開しないように注意しましょう。OpenAI API Platformまず、OpenAI API Platformでプロジェク...
Programming 【Next.js】Vercel Blobでファイルアップロードを実装する②｜FormDataを使ってAPI・コンポーネント作成
前回は、【Next.js】Vercel Blobでファイルアップロードを実装する①｜Storage作成・環境変数設定で、@vercel/blobのインストールや環境変数の設定まで行いました。今回は、実際にファイルを登録する処理を実装していき...
Programming 【Next.js】Vercel Blobでファイルアップロードを実装する①｜Storage作成・環境変数設定
今回はVercel Blobを使ってファイルのアップロードを実施しました。データベースにはファイルは保存できず、Storageに実際のファイルを保存して、保存先などのファイルの情報をデータベースに入れることになります。今回はこのようにファイ...
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 【自動化テスト入門⑨】GitHub ActionsでKatalon Studioを自動実行してみる｜PushをトリガーにCIを構築
前回の記事では、【自動化テスト入門⑧】Katalon Studioでよく使うWebUIキーワードまとめ｜実務で役立つコード集を紹介しました。今回は、GitHub Actionsを利用して、GitHubへコードをPushしたタイミングでKat...
Programming 【自動化テスト入門⑧】Katalon Studioでよく使うWebUIキーワードまとめ｜実務で役立つコード集
前回の記事では、【自動化テスト入門⑦】Katalon StudioでCall Test CaseとTest Listenerで共通処理（ログインなど）を自動化する方法を紹介しました。Katalon Studioには、Webページの操作や検証...
IT Study 【初心者向け】キャッシュとは？仕組み・TTL・Cache Hitまでわかりやすく解説
この間、職場でキャッシュが原因でデータ取得エラーが発生したことがありました。そこでふと、「そもそもキャッシュって何だろう？」という疑問が浮かびました。それまでは、「データをより早く取得するために、一時的に保存しておくもの」という程度の理解し...