2018-05-12

「Real World HTTP ―歴史とコードに学ぶインターネットとウェブ技術」を読んだ

203.book 100.Tech 200.Goods

Real World HTTP ―歴史とコードに学ぶインターネットとウェブ技術

作者: 渋川よしき
出版社/メーカー: オライリージャパン
発売日: 2017/06/14
メディア: 単行本（ソフトカバー）
この商品を含むブログ (3件) を見る

http://fnwiya.hatenablog.com/entry/2018/04/29/162342

に引き続きwebの基礎について。
内容的にはすでに知っていたことが多かったですが、
説明とセットでgoでの実装が載っていたのがよかったです。
写経でもいいので動かすの大事。別言語で再実装できたらベストだと思います。

メモ

プライバシー保護にブラウザベンダーが倒れる中で広告では個人を特定せず、だいたいの属性を判別するアプローチになっている
↑は日本だと各人の特性が近くなかなか難しい
人に技術について伝える際は説明と実装をセットで

2018-05-02

marimekkoのUnikkoハンカチを買った

600.Fashion

アイロンをかけないといけないタイプのハンカチしかもっておらず、
面倒だったのと服装のテイストともあっていないなと思ったのでハンカチを買ってきました。

f:id:fnwiya:20180502220249j:plain

www.marimekko.jp

カラバリや柄違いも色々ありましたが、一番気に入ったものを一週間分揃えることにしました。

marimekkoは雰囲気がすごく好きでとくにアイコニックなUnikkoは普遍的なデザインだなと思います。
色を選べばメンズでも大丈夫かなと。
表参道の店舗で購入しましたが、
他にもたくさん魅力的なアイテムがあり、部屋一式marimekkoにしたいなと思いました。
次の狙いはソックス・トートバッグ・マグカップあたりです。

2018-04-29

「ハイパフォーマンスブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化」を呼んだ

203.book 100.Tech 200.Goods

ハイパフォーマンスブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化

作者: Ilya Grigorik,和田祐一郎,株式会社プログラミングシステム社
出版社/メーカー: オライリージャパン
発売日: 2014/05/16
メディア: 大型本
この商品を含むブログ (3件) を見る

web標準・パフォーマンスあたりが最近の関心なのでジャストな一冊でした。

メモ

レイテンシがボトルネックとなる。ハンドシェイクなどクライアント-サーバ間のやり取りによるオーバーヘッドは特に問題
WebRTCはP2P通信をシンプルなAPIで実現した画期的な技術である。
パフォーマンスを考える上ではスマホの電池消費の特性なども考慮すべき

2018-04-28

ワードローブまとめ

200.Goods 204.fashion

ワードローブの中身一覧です。
一覧化しておくことで

持っているものから人となりが伝わる
持っているものを把握することで余計なものを買わない

などの効果があればいいかなと。

参考は

衣のモノ | dodolife

トップス

白シャツ

基本中の基本。
ちょっとシワが気になるので次はノンアイロンでいいものを探しています。

ブランド：無印良品
購入時期：2017年10月
数量：1
代替想定品：シワになりにくいもの

青シャツ

こちらはシワになりにくくお気に入り。
小柄のため子供向けのサイズ展開ですがそんなこと他の人からはわからないのでいいのです。

ブランド：Brooks Brothers fleece サイズ14
購入時期：2016年8月
数量：1
代替想定品：特になし

ピンクシャツ

↑のピンク版

ブランド：Brooks Brothers fleece サイズ14
購入時期：2016年8月
数量：1
代替想定品：特になし

カーキシャツ

主に白パンツのときに着てます。

ブランド：Uniqlo
購入時期：2017年11月
数量：1
代替想定品：特になし

ストライプシャツ

生地が薄めなので涼しい

ブランド：H&M
購入時期：2014年10月
数量：1
代替想定品：特になし

ギンガムチェックシャツ

レディースモデル。万能。

ブランド：無印良品
購入時期：2017年10月
数量：1
代替想定品：特になし

バスクシャツ(黒/ボーダー)

fnwiya.hatenablog.com

ブランド：SAINTJAMES
購入時期：2018年2月
数量：2
代替想定品：特になし

Tシャツ（白）

部屋着でもデニムでも

ブランド：Uniqlo
購入時期：2014年12月
数量：2
代替想定品：特になし

セーター(グレー/グリーン）

真夏以外はヘビロテ

ブランド：Uniqlo
購入時期：2017年10月
数量：2
代替想定品：特になし

カーディガン（赤）

はっきりした赤が好きです。

ブランド：Uniqlo
購入時期：2017年10月
数量：1
代替想定品：特になし

ジャケット

ジャケットはサイズにこだわりたかったのでオーダーで。

ブランド：LaFabric
購入時期：2017年7月
数量：1
代替想定品：特になし

スプリングコート

fnwiya.hatenablog.com

ブランド：MARGARET HOWELL WASHED COTTON POPLIN
購入時期：2018年2月
数量：1
代替想定品：特になし

グレーパーカー

Webエンジニアの制服

ブランド：Uniqlo
購入時期：2017年11月
数量：1
代替想定品：特になし

ボトムス

紺デニム

ブランド：Lee
購入時期：2014年10月
数量：1
代替想定品：A.P.C

黒スキニー

ブランド：Uniqlo
購入時期：2017年9月
数量：1
代替想定品：特になし

白デニム

ブランド：Levi's 510
購入時期：2017年8月
数量：1
代替想定品：特になし

カーキチノパン

ブランド：Uniqlo
購入時期：2015年8月
数量：1
代替想定品：特になし

グレースラックス

ブランド：Uniqlo
購入時期：2014年4月
数量：1
代替想定品：特になし

シューズ

アクセサリ

その他

リュック

fnwiya.hatenablog.com

ブランド：ARC'TERYX ARRO 22
購入時期：2014年10月
数量：1
代替想定品：特になし

ハンカチ

fnwiya.hatenablog.com

ブランド：marimekko Unikko
購入時期：2018年5月
数量：5
代替想定品：特になし

2018-04-15

「CDN Study (Akamai/Fastly)」に行ってきた

114.write-up 100.Tech

倍率２倍でしたが運よく当選できました。
最近はWeb標準に強い関心が有るので継続的にウォッチしてなにかしら貢献できたらなと思います。
R社のエレベータの落下速度が速くて怖かった。。

CDN Study (Akamai/Fastly)

http2study.connpass.com

資料は全部↑に上がってます。

Akamai

CDNの過去と現在

Akamaiが最初
TimBernersLeeがインターネットのスケーラビリティ問題を指摘
AkamaiのCOOが↑をうけて「これ俺らが解決できるんじゃ」と思った
Internet BGP Visualization http://as2914.net/#/?_k=affx3x
Star Warsの動画がバズった（3週間で660万DL）->無理->ユーザーの近くにコンテンツを置く
Akamaiはほかよりpopが1桁多い
どうやって最適なエッジサーバーに誘導するのか
- DNSの名前解決の時点でアクセス元によって応答を動的に変える
- 最適とは
  - ユーザーとエッジサーバーの組み合わせ->安定結婚問題
  - Gale-Shapleyアルゴリズム
Akamaiのエッジサーバー
- 高機能な独自HTTPサーバー
- DSLをXMLで書く
- なんでもできます
CDNでしたかったこと・していること
- より高いレイヤーまでカバーするように
- エッジで高度な処理がしたい
- CDN->Cloud Devlivery Network
- EdgeWorker（エッジでJSを動かす）

標準化

HTTP/2 server push
- beacon情報を集計して統計的に次に必要なリソースを予測してpushする
QUIC
- HLS動画ファイルの取得時間が半分に
TLS1.3

未来

エッジはどこか
- よりユーザーの近くに
- 5Gならスマホがエッジに
- The Emergence of Edge Computing http://elijah.cs.cmu.edu/DOCS/satya-edge2016.pdf
- Location Location Location
- MQTTプロトコルでもレイテンシは重要
- Webガバナンス強化のためのCDN
キャッシュフレンドリーなWebアプリの設計
- 設計の段階で考えるべき（今はアドホック）
- モデリング

QA

エッジワーカーの標準化は、、、
- あまりモチベーションはない
パージの速度
- 今は5秒。設計を2回やり直し。がんばった。

Faslty

Principal OSS Engieer
yamagoya https://techplay.jp/event/633461

POP設計

キャッシュヒット率を高めたい
POP数は少ない
モデル
- コンビニモデル: Akamai 低レイテンシ
- スーパーマーケットモデル: Fastly　高ヒット率
ルーティング
- ルータレス・ルーティング
  - スイッチ
  - それぞれのサーバーがルータを兼ねてる
ステートレス・ロードバランス
- ECMP
- サーバーがLBを兼ねる
SSDキャッシュ
- 独自ファイルシステム
- 一般的なfsよりゆるい一貫性要件

全世界的な分散KVS

VCL
インスタントパージ
- サロゲート・キー
URLで参照し、キャッシュ
Shielding
- 一度集約してキャッシュに当てる

Edge Cloud

WAF
DDos
画像の最適化
Edge-Side Includes
マイクロサービス合成、認証

インターネットの進化とCDN

プロトコルのアップデート(QUIC TLS1.3)
なぜ今なのか
- プロトコル上の制限がボトルネックに
- スマートフォンの普及
- CDNの勃興
- スノーデン事件
進化の方向性
- すべての通信を暗号化硬直化対策
- 0-RTT, Push, Early Hints
- ネットワークをまたいでも途切れない通信
- 劣悪な環境下でも粘り強く
プロトコル拡張
- DNS over HTTPS
- Early Hints / Cache Digests for H2
- Server Timing
- Secondary Certificates
- Short Term Certs
  - 秘密鍵漏洩の影響を制限
QUIC
- Don't call tcp2
- 進化を続ける通信プロトコル
  - アップデートできないデバイスに邪魔されない