ブックマーク / lealog.hateblo.jp (6)

  • OpenAIのEmbeddingsで全文検索 - console.lealog();

    https://platform.openai.com/docs/guides/embeddings Embeddingsとは、テキストの類似性や関連性を、画一的なベクトルで表現することらしい。 それによってテキストの種類を分類したり、検索したり、いわゆるレコメンドに使えたりする。 今回は、このブログ記事をベクトル化して、それに対する全文検索を簡単にできる範囲でやってみた。 このドキュメントのユースケースでいうところの、Text search using embeddingsってやつ。 Step1. ブログ記事のエクスポート はてなブログには記事のエクスポート機能があって、懐かしのMovable typeフォーマットで吐き出せるようになってる。 が、結局それは使わなかった。 吐き出された記事データが、はてな記法やMarkdownではなく、変換後のHTMLだった そもそもちゃんとしたものを作

    OpenAIのEmbeddingsで全文検索 - console.lealog();
  • Solid/Svelte/(P)Reactで、それぞれリストを描画するコードの比較 - console.lealog();

    お題 配列に詰まったアイテムをそれぞれ表示する アイテムを表示するコンポーネントには副作用がある つまり、不要なre-renderを避けたい 今回は単に初期表示時点の`Date.now()` アイテムは増減する という、あるあるな要件を、それぞれのフレームワークだとどう書くことになるか。 端的には、アイテムを増減させても、関係のない各アイテムのコンポーネントはそっとしておいてほしい。 Solid import { For, createSignal } from "solid-js"; const Item = (props) => ( <div> #{props.item} at {Date.now()} <button onClick={props.delete}>DEL</button> </div> ); const App = () => { const [items, setI

    Solid/Svelte/(P)Reactで、それぞれリストを描画するコードの比較 - console.lealog();
  • CloudflareのDeveloper Week 2023の気になった発表のまとめ - console.lealog();

    今年も祭りの季節がやってきましたね。 Developer Week 2023 | Cloudflare というわけで、今年も個人的に気になったものを。 (発表されるのがだいたいJST深夜かつ最後が金曜日なので、どうやっても公開するの週明けになるんよな・・) Introducing Constellation, bringing AI to the Cloudflare stack https://blog.cloudflare.com/introducing-constellation/ Workersで機械学習のモデルが動かせるようになったとのこと プライベートβ サポートされているランタイムで動作するモデルであれば、自作のものでも、用意されてるものでもOK 現状はONNX形式のみ対応 https://github.com/onnx/models https://github.com/d

    CloudflareのDeveloper Week 2023の気になった発表のまとめ - console.lealog();
  • Solidの特徴と、その裏側 - console.lealog();

    https://www.solidjs.com ずっと調べたいものリストにはあったやつで、Astro熱がちょっと収まったのでこのタイミング。 めちゃめちゃ雑にまとめると、React + MobX feat. Svelteって感じのUIフレームワークです。(つまり好みは分かれるであろう) Solidとは 基Reactライクな書き味 JSXでコンポーネントを書く、Propsでデータを単方向に流す もちろん細かい挙動に差異はあるし、互換性はない `Suspense`とか`Portal`とか`ErrorBoundary`とかもある MobXライクなリアクティブの仕組みがビルトインされてる Propsが自動でProxyされてるイメージ 依存配列なしに、状態を読み取ったコンポーネント・関数だけが更新できたり ストア(ちょっと大きめの状態用)関連のコードもある Svelteと同様に、コンパイルして最

    Solidの特徴と、その裏側 - console.lealog();
  • なんでもSPAにするんじゃねぇ!という主張のその先 - console.lealog();

    Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日 この主張、界隈(少なくとも自分の観測範囲)では割とよく見かけるし、なんか定期的に話題になるトピックなのかなーと。 まあ持論としてもコレには概ね同意しており、会社のスタンスとも相まって、常日頃からぼんやり考えてたりすることでもある。 で、そんな折にこのツイートを発見して、さらにそれに言及してる人々を見て、ふと自分でも現状を整理しておきたいなーという気持ちになったので筆を執った次第。

    なんでもSPAにするんじゃねぇ!という主張のその先 - console.lealog();
  • Qwikというフレームワークについて - console.lealog();

    GitHub - BuilderIO/qwik: An Open-Source framework designed for best possible time to interactive, by focusing on resumability of server-side-rendering of HTML, and fine-grained lazy-loading of code. 去年から気になってて、調べたいなーと思ってたやつ。 昨今の覇権を握ってる系のJavaScript-firstなフレームワークたちとは違い、HTML-firstを謳うユニークなアプローチをしてるのが一番の特徴。 中の人による一連のシリーズもあって、そこも読んでまとめてみた記事です。 Qwik Series' Articles - DEV Community Qwikの特徴 遅いモバイル環境だとしても、

    Qwikというフレームワークについて - console.lealog();
  • 1