記事一覧
Tensorflow.jsとChatGPT APIを使って安く趣味のQAシステムを作ろうとし、頓挫した話
ChatGPTを使ってQAシステム作るぞ！って今めちゃくちゃ色々な人が試してますよね。LangChainにもRetrieval QAの機能ありますし。チャット形式で質問したら答えが返ってくるシステムはみんなの夢ですね。
そんな中、私にも叶えたい夢がありました。
あるゲームの情報がチャット形式で返ってくるシステムが欲しい
でもお金はかけたくない
この2番目がめちゃくちゃ重要でした。なぜなら私
ReactでnoUiSliderを使ったときの覚え書き
最近趣味で作っていたReact（実際にはNext.jsだったんですが）のサイトで、範囲を指定できるスライダーが欲しいタイミングがあったんですね。<input type="range">だとハンドルが1個しかないですし、じゃあライブラリ使うかということで探し、要件を満たしたのがnoUiSliderです。
ですが、ひとつ問題がありました。Reactに対応したnoUiSliderのライブラリが以下のく
とにかくシンプルにVue3のComposition APIでTodoアプリを作る
Vue3が正式リリースされたとの噂なので、賑わってるComposition APIを使って、何はともあれTodoアプリを作成してみます。Composition APIの書き方は……まあ公式のドキュメント見るのが一番なんじゃないかな……まだ日本語訳されてないけど……。
この記事で作るTodoアプリの特徴は以下の点です。
・CSSは必要最低限しか書かない（Composition APIを試した
とにかく簡単にReact+TypeScriptで開発したい！
SPAとかしなくていいからとりあえずReactとTypeScriptで開発したい！CDNで使うのと同じくらい簡単に！というのを求めている方へ向けた記事です。ファイル構成とかは何も考えてません。とにかく動かすだけの記事です。
０．Node.jsをインストールするCDNと同じくらい簡単に！とは言いましたが、さすがにそこまでは無理でした。Node.jsは必要です。逆に言えば、ローカルの環境はNode.
Gatsby.js+TypeScriptでナビゲーションガードの超基礎的なやつ
要するにほとんどこれを日本語にして圧縮したようなものです。
が、今はTypeScriptの時代なので、ついでにこれをTypeScriptで書き換えます。あとついでにnpmではなくyarnを使っています。
あとこれを書いているのはReact自体超初心者なので、斧を投げられたら普通に頭蓋骨が割れて死にます。
何はともあれプロジェクト作成
Gatsbyのプロジェクトを作成してください。名前は公式チ
Cloud Functionsのhttps.onCallはDate型を受け取ってくれない
「いやそんなん常識でしょ」「ちゃんとドキュメント読め」という声も聞こえてきますが、おれは読んでいなかったんだ……！ なんか雰囲気で適当に使っていたからハマってしまったんだ……！ 初心者なんだ……！ 初心者って言い訳すると斧飛んできそうですよね。めっちゃ怖い。許してください。
というわけでタイトルの通りの話をします。ドキュメントへのURLを貼ったらそこでもう終わってしまう話なんですが、せっかくな