rryuのブックマーク / 2018年6月3日 - はてなブックマーク

rryu id:rryu

2018年6月3日のブックマーク (4件)

CSSの機能を使用してクロスオリジンのiframeから表示内容を読み取るサイドチャネル攻撃 | スラド IT
CSSの「mix-blend-mode」プロパティを使い、クロスオリジンのiframeに表示されている内容を読み取ることが可能なサイドチャネル攻撃について、発見者の一人が解説している(Evonideの記事、 Ars Technicaの記事、 SlashGearの記事)。 Webページがクロスオリジンのiframe内のDOM要素にアクセスすることはデフォルトで禁じられているが、iframeに別の要素をオーバーレイし、mix-blend-modeプロパティを使用すると色のブレンドが可能となる。「multiply」のように単純なブレンドモードでは処理時間に違いはみられないが、カラーチャネルを分離せずに処理する「saturation」のようなブレンドモードでは下のレイヤーの色によって処理時間が変動するのだという。これを利用してピクセル単位でレンダリングを実行させ、処理時間を測定すれば、ifram
rryu 2018/06/03
iframeの内容も透過してレンダリングされるからiframe内の色によってレンダリング時間が異なれば内容が予測できるって、よく方法を思いついたなあ。

セキュリティ

CSS
リンク
いまどきのコンポーネント設計をめぐる座談会 | 第1回 2つのコンポーネントの乖離
いまどきのコンポーネント設計をめぐる座談会第1回 2つのコンポーネントの乖離 CSS設計において、コンポーネント設計に関することは、エンジニアを悩ませることのひとつです。このシリーズでは、現在の案件の中でエンジニアやデザイナーがコンポーネントをどのように考えているかを整理し、よりよい設計方法を考えていきます。はじめに「コンポーネント設計って、どうすれば最適解にたどり着く？」という話は、CodeGridでこれまで繰り返し取り上げてきたテーマです。ダイレクトにそのものは取り上げなくても、CSS設計に関わる記事は、その背景にサイトを構成する要素を、ある基準に沿った「まとまり」で考えることが背景にあります。また、近年、Vue.js、React、Angularなど主にWebアプリケーション開発のためのフレームワークにも、何らかの「まとまり」は常に意識されています。この座談会は、一意に「コン
rryu 2018/06/03
HTMLとCSSの古典的なコンポーネントとJSを含むUI部品としてのコンポーネントの2種類があるの分かる。

CSS設計

css
リンク
実践ドット絵シェーダー - 水鳥コンビナート
はじめに先行事例と課題陰影と色彩シェーディングマップによる嘘陰影頂点シェーダアニメーションドット絵的なモデルとアニメーション結果問題点とかその他テクニックとか今後 (追記：続いた) 実践ドット絵シェーダーその2 - チラつき抑制編 - 水鳥コンビナートはじめに自分はドット絵が好きだが、描くのはあまり好きではない。正確に言うと、1,2 枚を描くのはよいがひとつのゲームに使用する大量のドット絵を全部自力で描くのは大変つらい。例えばアクションゲームかなにかを作る場合を考えてみると、キャラクターについてだけでも、必要なドット絵枚数は (登場キャラクター数) × (各キャラができるアクションの数) × (各アクションに必要な枚数) × (リテイクのコスト) で相当なものになるのがわかる。そこでドット絵っぽいものをレンダリングできるシェーダを用いることで横着をしようとい
rryu 2018/06/03
意外とドット絵ぽくなるけど、ぬるぬる動くと解像度が足らないだけに見えてしまうのでモーション側にも何か必要そう。

ドット絵
リンク
AWS × mastodonにかかるコスト | 公開懺悔日記
jaws-ug.okinawa の mastodonを1年間運用していてそれにかかるコストを考えてみた。コスト考えるとダメだと思うんだけどなぁ^^;; 構成EC2(Ubuntu)RDS(PostgreSQL)Elasticache(Redis)Application Load BalancerCloudFrontS3Route 53
rryu 2018/06/03
EC2がt2.nanoで十分ならRDSとRedisもEC2に乗せてしまえば半分くらいになりそう。

mastodon
リンク
- 2018年6月7日
- 2018年6月3日
- 2018年6月2日