ついにChatGPTのプラグイン(Beta)が開放され、waitlistを待たずとも使えるようになりました。 ChatGPT plugins とは ChatGPTのユーザーインターフェース上で第三者のアプリケーションを使用可能にする機能です。 ChatGPTにプラグインを追加することで、以下のような機能を拡張することが可能です。 リアルタイム情報の取得（スポーツスコア、株価、最新のニュースなど） プライベートな知識ベースからの情報の抽出（社内文書や個人的なメモなど） チャットを通じたアクションの代行（航空券の予約や食品の注文など） 今まではwaitlistへ登録して順次Betaが使えるようになっていたのですが、それが ChatGPT Plus(有料) であれば、今すぐに使えるようになりました。 5月12日から一週間かけて全ユーザーに解放されるそうです。 これにより、ChatGPTがさらに便

※この記事は個人的な実験の記事です※ ※実験内容は随時記事を更新していきます※ 24時間いつでも手助けをしてくれるGitHub Copilotさん。 24時間文句も言わずにいつでも親切に回答してくれるChatGPTさん。 そんな両者に要件だけ伝えて自動コーディングしてもらおう(AIペアプロ)、という実験記事です。 Copilot自動コーディング動画 以下の動画は、最初に要件だけをコメント入力して、それ以降はCopilotの提案を受け入れているだけになります。 コメントの入力と提案の受け入れ以外は、全くタイピングをしていません。 コメントの内容は Next.jsでボタンをクリックしたら画像を選択してブラウザに表示する です。 完成品 要件のコメントと受け入れだけをしたコードを実際に動かしてみました。 自動コーディングしてもらったコードは以下の通りです。 // Next.jsでボタンをクリック

個人の備忘録です。 環境 vue: 2.7.x（Composition API / script setup) vuetify: 2.6.x 実現したいこと Vutify の v-autocomplete の検索クエリに基づいて API でデータを取得 0.5秒後に入力された値のみでデータを取得 困った点 @update:search-input(search-input.sync)では、keydown 毎にイベントが発火してしまい、何度も API が走ってしまう。 <script setup lang="ts"> 省略 interface State { value: string; isSearching: boolean; users: Response[]; } const state: State = reactive({ value: '', isSearching: fals

ChatGPTとは？ OpenAIが開発するGPT-3という言語モデルをベースとした(執筆当時)チャットアプリです。 こちらの質問に対して、AIが色々な質問に答えてくれて、一般的な内容だけではなく、コードレビューやバグなども発見してくれるめっちゃ凄いやつです。 細かい内容は以下の記事がとても参考となります。 筆者の関連記事 VSCodeと連携して、ブラウザを開かなくてもChatGPTを使用できるようにする 通常はブラウザを開いて使用するのですが、コーディング中にサクッとレビューしてもらったり、バグを見つけてもらえるような拡張機能があったので、そちらの設定方法について記述してみます。 今回インストールする拡張機能 使用までの手順 環境 PC: MacBook Pro (Apple M2) OS: macOS Ventura 13.1 VSCode: v1.74.3 OpenAIの価格について

PlanetScaleというサーバレスDBが凄く勢いのあるサービスと聞いて、公式にクイックスタートがあったのでやってみました。 環境 PC: MacBook Pro (Intel Core 2016) OS: macOS Montery12.2.1 では概要から確認していきます。 サーバーレスDBとは サーバがない、のではなく、サーバ管理や検討が不要 AWS Lambda(NoSQL)など PlanetScaleとは PlanetScale年表 2010年頃 YouTubeが急激に成長し、データベースが爆発しそうになっていたので、Sugu氏ともう一人のYouTubeのエンジニアがオープンソースプロジェクト「Vitess.io」（ヴィテス）を立ち上げる 2016年頃 MySQLでバイナリプロトコルを扱えるようにしたことで、VitessはYouTube以外の企業にとっても魅力的なシステムになり

どんな記事か？ こちらのイベント参加の記事になります。 筆者自身がもっと早く身につけておけば、コーディングが楽だったなと思うことを記事にいたします。 環境 PC: MacBook Pro (Intel Core 2016) OS: macOS Montery12.3.1 Chrome: Version 100.0.4896.127 最初の頃は恐いエラーだが、仲良くなるとこれ以上の情報はない プログラミングを始めた当初は、「うぁ、またエラーか。英語でよくわからないからそっ閉じ。。」といった反応をしていましたが、 エラーほど重要な情報はありません！ どうしてかというと、 なぜエラーになったのか、全てそこに書かれているから です。 じゃぁ、「エラーをちゃんと読もう！」で終われば簡単な話ですが、最初の頃は そもそもエラーに書かれていることが分からない というケースもあるのではないかと思います。 だ

Jest + TypeScript でテストコードを書く際に、覚えておくととても便利だと感じたものを備忘録的に記事にいたします。 1. Parameters まず、TypeScriptの Utility Types である Parameters<Type> です。 (Utility Typesとは、TypeScriptが標準で提供している便利な関数のような機能です) 特徴 関数に対して使用する Parameters<関数型> とすることで、関数の引数をタプル型 にしてくれる Parameters<typeof someFun> でもOK コード例 では、例を見てみましょう。 // 例：1 type T0 = Parameters<() => string>; // type T0 = [] || 引数がないので空タプル // 例：2 type T1 = Parameters<(s: str