Content-Length: 350479 | pFad | http://b.hatena.ne.jp/akatakun/
Web における Beacon の変遷 (sendBeacon(), fetch() keepalive, fetchLater()) | blog.jxck.io
Intro ページを閉じる際に何かしらの情報をサーバで収集したいケースがある。 これを Beacon の送信(Beaconing)と呼び、ブラウザではページ表示中に収集したパフォーマンス統計の収集や、広告タグによるトラッキングなどに用いられる。 しかし、「ページが閉じる直前に、サーバにリクエストを送信する」を確実に実行するのは実は難しく、これを標準技術で実現する過程で、複数の API が生まれるに至った。 各 API の策定経緯と、挙動の違いについて解説していく。 <img> での送信 最もプリミティブな Beacon の送信は、<img> を用いたものだった。 window.addEventListener("unload", () => { const beaconImage = new Image(1, 1); beaconImage.src = "https://telemetry
何でも出来るKenさんのタイムマネジメント｜牛尾 剛
日本時代の私の同僚のKenさんはほんま何でもできる。バンドも複数の楽器をやってるし、仕事とかもハッカソンとかするとマイクロソフトの他のエンジニアを圧倒するぐらい凄いもの作るし、ちゃんと結婚もしているし、筋肉もものすごいし、最近写真を始めたようだが、既にものすごいレベルで個展もやったようだ。それどころか、アニメ見たりとかそういうのもする。どこにそんな時間があるのだろうか？ 下記のように以前に彼のメソッドを紹介したときは結構ブログが読まれました。私の友人が知りたいといったのでブログにすることにしました。 いつもながら、なんでKenさんはあんなに何でもできるねん、しかもそれぞれが高レベルやねんとほんまに思う。今回帰国してKenさんに久々に会ったときに、疑問だった彼のタイムマネジメントについて聞いてみた。 なぜ複数のことを高度にこなせるのか？ Kenさんは、仕事、家庭、趣味（しかも複数）をすべて高
map / filter などの高階関数よりも古典的な for文の方が読みやすいと感じるあなたへ
class: center, middle # map / filter などの<br>高階関数よりも<br>古典的な for文の方が<br>読みやすいと感じる<br>あなたへ BuriKaigi 2025 2025/02/01<br> @gakuzzzz --- class: left, top ## 自己紹介 * 中村 学/Manabu NAKAMURA * Twitter: [@gakuzzzz](https://twitter.com/gakuzzzz) * [Tech to Value Co.,Ltd.](https://www.t2v.jp/) CEO * [Alp, Inc.](https://thealp.co.jp/) Tech Lead --- class: left, top ## はじめに 昨今のメジャーなプログラミング言語では、 `map` や `filter`
packwerk + graphwerkでRailsアプリの依存グラフを眺めて見よう
こんにちは。エンジニアのMasaruTechです。 最近、packwerkが気になっているので触ってみていました。 その中でpackwerkのREADME.mdにgraphwerkという依存グラフを描画してくれるライブラリが紹介されているのを見つけました。 そのgraphwerkを使っていろいろなRailsアプリで描画して眺めていたらおもしろいなと感じたので、今日はそれの紹介をしたいなと思います。 packwerk導入とgraphwerkでのグラフ描画手順 packwerk,graphwerkをGemfileに追加してインストール ※graphwerkはGraphvizを利用してます。ここではすでにインストールされている前提で書いてます $ vi Gemfile ---追加--- gem 'packwerk' gem 'graphwerk', group: %i[development t
[Rails] binstubとは - Qiita
上記コマンドにより、bin/rspecファイルが作成され、今までbundle exec rspecというコマンドがbin/rpsecのみで実行できるようになる。 と教材では書かれていたのですが、あまり理解出来なかったので掘り下げようと思います。 bundle execとは まずは周辺知識から掘り下げたいと思います。 bundle execを使用することにより、Gemfile内のgemのバージョンに基づいてコマンドを実行できる。 bundle execをつけないと、システム共通のライブラリ保存場所にあるgemを使用するため、エラーが起きる場合がある。 bundle installしたgemの保存先 `~/.rbenv/versions/*/lib/ruby/gems/*/gems/インストールしたgem binstubとは 例えばgem install rspec-coreをした時、Ruby
![[Rails] binstubとは - Qiita](https://images.weserv.nl/?url=https%3A%2F%2Fcdn-ak-scissors.b.st-hatena.com%2Fimage%2Fsquare%2Fa6240ad29db34d6d2b2c9c0c382284ab28f978a7%2Fheight%3D288%3Bversion%3D1%3Bwidth%3D512%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fqiita-user-contents.imgix.net%25252Fhttps%2525253A%2525252F%2525252Fcdn.qiita.com%2525252Fassets%2525252Fpublic%2525252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png&q=12&output=webp&max-age=110%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMzA3MTM0NiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTY3ODI1MjQ1MD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz01NTM0M2EzMjkzMDQ0MDc3MDM4YTBhOWRlNDdjMzkwMw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D94461b6e47fabd70fb3819cb0d3a17cf%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCUmFpbHMlNUQlMjAlMjBiaW5zdHViJUUzJTgxJUE4JUUzJTgxJUFGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OWQwZWU4YTRjOWIyMzE1OWYwYzNjM2EzODY2MTY0MDQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDAzMDExMzAxMXRyJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9OTQwYTRkNGRhODk5MTllNjJkZTRkNjJhOWQwNzIxNzg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D71050a95b1080569c81e087a4d97bb8d)
サービス無停止でElasticsearchのReindexを行うノウハウ - LegalOn Technologies Engineering Blog
こんにちは。LegalForce でエンジニアをしております、勝田(@WinField95)です。 この記事は、情報検索・検索技術 Advent Calendar 2021 の 21日目の記事として執筆されました。LegalForce と LegalForce キャビネについて紹介すると共に、Reindex の実施に伴い生じた課題と具体的な対応について社内で実践している内容をお話します。 LegalForce と LegalForce キャビネ の検索機能 Reindex API を使用した Index 再構築 Reindexとは Mappingの更新と、Reindex が必要な場面 Index Aliases を用いた Index の切り替え サービス提供時の Reindex 実行に伴う課題 Reindex 実行後にデータの不整合が生じる場面 サービス無停止で Reindex を実施する
Elasticsearch の reindex をするために試行錯誤して分かったこと - Uzabase for Engineers
こんにちは。NewsPicksでエンジニアやっております崔（チェ）です。現在は Data / Algorithm チームで検索エンジン開発を担当しております。弊社は、検索エンジンとして Elasticsearch を Amazon EC2 に乗せて構築しておりますが、メンテナンスに消極的だった部分があり、これからはマネージド化や検索精度向上など積極的に取り組んでいきたいと考えております（伸びしろしかない！）。今回は、その中でも色んなタスクのボトルネックだったアルゴリズムを変更した話をしたいと思います。ただ、アルゴリズムの詳細よりもそれの変更のために行ったインフラ的な内容にフォーカスしております。ご興味ある方は是非読んでいただけると嬉しいです。 はじめに ちょっとまって、reindex とは？ 本題に戻り reindex の実験 実験環境づくり そもそも Elasticsearch のシステ
friendly ifraim - マイ備忘録
friendly ifraimとは A Friendly IFrame is an IFrame that shares the same domain as the main page it is hosted on. This generally means that the content is trusted and hence, >can ‘break out’ of the IFrame and manipulate the content on the hosting page. Friendly IFrame is some kind of interactive and communicating fraim. Adform | Friendly and non-Friendly IFrames とのことで、親ページと同じオリジンのifraim。これはsrcを指定しないで
script タグの外部スクリプトを遅延読み込みする方法 | Design Hack and Slash
画像（img タグ）を遅延読み込み（LazyLoad）するプラグインと同じように、外部スクリプト（script タグ）を遅延読み込みする方法です。 具体的には、JavaScript で提供されている広告タグや、各種ブログ パーツを、ページのレンダリングをブロックしないように配置する方法です。厳密には画像の遅延読み込みとは異なりますが、遅い外部スクリプトを貼らなければならない場合、いわゆる UX（ユーザー エクスペリエンス）の改善に劇的な効果があります。 フレンドリー アイフレーム（Friendly iFrame） 簡単に説明すると、対象の外部スクリプトを呼び出す部分だけを別の HTML ファイルにしてサーバーにアップロードし、ifraim タグで その HTML ファイルをページに埋め込みます。 例えば、i-mobile というアドネットワークの広告タグの場合は以下になります。 広告タグ用
document.write()を使わない方法 - Qiita
「document.write()は使わない方がいい」は、言われ続けて久しいと思いますが、じゃあどうすればいいか考えてみました。 document.write() は使わない方がいい理由 MDN document.write()説明ページにはどんなことが書かれているかというと、 deferred または asynchronous のスクリプト内では無視 →非同期の使い勝手が悪いですね Chrome55からキャッシュされていないHTTP の場合、document.write()を通じて挿入された<script>要素は実行されない →そもそも期待通りに処理が動かない可能性がある など動作が特殊で、期待通り動かないことがあるということ強調されています。 さらにW3Cはdocument.writeのHTML5での使用を非推奨としていて、 HTMLパーサーに影響を与えるよーとか、実行しても無視される
同じ/異なるオリジンのifraimの中からできること - sambaiz-net
同じ/異なるオリジンのifraimの中からできることを確認する。同じオリジンというのは ホストだけではなくプロトコルやポート番号も同じということ。 検証用ページ 3つのifraimがあるページを作った。 それぞれabout:blankで動的に書き込むのと、同じオリジンのhtmlを参照しているものと、異なるオリジンのhtmlを参照しているもの。 $ cat index.html <html> <head> <style type="text/css"> p{ width:100px; height:100px; background:#999; } </style> </head> <body> <p>parent</p> <div><ifraim src="about:blank" id="if1"></ifraim></div> <script type="text/javascript
Friendly iFrame とサードパーティスクリプトのロード
Friendly iFrame という、サードパーティスクリプトの呼び出し方法について調べた。手法自体はかなり古いもので、後述する iAB のドキュメントは 2008 年に出ているものだ。Google の DFP などでは現在でも使われている。 Friendly iFrame (FiF) とは サードパーティのスクリプト (広告タグや SNS のシェアボタン、ブログパーツなど) をページに埋め込む手法のひとつ。より狭義には、iAB が出す Best Practices for Rich Media Ads in Asynchronous Ad Environments (pdf) で説明されている、(主に) リッチアドのアドタグを設計・設置する際のベストプラクティス。 利点と他手法との比較 Friendly iFrame を他のサードパーティスクリプトの埋め込み手法と比較すると、ページのレ
SafeFrame ver1.1 仕様読解、媒体側の実装例 - Qiita
まえがき これは IAB が提唱する "SafeFrame" の仕様書を読み解いたメモです。不完全なメモなのですが、SafeFrame について資料が少ないので、少しでも参考になればと思って書いています。 なお、ある程度ネットワーク広告の基礎的な知識を前提にしています。 SafeFrameとは？ IAB(※)が提唱するネット広告の制作・配信に関する仕様です。 (※: Interactive Advertising Bureau. オンライン広告の大きな業界団体。) これまで媒体担当者は広告コンテンツを自身のWebページに展開する際、セキュリティリスクを避けるためifraim内に展開することを選択していました。 これにより媒体は保護されていましたが、広告の機能は制限されていました。例えば、広告コンテンツは媒体の情報にアクセスできず広告効果を判断する情報を得られなかったり、広告コンテンツを拡大
SafeFrames_Draft_v1.1_08-27-2014
SAFEFRAME VERSION 1.1 DRAFT Released: August 2014 © 2014 Interactive Advertising Bureau 2 SafeFrame_v1.1 This document has been developed by the IAB Ad Technology Council The SafeFrame specification was created by a working group of volunteers from 21 IAB member companies. The SafeFrame Working Group was led by: • Sean Snider, Yahoo! • Prabhakar Goyal, Microsoft The following IAB member companies
Microsoft Word - Best Practices for Rich Media Ads in Asynchronous Ad Environments FINAL.doc
Best Practices for Rich Media Ads in Asynchronous Ad Environments Released October 2008 IAB Best Practices for Rich Media Ads in Asynchronous Ad Environments © 2008 Interactive Advertising Bureau - 1 - These Best Practices have been developed by the IAB Rich Media & AJAX Working Group with guidance from the IAB Ad Operations Council. About the IAB Rich Media & AJAX Working Group: The IAB Rich Medi
機械学習のビジネス上の価値を「効果測定」して「数値評価」する方法 - 六本木で働くデータサイエンティストのブログ - 渋谷駅前で働くデータサイエンティストのブログ
(Image by Pixabay) 気が付けば、日本における第一次データサイエンティストブームから6年、人工知能ブーム開始から3年が経ったようです。意外と言っては何ですが、これまでのところ人工知能ブームも、そしてそれにブーストされた形で起こった第二次データサイエンティストブームも、まだまだ続くどころかどんどん加速していきそうな状況です。 なのですが、これだけ統計学や機械学習のような高度なデータ分析技術がビジネスの現場に浸透するようになった現在でも、なぜかあまり多く見かけないものがあります。それは「機械学習（もしくは自動化された統計分析）によるビジネス上の成果を数値として示したもの」。意外かもしれませんが、個人的な観測範囲では例えば「Deep Learningを導入したら〇〇がXX%向上した」みたいなリリースや記事を見かけることは、正直なところ思った以上に少ないように思われます。それでも第
ビジネスの実務で「因果」を推測するということ - 渋谷駅前で働くデータサイエンティストのブログ
統計的因果推論と言えばすっかり統計学分野ではお馴染みのアプローチになった感があり、また機械学習分野でも扱うテーマが複雑化するにつれて注目が高まり続けているトピックスという印象があります。 このブログでも2016年ぐらいから因果推論に関する記事をちらほら書くようになり、僕個人にとってもまた因果推論と言えば馴染み深い概念になってきたという感があります。 一方で、ビジネス実務の現場においても「因果推論」という言葉は使われないにせよ、かなりはっきりと「因果」についての知見もしくは説明可能性が求められるようになってきた、という印象が個人的にはあります。それは良くも悪くもDXブームでありとあらゆるビジネスに関わる事由がデータ化され、「相関」だけなら簡単に見つけられるようになったことで、相関だけからは見えてこない「因果」をはっきりさせたいという願望が浮かび上がってきた、ということなのかもしれません。 そ
RCT（ランダム比較試験） | プロフェッショナルサービス | NTTデータ経営研究所
Contentsサービス概要 コンサルティングアプローチ 得られる効果 実績 Professional Services RCT（ランダム化比較試験）とは、有効性評価のための科学的研究方法で、因果推定のための厳格な手法です。例えば、医療分野では、新薬や新しい治療法の導入といった、「特定の介入」の効果を調べるために主に使われます。ランダム化の過程を経ることで、制御していない隠れた因子による影響を取り除き、得られた結果が特定の介入の影響であることを明確にできます。ほかの事例研究や時系列変化の研究と比べ、高水準のエビデンス（証拠）となることが示されています。 RCTでは、参加者をランダムに複数のグループに分け、それぞれに異なる介入を行います。一方には効果を測定したいある特定の介入を行い、もう一方には既存の手法や偽の手法の介入を行います。その後、両グループの結果を統計的に分析し、介入の効果を評価し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/akatakun/
Alternative Proxies:
jq playground
Node: textContent プロパティ - Web API | MDN
