VueコンポーネントとHTML構文
App.vue Vueではsrc/App.vueがメインコンポーネント。 scriptでTypeScriptを定義し、templateでHTMLブロックを定義する。 scriptブロックでは、t...
0
0
Comment0
60 search resultsShowing 1~20 results
Stocked
You need to log-in
こんなトラップある？？npm audit fix --fource
Mongo DBをインストールしようとしたら脆弱性があるから修正するか聞かれた。 この npm audit fixの後ろの--forceというのはやばくて、今のパッケージの依存関係に関係なく、全...
0
0
Comment0
ViteでVueプロジェクトの開始コマンド
Vite+Vueプロジェクト用テンプレートからプロジェクトを作成 npm create vite@latest vitevue npm Node.jsに付属するパッケージマネージャー（Node ...
0
0
Comment0
URLのHTTPパラメータに指定した文字列をプロンプトに含める
HTTPパラメータから文字列を取得する URLPatternは、Denoが標準で提供している、URLをパターンマッチングで解析するAPI。 http://localhost/:nameというUR...
0
0
Comment0
Azure OpenAI Serviceからのレスポンスをブラウザに表示 (stream)
元記事 変更点 Chat.completionの生成パラメータでstreamを有効化 Responseに含めるbodyをReadableStreamに変更 import OpenAI from ...
0
0
Comment0
Azure OpenAI Serviceからのレスポンスをブラウザに表示 (no stream)
変更元のプログラム この記事は以下の簡単なGPTプログラムをCLIからWebUIにする。 変更点 main関数をchatWithGPT関数に変更し、GPTの結果をstringとして返す Deno...
0
0
Comment0
Geminiさんと「Mythosと将来のAI」について語り合ってみた
Geminiとの他愛もない会話が楽しかったので掲載します。 最近のAI活用方法として、「いかに作業を効率化・自動化するか」という視点が非常に多いのですが、こんな他愛もない会話がとても楽しいです。...
0
0
Comment0
Denoで環境変数からAPIアクセス情報を取得する
以下の記事で書いた内容に対し、環境変数ファイルを読むように修正。 環境変数ファイルの作成 AZURE_OPENAI_ENDPOINT=<Azure OpenAI Serviceのデプロイメ...
1
1
Comment1
TypeScript & DenoでAzure OpenAI Serviceへの接続とChat
準備 OpenAIモデルデプロイ Azure Foundryの GPT-4o-mini をデプロイする。 Foundryの使い方は別でまとめる。 参考にしたソースコード 以下のAzure Fou...
0
0
Comment0
HTTPストリーミング時のデータ変換ポイント
ストリーミングの仕組み 情報ソース：データの発生源 キューイング：データをバッファリングするための制御弁 バッファ：データの蓄積場所 ストリーム：データをHTTPレスポンスとして流す 1. 情報...
1
0
Comment0
テストケースの定義
テストコードと実行結果 対象コード // command.ts const COMMANDS = ["add", "done", "drop", "list"] as const; export...
1
0
Comment0
git管理外の既存ソースを新しいgithubリポジトリにpushする
書籍で勉強しているとgitで管理したくなることってないかな 最近は頻繁にこうなる。 「そういえば最近こんなことやったなー。。なんだっけ？？ あー、、githubにあげておけばよかった。。」 gi...
0
0
Comment0
ストリーミングでデータを少しづつ送信する
ストリーミング データを時間の経過とともに徐々にブラウザに出力する通信方式。 チャンク ストリーミングする時の送信単位。 ブラウザは、Transfer-Encoding: chunkedを受信す...
0
0
Comment2
Denoで簡単webサーバー
日本語を含むhtmlファイルをDenoで提示する // index.ts async function handler(_req: Request): Promise<Response&g...
0
0
Comment0
Denoプロジェクトの初期化
Denoプロジェクト開始 Bunを使ったコンソールアプリを作るという活動を通してTypeScriptを使ってきたが、少し寄り道してちょっとだけDenoを使ってみる。 Denoプロジェクトの初期化...
0
0
Comment0
DBからのデータクエリー結果は”型の適合性チェック”ではなく”型アサーション”
あるオブジェクトに特定の型を適用するケースにおいて、asによる「型アサーション」とsatisfiesによる「型の適合性チェック」、どちらでも定義できるケースとas（型アサーション）が必須のケース...
0
0
Comment0
”型アサーション”ではなく”型の適合性チェック”
satisfiesによる型の適合性チェック typescript 4.9以上を使っている場合、定義したデータに型情報を付与するなら、型アサーション（as）ではなく、型の適合性チェック（satis...
0
0
Comment0
インタフェース型と型アサーション
インタフェース型 外部からやってくるオブジェクトをTypeScriptで扱いやすいようにするための入れ物。 ////////// // db/schema.ts import type { Re...
0
0
Comment0
型アサーションと型エイリアスと型ガード：安全かつ限定的な配列型でコードを保護する
変数に格納できる値を"型"で制限する 例えば、"todo", "done", "memo"という３つのコマンドに対して処理を実行するプログラムを定義する場合、コマンドとして３つ以外の文字列は受け...
0
0
Comment0
BunのSQLiteでオブジェクトリテラル（シングルトン）を用いたDB操作
TypeScriptで簡単にDB操作する実装の確認。 BunのDBモジュールとしてのSQLite Bunでは組み込みモジュールとしてSQLiteがあるのでこれを使う。 SQLiteはDBサーバー...
0
0
Comment0
60 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles