タグ 実装方法
人気順 5 users 10 users 100 users 500 users 1000 users医薬品検索にベクトル検索を導入したら、デフォで検索ニーズをほぼ満たせそうだった話
2024/09/16
136 users
MySQL
デフォ
ベクトルDB
知見
精度
どんな人向けの記事？ 医薬品のような難しい検索ニーズにこたえるためにベクトル検索を利用する知見を見てみたい MySQLの全文検索と、ベクトル検索の精度や速度を比較してみたい ベクトルDBとEmbeddingモデルを利用した簡単なベクトル検索の実装方法を知りたい 医薬品の検索ニーズは多様なので、ベクトル検索で解決でき... 続きを読む
モバイル3D美少女の最高クオリティへ！ 「学マス」3Dキャラクター＆背景へのこだわり【CEDEC2024】 皮膚揺れ、毛先、衣装などに一切妥協なし。話題になった“鼻ポチ”の実装方法も
2024/08/21
76 users
毛先
妥協
学マス
CEDEC2024
衣装
これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
2024/06/13
100 users
CLAMP
フォントサイズ
CSS
関数
デバイス
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレ... 続きを読む
ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり
2024/04/27
103 users
テンキー
ウェブページ
挙動
数値
ウェブページ上
ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみま... 続きを読む
RustでWeb APIを作る際のエラーハンドリング - CADDi Tech Blog
2024/03/06
81 users
エラーハンドリング
rust
tl;dr
定義
エラー
TL;DR エラーハンドリングを行う目的 エラーハンドリングが適切に行われているとどう嬉しいか 1. エラーの発生原因が分かる 2. レスポンスステータスを型安全に出し分けることが可能になる どうエラーハンドリングを行うのか 実装方法 エラー型の定義で気を付けるべきポイント なぜanyhowを利用しないのか エラーハンド... 続きを読む
awkでつくってわかるWebアプリケーション / Web Application Implementation in awk
2024/02/10
99 users
awk
YAPC
デモアプリケーション
github.com
YAPC::Hiroshima 2024での、awkによるWebアプリケーションの実装方法について紹介した発表の資料です。 元となった実装は https://github.com/yammerjp/awkblog にあります。 デモアプリケーションは https://awkblog.net にあります。 続きを読む
CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce
2023/10/17
65 users
ビジター
スクロール
アニメーション
上下
要素
スクロール駆動アニメーションは、ビジターがスクロールするとそれに連動して要素がアニメーションします。スクロールに連動するということは、上下に繰り返しスクロールするとアニメーションも繰り返し実行されてしまいます。 スクロール駆動アニメーションを1回だけ実行し、アニメーションの終了フレームに留まらせる... 続きを読む
社内情報検索システムで用いられるRAGの4つの実装方法
1 社内情報検索システムで用いられる RAGの4つの実装方法 LLM Application Meetup vol.4 松本和高 2 松本 和高 株式会社エクスプラザ リードエンジニア X: _mkazutaka Github: mkazutaka 18年にバックエンドエンジニアとしてメルカリに入社。その後、ミラ ティブ、フリーランスを得て株式会社エクスプラザに所属。フロン... 続きを読む
Language Server Protocol の仕様 及び実装方法
2023/10/01
226 users
Language Server Protocol
仕様
Language Server Protocol通称LSPの仕様と、各機能をどうやって実装したら良いかの指針を示します。 対象読者 * 言語処理系を実装する人/したい人 * Language Serverを実装する/したい人 * LSPに興味がある人、日本語のまとまった情報源を探している人 * Language Serverがエディタの裏でどのようなことをしているのか気... 続きを読む
Python(pytest)でテスト書くならfixture,conftest,parametrizeを理解すると世界が一気に変わる
2023/08/12
251 users
pytest
リポジト
Python
テストライブラリ
世界
概要 Pythonのテストライブラリといえばpytestが一般的です。 Python標準のuniitestとは異なり、クラスベースではなく関数ベースでテストコードを記述することが一般的ですが、fixture,conftest,parametrizeを理解すると一気に世界が変わり、テスト体験が圧倒的に向上するため、これらの実装方法を紹介します。 リポジト... 続きを読む
CSSでの実装が今までとは大きく変わる！ スクロールをトリガーにしたアニメーションを実装する方法
2023/07/13
132 users
トリガー
CSS
スクロール
アニメーション
実装
まもなくリリースされるChrome 115で実装されるScroll-driven animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかり... 続きを読む
HTMLメールの最近の実装方法を解説、tableは不要になりました
2023/06/01
314 users
table
レンダリングエンジン
modern
Edge
解説
HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern... 続きを読む
ビジネスロジック層内部の2つの実装パターンを比較 選択時に考えたい、アプリケーション設計の観点
2023/03/11
127 users
観点
実装パターン
アプリケーション設計
ビジネスロジック
今回はアプリケーションアーキテクチャを学ぶ最初の一歩として、「MVC」や「3 層アーキテクチャ」などの基本的な用語の意味や関係性を整理する「改めて整理するアプリケーション設計の基本」。ここで大嶋氏が登壇。次に、ビジネスロジックの実装方法について紹介します。前回はこちらから。 ビジネスロジックの実装の2つ... 続きを読む
MySQLで階層構造を扱うための再帰的なクエリの実装方法と実用例
2023/03/07
238 users
クエリ
MySQL
RDB
階層構造
実用例
１．はじめに RDBでの階層構造の関係を持つデータを扱う上で、 効率的なデータの持ち方や抽出方法について検証を行っています。 結論から先に 階層構造を扱う方法として下記の種類があります。 隣接リスト 経路列挙 入れ子集合 閉包テーブル 再帰クエリ（WITH RECURSIVE）を使うと階層データを扱う上でのパフォーマンス... 続きを読む
最近よく使用されているCSSの実装テクニック！ レスポンシブ対応のフォントサイズをclamp()で超簡単に定義できるツール -clamp() Calculator
2023/02/07
97 users
CLAMP
calculator
ビューポート
CSS
関数
フォントのサイズをレスポンシブ対応にする際、最近よく使用されている実装方法がclamp()関数を使用した流体タイポグラフィです。CSSのclamp()関数を使用すると、ビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠か... 続きを読む
2022年に見かけたモダンなCSSの書き方を振り返る
2023/01/12
261 users
CSS
CSSプロパティ
従来
実装例
発信
はじめに 2022年6月15日にInternet Explorerのサポートが終了しました。 (IEの完全無効化は2023年2月14日予定) そのこともあり2022年は今までとは異なるCSSプロパティを使用したモダンな実装例の記事や発信をよく見かけた気がします。 ただしこれらは従来の実装方法でもできる表現であったので、「この記事はあとでしっ... 続きを読む
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/jp_stripes_okayama_vol3 続きを読む
Datadogを使った不正ログインのモニタリングの実装
2022/11/10
151 users
Datadog
モニタリング
実装
不正ログイン
Datadogのセキュリティモニタリングを使った不正ログイン検知の実装方法について 続きを読む
Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery
2022/11/09
357 users
各UIコンポーネント
コンポーネント
フック
WEB制作者
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの... 続きを読む
覚えておこう！ CSSのconic-gradient()関数を使用した美しいグラデーションの実装方法
2022/06/08
91 users
linear-gradient
ブラウ
CSS
関数
すべて
CSSグラデーションといえば、linear-gradient()とradial-gradient()の線形グラデーションと放射グラデーションで実装することが多いと思いますが、もう1つ扇形グラデーションのconic-gradient()もあります。 conic-gradient()を使用した美しいグラデーションを実装するテクニックを紹介します。IEを除く、すべてのブラウ... 続きを読む
CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
2022/02/15
227 users
CSS
カスケードレイヤー@layer
主要ブラウザ
最初
CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知... 続きを読む
Web のセマンティクスにおける Push と Pull | blog.jxck.io
2021/12/07
90 users
セマンティクス
INTRO
pull
Push
jxck.io
Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話で... 続きを読む
この実装方法は巧い！ コンテンツが少ない量でもフッタを一番下に配置するCSSのテクニック
2021/11/30
211 users
ブッダ
Calc
Flexbox
CSS
成り行き
ページのコンテンツが少なくても、フッタを一番下に配置するCSSのテクニックを紹介します。コンテンツが多ければ、成り行きで配置されます。 フッタの高さは自由で、CSS GridやFlexboxやcalc()は使用せず、追加のラッパーも必要ありません。シンプルなHTMLに、数行のCSSで簡単に実装できます。 A Clever Sticky Footer T... 続きを読む
JavaScriptの非同期処理をじっくり理解する (4) AbortSignal, Event, Async Context
2021/10/24
114 users
ベストプラクティス
Event
実行順序
非同期処理
自信
JavaScriptの非同期処理をじっくり理解する (4) AbortSignal, Event, Async Context 対象読者と目的 非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある 実行順序の保証がよくわからないので自信をもってデプロイできない変更がある より詳しい仕組みを理解する... 続きを読む
CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法
2021/10/13
269 users
aspect-ratioプロパティ
エバーグリーン
CSS
先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。 ※エバーグリーンとは、最新版に自動アップデートされるブラウザのことです。 aspect-ratioプロパティを使用することで、レスポンシブ対応の画像をアスペクト比を維持したま... 続きを読む