Next.js

Next.jsでchatGPTのAPIを使う

【chatGPT】質問を投げかけるAI【AIチャットbot】

質問を投げかけるAIを作成するためのプロンプトについて説明をします。コーチングや内省のために使用可能です。また、プロンプトの書き方としてマークダウン記法についても簡単に説明します。
Next.jsでchatGPTのAPIを使う

【chatGPT】旅行オタクのチャットbotを作成する【AIチャットbot】

Next.jsでのchatGPTのAPIの使用方法の説明と、少し実用的なプロンプトの調整や出力形式の変更(JSONモード)について説明します。
開発

Gemini APIのパラメータについて詳しく解説【Next.js】

Next.jsでGemini APIのパラメータについて詳しく解説します。AIの回答が思った通りにならない場合などパラメータを調整してみてください。回答の生成をあまりブレさせたくない場合はtemperatureを0.0にしたり、topKを小さくします。逆に創造性に富んだ回答が欲しい場合は、temperatureを1.0にして、topK,topPを最大にするなどすると良いでしょう。
開発

【超初心者向け】useStateの使い方【Next.js/React】

Next.jsやReactを触る上で大変重要なuseStateの使い方について解説。レンダリングのタイミングや値更新のタイミングなど、アプリを作る前に理解しておけばよかったなという点を中心に初心者向けに共有します!
Next.jsでchatGPTのAPIを使う

【初心者向け】簡単なチャットアプリを作成する【Next.jsでchatGPTのAPIを動かす/第4回】

Next.jsでchatGPTのチャットアプリを作成します。今回は実際にAPIをたたいて会話のできるアプリを作成します。実際に動くプログラムも載せているのでコピーして使ってください。プログラムの解説も入れているので参考にしてください。
開発

Next.jsでGoogle Geminiを活用する方法

今回はNext.jsでGoogleの生成AIであるGeminiを動かしてみようかと思います。 APIキーの取得から、実際に動かすところまでの解説です。文字のみ、画像も含めたAPIの使い方も解説します。
Next.jsでchatGPTのAPIを使う

【初心者向け】OpenAIのAPI設定【Next.jsでchatGPTのAPIを動かす/第3回】

Next.jsでchatGPTのAPIを動かすまでを解説しています。今回はOpenAIのAPIの設定について解説します。そもそもchatGPTとはopenAIが開発したAIで、その機能を自身のアプリで使うためにAPIの設定をします。
Next.jsでchatGPTのAPIを使う

【初心者向け】Next.jsの環境構築【Next.jsでchatGPTのAPIを動かす/第2回】

Next.jsでchatGPTのAPIを動かすまでを解説しています。今回はNext.jsのインストールと動作確認です。初心者が初心者向けに解説していますので是非ご覧ください。
Next.jsでchatGPTのAPIを使う

【初心者向け】Node.jsの環境構築【Next.jsでchatGPTのAPIを動かす/第1回】

初心者がNext.jsを使って簡単なAI会話アプリを作っていきます。 第一回はNode.jsの環境構築です。 Node.jsのインストールと確認方法について解説しています。