TypeScript deno + SolidJS の設定で試行錯誤
最近、SolidJSに興味を持ちました。JSXを使うことができるけど、React系とはアプローチが異なり、仮想DOMを使わないことで効率が良いらしい。公式ページの情報公式ページの情報でも、deno + SolidJS については書いてありま...
typescript
TypeScript TypeScript シンプルなAIアプリ４
シンプルなAIアプリ３の続きです。ブラウザでAIに送信するプロンプトを編集し、AIが返した結果を表示できるようになったので、UIを調整します。UIの調整index.htmlを更新するブラウザに表示する画面を検討しました。そして、次のようなイ...
TypeScript シンプルなAIアプリ３
シンプルなAIアプリ２の続きです。esbuild実行環境を整備する前回はesbuildをコマンドラインから起動していましたが、それには、esbuildをnpm installしなくてはなりません。Denoを使っているなら、build用スクリ...
TypeScript シンプルなAIアプリ２
シンプルなAIアプリの続きです。今回は、データの送受信処理を作成します。ブラウザとサーバー間の送受信ブラウザとサーバー間の送受信処理を作成していきます。送信、受信ともに、データはJSON形式でやり取りすることにします。ブラウザ → サーバー...
TypeScript シンプルなAIアプリ
Gemini APIを使ったシンプルなAIアプリを作っていきます。仕様を考える今回のアプリは、プロンプト： ブラウザ → Denoサーバー → Gemini API生成結果： Gemini API → Denoサーバー → ブラウザという感...
TypeScript Denoを試す３
これは「Denoを試す2」の続きです。Denoに挑戦したそもそもの目的は「Gemini AIを使う」ことでした。Denoを試すという話題の最後に、それに挑戦しましょう。Gemini API (Node.js版)Gemini APIは、様々な...
TypeScript Denoを試す２
「Denoを試す」の続きです。PreactでSSRサーバーサイドを動かすためにDenoを使ってみる気になったので、この機にSSR（サーバーサイドレンダリング）を試してみたいと思いました。普通ならここでReactの出番なのですが、私はPrea...
TypeScript Denoを試す
Denoを使ってみたくなったので、その時の体験記的な話を少し書いてみます。Denoの導入動機最近の私は、AIの自動生成に興味を持っています。GoogleのGeminiやMicroSoftのCopilotなどで気軽に、かつ、無料でテキスト生成...
preact esbuildのMake環境
これは下の話の続きです。背景と動機の説明esbuildを使い方をネットでいろいろ検索していくと、次のようなbuild.jsを書いて、buildするという話ばっかり見つかります。import { build, BuildOptions } f...
preact preactとesbuildを使ってみた
preactを選んだ動機最近、react…というかJSXの練習をしてみたいと思うようになりました。HTML文をTypescriptのコードの中で作成して、div要素のinnerHTMLを書き換えて…という作業が結構大変だなぁ～と感じるように...