ウェブアクセシビリティとは 年齢的・身体的条件に関わらず 全ての人が平等に ウェブサイトを利用できる ウェブサイトの自動解析・修正、充実したアクセシビリティ機能など ユニウェブはウェブサイト訪問者のお困り事を解決する豊富な手段を揃えています。
ユニウェブ - ウェブアクセシビリティをユニウェブで
ウェブアクセシビリティとは 年齢的・身体的条件に関わらず 全ての人が平等に ウェブサイトを利用できる ウェブサイトの自動解析・修正、充実したアクセシビリティ機能など ユニウェブはウェブサイト訪問者のお困り事を解決する豊富な手段を揃えています。
jQueryとCSSアニメーションを組み合わせてスクロールをしたら要素を動かす方法をご紹介します。 スクロールをしたら要素を動かす仕組み HTML 内の「動かす要素」に「動くきっかけの起点となるクラス名」を付け、jQuery 側で動くきっかけの動作（スクロールなど）をしたら、アニメーション用のCSS のクラス名が付与されるという指定を行う。 （例）スクロールをしたらふわっと出現させる 動くきっかけの起点となるクラス名 「fadeUpTrigger」の位置までスクロールをしたら、「fadeUp」というアニメーション用のCSSのクラス名を付与して動かす。 See the Pen 「画面が読み込まれた後に動く場合」と「画面がスクロールされたら動く場合」の 動くきっかけの指定をまとめる by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. HTMLの準備 ① HTM
AI-based API building platformBuild a REST API from natural language and screenshots using AI, deploy it on Cloudflare Workers, and immediately roll it out globally. Works anywhereHanabi.rest creates multi-runtime APIs for web standards. In addition to operating on a live editor on the web, it generates code that works with Cloudflare, Fastly, Deno, Bun, Lagon, AWS, or Node.js.. Live SandboxGenera
3分でわかるVue.jsのエンジニア的5大メリット「jQueryより簡単！」 システム開発 プログラミング Webサイトのフロントエンド開発では、JavaScriptフレームワークを扱わない場合、標準のJavaScriptやjQueryで制作を行います。 ユーザーアクションに連動した画面を更新するリッチな表現を行う処理は、Vue.jsを扱うことで、コード量を減らしたり、メンテナンスや管理が行いやすくなりますので、ご紹介します。 本記事は、HTML, CSSを学び、JavaScriptへの理解が少しある、マークアップエンジニアやデザイナー向けの記事になりますので、ご了承いただければ幸いです。 Vue.js について Vue.jsは、ユーザーインターフェイスを構築するためのJavaScriptフレームワークです。開発で必要な機能がセットになったツールと思ってもらえればわかりやすいと思います。
「文節内の主語に当たる単語を区別して学習」 日本語自然言語処理ライブラリのバージョンアップ版をリクルートが提供
「文節内の主語に当たる単語を区別して学習」 日本語自然言語処理ライブラリのバージョンアップ版をリクルートが提供：「機能性食品」をどこで区切るのか リクルートは、Python向けの日本語自然言語処理ライブラリ「GiNZA version 4.0」をオープンソースで無償提供した。多言語対応自然言語処理フレームワーク「spaCy version 2.3」に合わせてライブラリを再設計した。
let i = 0; console.log(i): //0が出力される i += 1; console.log(i); //1が出力される コメントにて記載の通り、当然ながら0が出力された後に1が出力されるはずです。 つまり、前の処理が終わることを待ってから（処理同士が同期しながら）進んでいく処理のことを同期処理と呼びます。 非同期はこの逆です。つまり、前の処理が終わらなくても先へ進む（処理同士が同期しない）ことを非同期処理と呼んでいると考えることができます。上記のコードはこのままでは非同期的に動くことはありません。非同期処理を行うには"何か特殊なことをしないといけない"のです。 ここまでをまとめると以下のようになります。 プログラムの基本は同期処理 非同期処理をするにはなにか特殊なことをしないといけない （少しだけ寄り道）非同期処理が適しているケースとは？ 以前のコードのような、ちょっ
node --inspect=0.0.0.0:9229 app Docker コンテナ内で利用するには 0.0.0.0 が味噌
Angularアプリケーションの状態管理の方法はさまざまな実装がありえるが、その中でも典型的ないくつかのパターンを、それがどのようなニーズがあって選ばれるのかという考察を踏まえながら列挙する。パターンとその特徴を例示するのであって、それぞれのパターンにおける最良の実装を示すものでもないし、これらのパターンに該当しない実装を否定するものでもない。 Standalone Componentsなど、Angularのメンタルモデルが変わっていく兆しを見せる今、これらをまとめておくことは諸々のAngularアプリケーションの状態管理のあり方を見直すきっかけになるのでないかと思う。特に、NgRxがデファクトスタンダードであり唯一の選択肢だと考えている人には、それが単にひとつの選択肢であることを思い出してもらえるのではないだろうか。 コンポーネントクラスによる直接の状態管理一番最初のパターンは、次の例の
Next.jsでローカルのJSONファイルからデータの取得と表示 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
本日はNext.jsでローカルのJSONファイルからデータを読み取って表示する方法を示します。 Next.jsの事前レンダリング ページ制限 セットアップ JSONデータの作成 データの取得 getStaticPropsを使用せずに静的JSONデータをローカルで取得 最後に サーバー側のレンダリングや静的Webサイトの生成などの追加機能に関して、Next.jsは非常に興味深いものです。 これは、バックエンドをコーディングしたり、データベースのセットアップや接続に時間を費やしたりすることなく、小さなWebアプリをすばやく構築したい場合に非常に役立ちます。 Next.jsの事前レンダリング Next.jsはいくつかの異なるデータ取得戦略を提供しています。 それらは下記の通りです。 ・クライアント側のレンダリング(CSR) ・サーバー側レンダリング(SSR) ・静的サイトレンダリング(SSG)
前回に続きnpmの機能について扱います。今回はnpmとコマンドラインツールとの関わりを中心に見ていきます。 ←前 目次 次→ 注意: Windowsとそれ以外では、npmのフォルダ配置は異なります。Windowsでの挙動についてはnpm-foldersを参照してください。 グローバルインストール npmは通常、Node.jsの配布物に同梱されていますが、yarnは同梱されていません。yarnを使う場合は次のようなコマンドを実行します。 これによって以下のような効果が発生します。 $PREFIX/lib/node_modules/yarn 以下にyarnの中身がインストールされる。 $PREFIX/lib/node_modules/yarn/node_modules 以下にyarnの依存関係がインストールされる。 $PREFIX/bin にシンボリックリンク yarn, yarnpkg が生
1. はじめに Flutter は、1 つのコードベースからモバイル、ウェブ、デスクトップのアプリケーションを作成できる Google の UI ツールキットです。この Codelab では、次のような Flutter アプリケーションを作成します。 このアプリケーションは、「newstay」「lightstream」「mainbrake」「graypine」などの響きの良い名前を生成します。ユーザーは、次の名前を要求したり、現在の名前をお気に入りにしたり、別のページでお気に入りにした名前の一覧を確認したりできます。このアプリは、さまざまな画面サイズに対してレスポンシブです。 学習内容 Flutter の動作に関する基礎知識 Flutter でレイアウトを作成する方法 ユーザー操作（ボタンを押すなど）をアプリ動作に接続する方法 Flutter コードを整理された状態に保つ方法 アプリをレス
【jQuery】slickの使い方とよく使うサンプル集 公開日 : 2022.07.04 最終更新日 : 2023.11.07 コーディング スライダーのプラグインは数多くありますが、その中でもよく使われる「slick」について、使い方とよく使う実装方法についてご紹介します。 今回紹介するサンプルを組み合わせることで様々なカスタマイズにも対応できるかと思いますので、是非参考にしてみてください！ slickの導入方法slickを使うためには、以下2つの方法があります。 ファイルをダウンロードして読み込む方法CDNを使って読み込む方法なお、slickを利用するためはjQuery本体の読み込みも必要になるので、忘れずに！ slickファイルをダウンロードして使う場合公式サイトにアクセスし「get it now」をクリックします。 「Download Now」をクリックすると、skickのファイル
一回は憧れるよね、生前葬 ⚠注意事項 ・「あえて行かない」ことを選ぶ人も居ると思うので、他の活動者のところにコメントをしにいくのは野暮になるからやめてほしい。 ・他の活動者との個人的な会話の側面が強いので、切り抜きは今回遠慮してほしい。 ◯参列条件 ・にじさんじライバー ・過去に間接的でも何かしらで関わったことのある人（大会一緒とか） ・相互フォローの人 ・上記対象の人の友達 のどれかに当てはまる人ならどなたでもご参列いただける。 当日フラッとDMなどで連絡をくれても大丈夫。 当日足を運ぶのが難しいという人はビデオメッセージも受け付けてる。 ※未成年者の視聴者の方々は、下記リンク先の注意事項もご覧ください。 https://www.anycolor.co.jp/notice-for-minors
Node.jsを使用したCLIの構築方法
Node.jsを使用して構築されたコマンドラインインターフェース(CLI)は、広大なNode.jsのエコシステムを活用し、反復的なタスクを自動化することができます。また、npmやyarnなどのパッケージマネージャーを通じて簡単に配布でき、複数のプラットフォームで利用できます。この記事では、CLIの作成にNode.jsを使用するメリットとその方法、いくつかの便利なパッケージ、そして新しいCLIを配布する方法を解説します。 CLIの作成にNode.jsを使用する理由 Node.jsが人気を博した理由の1つは、npmレジストリに90万以上のパッケージを有するパッケージエコシステムであるという点です。Node.jsを使用してCLIを作成することで大量のCLI向けパッケージを含むエコシステムを利用することができます。たとえば、CLIで次のよ
Turborepo Code Generationによる、サイバーエージェントグループのフロントエンド開発の効率化
JS/TSのプロジェクトで、ビルドシステムやmonorepoの構築に用いられるTurborepoには、Code Generationという機能が存在します。 この機能を活用した、人為的ミスの防止や開発リソースの削減など、実際にサイバーエージェントグループの開発現場で行われている取り組みについてお話します…
粟飯原 匠 |CEO ベンチャーやスタートアップにて新規事業のマーケティング・セールスを担当し年商5億円までのグロースを経験。PENGIN Inc.を創業し、現在は上場企業やレガシー産業のマーケティング戦略の立案〜実行支援までを担当。 今回はモーダルウィンドウをプラグイン無しで作成する方法をまとめます！ モーダルウィンドウはWebサイトによく使われるUIですが、意外に実装が難しいんですよね。 同ページ内に複数モーダルを設置する方法まで、基礎的な内容は解説していますので、不安な方は是非参考にしていただけると嬉しいです！ モーダルウィンドウ とは モーダルウィンドウとは、操作が完了するまで親ウィンドウへの操作を受け付けなくさせるタイプのウィンドウのことである。 モーダルウィンドウが表示されると、その中で指定された操作を完了するかキャンセルするかして、そのウィンドウを閉じない限り、親ウィンドウ側
外部サイトの RSS フィードを取得して表示したいってことたまにありませんか？ 取得するだけなら簡単ですが, xml を json に変換するのが結構手間だったりしますよね. 今回は, そんなときに便利な『rss to json』というサービスについて紹介したいと思います. Zenn の RSS フィードを取得して表示するサンプルも作ったので良かったら参考にしてください. 『rss to json』とは 『rss to json』とは, その名の通り rss を json に変換してくれるサービスです. rss のフォーマットである xml ってわかりやすいですが, JavaScript で使おうと思うと結構不便だったりしますよね. それを簡単に変換してくれる便利なサービスです! 基本は Web 上で使うサービスなんですが, なんと API も提供してくれています! 今回はその API ベ
こんにちは。スキルアップAIの橋本です。 本ブログでは、AIを利用した時系列解析、特に将来予測でよく用いられているライブラリである「Prophet」について解説します。 近年、将来予測の定番となっているProphetですが、ライブラリによる実装方法に関する情報は簡単に入手できます。一方で、Prophetの理論的な部分についてはあまり知られていないため、本ブログでは理論部分を重点的に取り上げたいと思います。 時系列解析（分析）とは｜概要やメリット、モデル、進め方、事例を紹介 1.Prophetの概要 まず初めに、Prophetの基本情報をまとめます。 Prophetは2017年にFacebookのCore Data Science teamによって開発された時系列解析用のライブラリです。PythonとRの両方でライブラリが提供されています。 また、このProphetは、将来予測のタスクにおい
この記事は GMOアドマーケティングAdvent Calendar 2020 20日目の記事です。 こんにちは、GMOアドマーケティングのあおんたです。 自社メディアめるもでは、記事のキーワードに応じて、自動でタグ付けを行っています。 しかし正規表現による部分一致でタグづけを行っているため、精度がいまいち・・・。 形態素解析を導入したいのですが、ライブラリ導入して、設定してテストして、、の時間がない。 そこで、さくっとGoogle Natural LanguageAPIを利用して、記事中のキーワード抽出を行い、精度を向上させます。 FuelPHPを利用して、最新のGoogle Natural Languageにつないでみます。 Google Natural Language とは Google Natural Languageとは、 特定の文章のキーワードを抽出する その文章がどんなカ
私たちが普段使っている利便性の高いファイル形式の一つに「PDF（Portable Document Format）」があります。
AdminJS - the leading open-source admin panel for Node.js apps | AdminJS
Enter the new era of AdminJS! Our system leverages AI to effortlessly generate text. Simplify your product database management with just one click. Check demo of AdminJS Filled with tons of features The out-of-the-box version of AdminJS is pretty powerful, but its in-depth customizability is where it really shines. With a basic knowledge of React and Node.js, you can change nearly every behaviour
BiomeのPluginについて
こんにちは、mehm8128 です。 最近、Roadmap 2025 and Biome 2.0 | Biomeが公開されました。 その中でも一番気になっているのはやはりプラグイン機能です。そこで、RFC を簡単にまとめて寄り道などしながら、Biome のプラグインについて理解している範囲で紹介します。 間違いなどありましたらコメント欄にて教えていただけると助かります。 Biome のプラグイン そもそも Biome のプラグインとは、ESLint のプラグイン機能のように、Biome 自体が提供している lint ルール以外にもユーザーが独自のルールを作成できるようにするものです（format に関してもサポートされる可能性があります）。 RFC は以下の discussion で提案されています。 issue はこちら。 Biome のプラグインには主に GritQL というクエリ言語
共起ネットワークをnetworkxで。。。と調べている最中に非常に素晴らしく便利なライブラリを発見しましたので、早速使ってみました。 nlplotというPythonのライブラリです。 このライブラリを使うと以下のグラフを簡単にプロットできてしまいます。凄いです。 N-gram bar chartN-gram tree MapHistogram of the word countwordcloudco-occurrence networkssunburst chartpyLDAvis Twitterで「コロナ」を使用したTweetsをnlplotでグラフ化 今回nlplotを使うにあたって、Twitterにて「コロナ」の文字が含まれるTweetsを取得しました。 TweetsデータはMongoDBに格納し、呼び出し、データフレーム化したのち、nlplotの一連のグラフ処理をいたしました。 M
CSSフィルターやクリッピング、タイムスケールなど！ 表現の幅を広げる「Tween24」の新機能 「Tween24.js」はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装可能なJavaScriptライブラリです。筆者が開発を続けており、2022年3月に正式リリースをしてからも機能追加のアップデートを重ねて、バージョン1.4となりました。 この記事ではバージョン1.1〜1.4で追加された機能について紹介します。バージョン1.0のリリースから下位バージョンとの互換性があるため、すでにお使いの方もそのまま利用いただけます。 基本的な使い方や導入方法を知りたい方は、記事『新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました』をご覧ください。 バージョン1.1〜1.4の主なアップデート内容 新機能：トゥイーンを繰り返すrepeat()
概要 タイトルの答えはYES. JSを勉強し始めたばかりで、JSにおける値渡し/参照渡し/参照の値渡しの処理の違いがわかりませんでした。 調べていくうちに「え、JSって参照渡ししないんだ！？」となったので、ここに学んだことをまとめようと思います。 追記：いただいたコメントをもとに修正しました。コメントありがとうございます！ 結論 JSでの処理は「プリミティブ値は値渡し」「オブジェクトは参照渡し」と言われていますが、厳密には「参照渡し」はしません。 JSでは「参照の値渡し」(共有渡し、本文中では共有渡しに統一)が行われています。 値渡し、参照渡し、共有渡しとは 値渡し 引数に値を渡す時、変数の値をコピーして渡す処理。 呼び出しもとの変数は変化しません。 参照渡し 引数に値を渡す時、参照(=メモリ番地)で渡す処理。 変更が呼び出しもとに反映されます。 共有渡し 引数に値を渡す時、変数に格納され
Compatibility with Prototype.js has been broken since 3.2.46 · Issue #9528 · vuejs/core
Vue version 3.3.7 Link to minimal reproduction https://github.com/Sublime1/Vue-Prototype-issue Steps to reproduce There are 3 HTML files at the Github repository - just save them locally and open them in your browser. working.html uses version 3.2.45 and it works fine. broken.html uses versions 3.2.46 and is breaking. broken-3.3.7.html uses latest Vue version 3.3.7 and is also breaking What is exp
コラム - Ruby on Rails 海外事情コラム | 第57回 なぜRails 6にはWebpackerとSprocketsの両方が含まれているのでしょうか？｜CTC教育サービス 研修/トレーニング
CTC教育サービス・ホーム ＞ コラム ＞ Ruby on Rails 海外事情コラム ＞ 第57回 なぜRails 6にはWebpackerとSprocketsの両方が含まれているのでしょうか？ [IT研修]注目キーワード Python UiPath(RPA) 最新技術動向 Microsoft Azure Docker Kubernetes 第57回 なぜRails 6にはWebpackerとSprocketsの両方が含まれているのでしょうか？ (野田貴子) 2020年6月 こんにちは。アプリケーションを作るときには、様々な技術の取捨選択を行いますよね。たとえば、フロントエンドの実現に使う技術（React、Vue、Angular、jQueryなど）の選択です。私も、これまでに何度も何度も類似技術の調査をして、比較表を作り、上司やチームメイトに提案してきました。その度に、「すでにどこかに要
Complete, actionable insights and visibility into your entire digital user experience.
インラインスタイルと Tailwind CSS と Tailwind CSS 入力補助ライブラリと Tailwind CSS in JS | Kabuku Developers Blog
インラインスタイルと Tailwind CSS と Tailwind CSS 入力補助ライブラリと Tailwind CSS in JS この記事では Tailwind CSS 自体の紹介はしません。公式ページを参照してください。 https://tailwindcss.com/ Tailwind CSS とインラインスタイル Tailwind CSS 関連の記事を目にする機会が増えました。私もプロダクトに導入してしばらく使っていますが、 CSS in JS だと 10 行だったスタイルが 1 行にまとまり、コードの見通しが非常に良くなりました。多くの方には受け入れられている印象ですが、中には「なにそれインラインスタイルと同じじゃんダメじゃん」みたいな反応も見られます。まずはこれに反論しておきたいです。 インラインスタイルの問題点 そもそもインラインスタイルにはどんな問題があるでしょう？
Luxa CSSは高速開発を意識して開発されたミニマリストの為のCSSフレームワークです。依存性が無く、動作も軽量です。 シンプルなclass名で学習コストは殆どかからず、すぐに開発に取り掛かれるよう設計されています。 リセット含む必要最低限のコンポーネントやヘルパークラスを備えてあり、装飾もないのでミニマルなスタイルを好む方にはオススメです。 少し触ってみましたがなかなか良さそうです。機会があれば使ってみようかな。ライセンスはMITとの事。 Luxa CSS
1. ComponentPropsを使う 多くの人が述べていますが、拡張性を高めるためにReact.ComponentPropsを使います。 import { ComponentProps, FC } from 'react' type ButtonProps = { loading: boolean } & ComponentProps<'button'> export const Button: FC<ButtonProps> = ({ loading, children, ...props }) => { return <button {...props}>{loading ? children : 'Loading...'}</button> } このようにすると、ページで用いるときにデフォルトのボタンと同じような使用感で用いることができます。 2. tailwind-mergeを
はじめまして。 株式会社digsasでCPOを務める森勝と申します。 当社は「変遷するビジネスに、IT投資のモノサシを」作る、というミッションを元に、IT投資におけるユーザー企業の導入設計力を向上させるためのプロダクトを開発しています。 Tech系の情報発信自体もzennに投稿するのもルーキーですが、表題のような構成をあまり見かけないので、静的型付けブームに則ってどなたかの参考になればと思い筆を取りました。 以前noteに書いてみたのがこちら 筆者プロフィール DTMer ネトゲ廃人 フリーでWEBマーケ&WEBデザインの提案・実務 UI/UX設計 → JSドハマリ システム開発会社立ち上げ 企業研修・スクール講師（Markup/PS/AI/Figma/jQuery/Webpackあたり） JSゲームエンジン開発（趣味） 開発会社Exit IoTスタートアップにジョイン（ハード/ソフト/イ
Webで使えるmrubyシステムプログラミング入門 作者:近藤宇智朗発売日: 2020/11/25メディア: Kindle版 久しぶりの読書感想です。どうやら読書感想はブクログとかも含めて4年ぶりぐらいっぽくて、ここ数年の読書しなさが表れています。 本書はmrubyとシステムプログラミングの発展に大きく貢献する良書であると確信します。 本書ではmrubyを利用していますが、そもそものLinux環境でのエンジニアリングについての基礎知識が多く解説されています。mrubyについて学びたい人にとってもシステムプログラミングは良い題材ですし、システムプログラミングを利用したい人にとってもmrubyが助けになるかもしれません。 特筆すべきは丁寧さです。本書の謝辞にもある通り、ハンズオンのための資料を下地にしているため、まるで筆者が隣についていてくれているかのような錯覚を覚えます。本当に一歩一歩丁寧に
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
Valibot と同じ作者のフォームライブラリ Modular Forms を試してみた - JMDC TECH BLOG
はじめに こんにちは。株式会社 JMDC の川根です。 プロダクト開発部で製薬企業向けサービスの web フロントエンドの設計・開発を担当しています。 本記事は、JMDC Advent Calendar 2023 23 日目の記事です。 qiita.com 現在、上記サービスのフロントエンドの堅牢性やメンテナビリティを向上させるため、リアーキテクト・リファクタリングに取り組んでいます。 それに伴い、フォームのスキーマ検証に使用している Yup をより Type Safe な Zod や Valibot へ置き換えることを検討していました。 Zod を業務で使用したことはありますが、Valibot を使用したことはありませんでした。 Zod に比べバンドルサイズを大幅に計量化できると噂の Valibot が気になり、調査を進めるうちに Modular Forms の存在を知りました。せっかく
Node.js v17.5 introduces support for fetch() – a popular cross-platform HTTP client API that works in browsers and Web/Service Workers – as an experimental core feature. fetch() support has been a long-requested addition by many, who want to write cross-platform HTTP request code and are familiar with the fetch() API shape and call patterns. So much so that the node-fetch module exists solely to b
JavaScriptライブラリ「jQuery」の最新版「jQuery 3.6」がリリースされました。 jQuery 3.6.0 has been released! Some bug fixes and a feature for JSONP error handling. https://t.co/ZUYnvrbmHc — jquery (@jquery) March 2, 2021 jQuery 3.5のリリースが昨年、2020年4月でしたので、約1年ぶりのマイナーバージョンアップとなります。 今回のマイナーバージョンアップではセキュリティフィクスは含まれず、バグフィクスのみです。 具体的には、次のようにJSOPの返り値がエラーだった場合の振る舞いにおけるバグが修正されました。 In previous versions, when a JSONP request responded w
URLの「パラメータ（クエリ文字列）」とは？ URLパラメータ、クエリ文字列とも呼ばれますが、例えば、 「http://www.example.com?lib=jquery&ver=3」 における「?lib=jquery&ver=3」の部分を指します。 Javascript（jQuery）でURLのパラメータ（クエリ文字列）を取得する方法 jQueryと書きましたが、Javascriptに、クエリ文字列を取得する方法がすでに用意されています。location オブジェクトの「.search」プロパティにクエリ文字列（パラメータ）の値が格納されています。 // URLパラメータ文字列を取得する var param = location.search alert(param) // 「?lib=jquery&ver=3」が出力 極めてシンプルな変数ですので、jQueryに同じ機能の関数は存在し
Essential Cheat Sheet: Convert jQuery to JavaScript | Envato Tuts+
All-in-one creative subscription with full AI stack All-in-one creative subscription From $16.50/m
ベクトル検索ライブラリ Faiss を試す｜npaka
ベクトル検索ライブラリ「Faiss」を試したので、使い方をまとめました。 1. Faiss「Faiss」は、Facebookがリリースしたベクトル検索ライブラリです。 2. テキストを埋め込みに変換「埋め込み」は、意味的類似性を示すベクトル表現です。2つのベクトル間の距離は、その関連性を表し、小さな距離は高い関連性、大きな距離は低い関連性を示します。 一般的に次のような用途に使用されます。 ・検索 : 検索結果がクエリ文字列との関連性でランク付けされる ・クラスタリング : テキストを類似性によってグループ化 ・レコメンデーション : 関連するテキストを含む項目を推奨 ・異常検出 : 関連性の少ない外れ値を特定 ・ダイバーシティ測定 : 類似性分布を分析 ・分類 : テキストを最も類似したラベルで分類 Colabでの実行手順は、次のとおりです。 (1) メニュー「編集→ノートブックの設定」
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery とCSS を組み合わせてスクロールをしたら要素を動かす | 動くWebデザインアイディア帳
Hanabi.rest | AI-based API building platform
3分でわかるVue.jsのエンジニア的5大メリット「jQueryより簡単！」 | 東京のWeb制作会社 株式会社クーシー
今日こそJavaScriptの非同期処理とPromiseを理解しよう！ - Qiita
Node.js App debug, perf up 戦略 - tkdn
Angularアプリケーションの状態管理パターン | Marginalia
JSエコシステムぶらり探訪(4): npmとコマンドライン - Qiita
初めての Flutter アプリ | Google Codelabs
【jQuery】slickの使い方とよく使うサンプル集 | 仙台のウェブ制作会社AndHA
【60万人記念生前葬】参列客が60人来るまで終わらない凸待ち。【黛灰 / にじさんじ】
【jQuery】モーダルウィンドウの作り方を解説（コピペ可） - 株式会社PENGIN
『rss to json』 というサービスを使って RSS フィードを JSON として取得して表示してみよう
将来予測で用いられるライブラリ「Prophet」 | スキルアップAI Journal
FuelPHPのcurlライブラリ経由でNatural Language APIにリクエストを投げてみた
【Python×PDF】PDFMinerライブラリでPDFからテキストを抽出方法【徹底解説】
nlplotが凄い！自然言語を可視化・分析できるPythonライブラリ | Box Code
CSSフィルターやクリッピング、タイムスケールなど！ 表現の幅を広げる「Tween24」の新機能 - ICS MEDIA
JavaScriptは「参照渡し」をしないって本当？ - Qiita
Benchmarking JavaScript Memory Usage
高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」 - かちびと.net
TailwindCSSでコンポーネントを作成するときに意識していること
フルスタックなTypeScript環境 (Blitz.js) でDDDする
Webで使えるmrubyシステムプログラミング入門 / 近藤宇智朗 - スペクトラム
インターン成果発表資料 / サイボウズ・フロントエンドエキスパートコース
fetch() In Node.js Core: Why You Should Care
jQuery 3.6正式リリース。JSONPにおけるバグフィクスなど
Javascript でURLのパラメータを取得する方法 | WWWクリエイターズ
labelmastersoftware.zendesk.com
bontosyougatu.hatenablog.com
detail.chiebukuro.yahoo.co.jp
0g0.org
response.jp
anond.hatelabo.jp