タグ 実装方法
人気順 10 users 50 users 100 users 500 users 1000 usersフロントエンドからファイルをダウンロードさせるやり方について
いまどきのWebアプリにおいては、ファイルのダウンロード機能が必要な場面が多々あります。例えば、バックエンドが生成したCSVデータをファイルとしてダウンロードさせる「CSVダウンロード」機能などです。 今回はAPI[1]から得られたデータをファイルとしてダウンロードさせたい場合のフロントエンドの実装方法について... 続きを読む
JavaScript配列の重複削除でつまづかない!Set・Mapを徹底比較(Lodash・Ramdaも少し紹介) - iimon TECH BLOG
こんにちは!株式会社iimonでエンジニアをしている、Javascript勉強中の「まるお」です。 本記事はアドベントカレンダー20日目の記事になります! 📚 本記事の内容 filter・Set・Mapを使った重複削除の方法 オブジェクト配列の重複削除の実装方法 パフォーマンス比較と便利なライブラリの紹介 📚 本記事の内容 はじ... 続きを読む
医薬品検索にベクトル検索を導入したら、デフォで検索ニーズをほぼ満たせそうだった話
どんな人向けの記事? 医薬品のような難しい検索ニーズにこたえるためにベクトル検索を利用する知見を見てみたい MySQLの全文検索と、ベクトル検索の精度や速度を比較してみたい ベクトルDBとEmbeddingモデルを利用した簡単なベクトル検索の実装方法を知りたい 医薬品の検索ニーズは多様なので、ベクトル検索で解決でき... 続きを読む
Advanced RAGをAmazon Bedrock Prompt Flowsで作成する - Taste of Tech Topics
はじめに 夏本番のこの時期、皆様のご様子はいかがでしょうか。新人エンジニアの木介です。暑さにも負けず、毎日一歩一歩成長しています。 今回は先日紹介したPrompt Flows for Amazon Bedrockを使ったAdvanced RAGの実装方法についての紹介を行っていきます。 Prompt flowsを用いることでDifyと同じようにLLMとプロンプ... 続きを読む
モバイル3D美少女の最高クオリティへ! 「学マス」3Dキャラクター&背景へのこだわり【CEDEC2024】 皮膚揺れ、毛先、衣装などに一切妥協なし。話題になった“鼻ポチ”の実装方法も
これは簡単で便利! レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレ... 続きを読む
Unity製のiOSアプリにFlutterを組み込む | gihyo.jp
本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標に、Unity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の3回目となります。 前回の記事ではUnityからExportしたAndroidプロエジェクトに対してFlutterを組み込む方法を解説しました。 3回目となる今回はUnity製のiOSプロ... 続きを読む
ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり
ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみま... 続きを読む
最新版! Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA
「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事(Figma編、After Effects編)では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lotti... 続きを読む
【Next.js14】CSR・SSR・SSG・ISRの違いと実装方法 - Qiita
Next.jsでは、レンダリング手法をCSR・SSR・SSG・ISRの中から選ぶことができます。 本記事では、それぞれの特徴に触れつつ、実装方法を紹介します。 CSR (Client Side Rendering) クライアントからのリクエストに対して、サーバーは空のHTMLとJavaScriptを返します。 このJavaScriptがブラウザ上で実行されることによ... 続きを読む
RustでWeb APIを作る際のエラーハンドリング - CADDi Tech Blog
TL;DR エラーハンドリングを行う目的 エラーハンドリングが適切に行われているとどう嬉しいか 1. エラーの発生原因が分かる 2. レスポンスステータスを型安全に出し分けることが可能になる どうエラーハンドリングを行うのか 実装方法 エラー型の定義で気を付けるべきポイント なぜanyhowを利用しないのか エラーハンド... 続きを読む
awkでつくってわかるWebアプリケーション / Web Application Implementation in awk
YAPC::Hiroshima 2024での、awkによるWebアプリケーションの実装方法について紹介した発表の資料です。 元となった実装は https://github.com/yammerjp/awkblog にあります。 デモアプリケーションは https://awkblog.net にあります。 続きを読む
生成AI導入事例集|産官学の生成AI導入背景、実装方法、効果まで完全網羅 | AI専門ニュースメディア AINOW
最終更新日: 2024年1月30日 2022年末に「ChatGPT」のリリースから始まった生成AIブームは、2023年にさらなる飛躍を見せた。しかし、生成AIの実際の導入率は24.2%程度とするデータもあり、まだまだ導入が進んでいるとは言い難い。企業では現在も生成AIをいかに導入し、社内で普及させ生産性向上につなげるべきか、試行... 続きを読む
C++で作ったゲームを Unity Gaming Service でホストする方法 | Unity Learning Materials
アーキテクチャとインフラストラクチャーはオンラインゲームの中心的な要素です。本講演では、ホスト・クライアントとサーバー・クライアントの違い、長所と短所、それぞれのワークフローの仕組みについて説明し、UGSとC++を使用した実装方法を紹介させていただきます。 受講スキル オンラインゲームを作りたい方 ホス... 続きを読む
CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce
スクロール駆動アニメーションは、ビジターがスクロールするとそれに連動して要素がアニメーションします。スクロールに連動するということは、上下に繰り返しスクロールするとアニメーションも繰り返し実行されてしまいます。 スクロール駆動アニメーションを1回だけ実行し、アニメーションの終了フレームに留まらせる... 続きを読む
社内情報検索システムで用いられるRAGの4つの実装方法
1 社内情報検索システムで用いられる RAGの4つの実装方法 LLM Application Meetup vol.4 松本和高 2 松本 和高 株式会社エクスプラザ リードエンジニア X: _mkazutaka Github: mkazutaka 18年にバックエンドエンジニアとしてメルカリに入社。その後、ミラ ティブ、フリーランスを得て株式会社エクスプラザに所属。フロン... 続きを読む
LSP概観|Language Server Protocol の仕様 及び実装方法
Language Server Protocol の仕様 及び実装方法
Language Server Protocol通称LSPの仕様と、各機能をどうやって実装したら良いかの指針を示します。 対象読者 * 言語処理系を実装する人/したい人 * Language Serverを実装する/したい人 * LSPに興味がある人、日本語のまとまった情報源を探している人 * Language Serverがエディタの裏でどのようなことをしているのか気... 続きを読む
個人情報保護委「生成AI利用に注意」 事業者・行政機関向けにポイント解説
サービス組み込み用の生成AIを提供する事業者などは、利用者が入力した情報を学習に使う場合もある。サービスの実装方法や規約によってはこれが個人情報保護法に触れる可能性があるため、確認するよう注意喚起したものとみられる。 個人情報保護委員会は以前にも「生成AIサービスの利用に関する注意喚起等」という文書を... 続きを読む
Python(pytest)でテスト書くならfixture,conftest,parametrizeを理解すると世界が一気に変わる
概要 Pythonのテストライブラリといえばpytestが一般的です。 Python標準のuniitestとは異なり、クラスベースではなく関数ベースでテストコードを記述することが一般的ですが、fixture,conftest,parametrizeを理解すると一気に世界が変わり、テスト体験が圧倒的に向上するため、これらの実装方法を紹介します。 リポジト... 続きを読む
CSSでの実装が今までとは大きく変わる! スクロールをトリガーにしたアニメーションを実装する方法
まもなくリリースされるChrome 115で実装されるScroll-driven animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかり... 続きを読む
AIを活用してECサイトの運用を効率化する7つの機能とは?
昨今話題となっている「ChatGPT」のような高性能なAIが登場したことで、世界の変化が加速すると言われています。実際にAIの活用が進むことで、EC機能の実装方法やサイトの運用方法も大きく変化すると筆者は考えています。 ◆AIの活用で効率化するECの7つの機能 機能① 対話型AIチャットボット 機能② 商品説明文の自動作成 ... 続きを読む
TerraformのCDに使用できるツールをまとめてみた | DevelopersIO
「Terraformデプロイパイプラインを作るなら、どのツールが自分の組織にあっているのだろう?」 Terraformのデプロイパイプラインの実装方法は、選択肢が多くて迷ってしまいます。 この記事では、デプロイに使用できるツールをまとめてみました。 デプロイパイプラインのツール選定の参考になれば幸いです。 前提 Terraf... 続きを読む
HTMLメールの最近の実装方法を解説、tableは不要になりました
HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern... 続きを読む
GitHubの画像diffはどのように実装されているのか
GitHubの画像diffって便利だし何だか面白いですよね。 ところで、このSwipe Diff機能がどのように実現されているか、皆様はパッとわかるでしょうか? ・ ・ ・ 私は20秒ほど考えてわからなかったので、DevToolsから仕組みを調べてみました。 実装方法 わかってしまえば非常にシンプルで、 2枚の画像を重ねる 上層の画像... 続きを読む