• 【ChatGPT】Vue.jsを使ってAIチャットアプリを作成しよう

    今日はVueフレームワークを使用した簡単なチャットアプリを紹介します。初めてChatGPTを使う人にも分かりやすく基本だけをまとめた簡単なものです。しかし、AIが今までの会話を記憶しているように構築できるので、過去の会話を参考にした質問も可能になります。 もちろん、記録を残したい場合は、別にデータベースなどを作成しないとブラウザがリロードした際にすべて初期化されてしまいます。 完成したコードはGitHubのリポジトリから見てください。 完成したものはこんな感じになります。 先に知っておくべきこと User-Agent エラー 上記の記事で紹介したNodeでChatGDPを使ったCLIではopenaiのライブラリを使いました。しかし、クライアント側で実行できるJavaScriptアプリでnpm i openaiでインストールしたライブラリを使ってOpenAIををコールをかけると下記のエラーが出ます。 これは前回の記事で使用したopenaiライブラリはより安全なNode.jsやPythonなどのサーバー側からのコールを許可したもののみになるからです。… 記事を読む

  • 【10分でできる】Node.jsを使ってChatGPTのAPIを使用したチャットCLIを作成

    今日の記事で紹介するChatGPTのAPIキーの取得の仕方はこちらの記事を参考にしてください。 完成したコードはGitHubのリポジトリから見てください。 https://github.com/DanNakatoshi/Node-ChatGPT-CLI 初めに この記事では、Node.jsとChatGPTを使用してチャットアプリケーションを構築する基本的な方法を紹介します。Node.jsのCLIアプリとして動作するチャットアプリケーションを作成し、OpenAIのChatGPTを活用してAIとの対話を実現します。このチュートリアルに従えば、誰でも簡単に始めることができます。 このサンプルコードを利用して、メールの起案や他の文章作成、ドキュメントに関する質問への回答、対話エージェントの作成、ソフトウェアに自然言語インターフェースを与えること、さまざまな科目でのチュータリング、言語の翻訳など、様々な活用方法があります。 この記事では、チャットの完成機能を使ってチャットアプリケーションを構築する基本を学びます。プログラマーの方でも簡単に始められるような内容です。このチュートリアルに従って進めれば、自分でもできると思えるようになるでしょう。 このチュートリアルは、gpt-3.5-turboモデルをベースにしています。 前提条件として、JavaScript、CSS、Node.jsの基本的な知識が必要です。 また、chatGPTがホストされているOpenAIプラットフォームのアカウントも必要です。アカウントは無料で作成できますので、こちらから作成してください。… 記事を読む

  • 【OpenAI】ChatGPTのAPIキーの取得の仕方

    ※ChatGPTで使用できるAPIは有料のサービスになります。クレジットカードを登録する必要があるので必要に応じて自己責任で進めてください。 ChatGPTとは ChatGPTは、OpenAIが開発した自然言語処理のモデルです。ChatGPTは、言語の理解や生成に関するタスクを行うことができ、対話型のコンテキストで人間のような会話を行うことができます。 ChatGPTは、GPT(Generative Pre-trained Transformer)というモデルのバリエーションです。GPTは、大規模なテキストデータセットを使用してトレーニングされたニューラルネットワークモデルであり、文章の言語モデリングや文章生成に非常に優れた性能を持っています。ChatGPTは、このGPTモデルを対話型の環境に適応させたものです。 ChatGPTは、ユーザーとの対話を通じて質問に答えたり、情報を提供したり、一般的な会話をしたりすることができます。ユーザーの入力に基づいて適切な応答を生成するため、コンテキストを理解し続けることができます。ただし、ChatGPTは、対話に関する事前の知識や特定のトピックの知識を持っているわけではありません。そのため、一部の質問や要求に対しては、正確な回答や適切な対応ができない場合もあります。 ChatGPTは、様々な用途に活用することができます。ユーザーサポート、情報提供、クリエイティブな文章生成、言語学習、エンターテイメントなど、多岐にわたる場面で利用されています。ただし、注意点として、ChatGPTは人工知能であり、完全な理解力や意識を持っているわけではないことを認識しておく必要があります。 日本でChatGPTを使用している会社 日本でもChatGPTを利用している会社はいくつかあります。以下にいくつかの例を挙げますが、これらはあくまで一部の例であり、他にも利用している会社は存在します。… 記事を読む

  • JavaScriptの正規表現とは

    正規表現を使う事でできること 正規表現を使う事で、テキストデータのパターンマッチングや検索、置換、バリデーションなど、さまざまなことができます。以下に正規表現の主な用途をいくつか示します: 正規表現は非常に柔軟で強力なツールであり、テキスト処理やパターンマッチングにおいて幅広く活用されています。しかし、正規表現の使用は適切な文脈と適切な知識に基づいて行われる必要があります。 正規表現とは 正規表現(正規表現、regexとも呼ばれる)は、開発者が文字列をパターンに一致させたり、サブマッチの情報を抽出したり、単純に文字列がそのパターンに適合するかどうかをテストしたりするためのものです。正規表現は多くのプログラミング言語で使用されており、JavaScriptの構文はPerlに触発されています。 概要 正規表現は形式言語理論における重要な概念です。正規表現は、可能性のある無限の文字列の集合(言語と呼ばれる)を記述する方法です。正規表現は、次の機能を必要とします。 有限のアルファベット(英語のアルファベットの26文字や、Unicode文字セット全体など)を想定すると、上記の機能ですべての正規言語を生成することができます。もちろん、「10桁の数字」や「スペースではない文字」といったパターンは、非常に煩雑になることが多いため、JavaScriptの正規表現には、以下で紹介する多くの省略記法が含まれています。 注:JavaScriptの正規表現は実際には正規ではありません。バックリファレンスの存在により(正規表現は有限の状態を持つ必要があります)、正規ではありません。ただし、それらは非常に便利な機能です。 正規表現の作成… 記事を読む

  • JavaScriptのclassを理解する

    classとは JavaScriptのclassは、オブジェクト指向プログラミング(OOP)の概念を実現するための構文です。クラスは、同じプロパティやメソッドを持つオブジェクトの設計図となるものです。 classキーワードを使用してクラスを宣言し、そのクラス内でプロパティやメソッドを定義します。クラス内で定義されたメソッドは、そのクラスから作成されたオブジェクト(インスタンス)で使用することができます。 以下に、JavaScriptのclassの基本的な構文を示します。 上記の例では、MyClassというクラスを定義しています。constructorメソッドは、newキーワードを使用してインスタンスを作成する際に呼び出される特別なメソッドです。その他のメソッドは、クラスから作成されたインスタンスで呼び出すことができます。 クラスからインスタンスを作成するには、newキーワードを使用します。 myObjectはMyClassのインスタンスであり、MyClassのメソッドを呼び出すことができます。 クラスは、コードの再利用性やメンテナンス性を向上させるための重要な機能です。また、クラスの継承やポリモーフィズムなどのOOPの概念を利用することもできます。 巻き上げ (ホイスティング)… 記事を読む

  • JavaScriptでモジュールを作成する方法

    ライブラリとモジュールの違い ライブラリとモジュールは、両方ともコードの再利用を促進するために使用される概念ですが、意味や使用方法においていくつかの違いがあります。 ライブラリ: モジュール: 要約すると、ライブラリは一般的な問題の解決に使用される再利用可能なコードの集まりであり、独立して使用されることが意図されています。一方、モジュールはコードの組織化と再利用を容易にするための小さな単位であり、プロジェクト内の特定の範囲や機能に焦点を当てています。 モジュールとは JavaScriptのモジュールは、先ほども説明したように再利用可能なコードブロックをカプセル化し、他のJavaScriptファイルから簡単にインポートまたはエクスポートできるようにする機能です。以下に、モジュールの作り方と使用方法の基本的な手順を示します。 これが基本的なJavaScriptモジュールの作り方と使用方法です。モジュールを使用することで、コードの再利用性や保守性を向上させることができます。詳細な機能やモジュールの分割方法については、ECMAScriptモジュールに関するドキュメントを参照してください。 classとfunctionのどちらを使ってモジュールを作るべき? classとfunctionのどちらを使用してモジュールを作成するかは、が達成したい目的やプロジェクトの要件によります。それぞれのアプローチには異なる特徴があります。… 記事を読む

  • 【8選】海外で人気のAIツールが日本語で使えるか試してみた

    今日は話題のAIを使って作業効率が向上できるツールを8つ紹介します。すべて海外からのウェブアプリケーションになりますので、ほとんど英語かGoogole翻訳で翻訳して使う事になります。日本語のユーザーでも使えるものと使えないものに分かれたので紹介していきます。 1.PDFGPT サイト:PDFGPT PDF解析ツールになります。解析したあとはチャット形式で文章の内容を回答してくれれます。 使い方 試した感想: 現在はアクセスが多すぎて無料の範囲ではサービスを提供していないため、使えませんでした。デモを見たところ、長い論文も解析して、自分の質問(例えば、時系列で出来事を並べて。とか、○○事件にかかわった人物を紹介して、など)に答えてくれるのでかなり役に立つと思います。 2.Parrot AI Parrot… 記事を読む

  • 【リバースジオコーディング】JavaScriptで緯度と経度から住所を取得

    JavaScriptで緯度と経度のデータから住所のデータを取得するには、逆ジオコーディング(reverse geocoding)と呼ばれる技術を使用します。逆ジオコーディングは、緯度と経度の情報を基に、その位置に関連する住所や地名などの情報を取得するプロセスです。 JavaScriptで逆ジオコーディングを実行するには、次の手順を実行します。 以下に、Google Maps Geocoding APIを使用した逆ジオコーディングの例を示します。 下記の記事を参考にしてMAP APIを取得してください。 上記のコードでは、latとlngに緯度と経度のデータを設定し、Google… 記事を読む