仕事で外部のエンジニアに依頼したドメイン移行が正しく動作していなかったため、良い機会と思いDNSについて調べました。 名前解決の方法 そもそも名前解決とは何かというと、ドメインとIPアドレスを紐付けることです。手法として以下の2つが上げられます。 /etc/hostsに直接対応を記述する方法 /etc/resolve.confにDNSサーバーのIPアドレスを記述し、問い合わせる方法 今回はDNSサーバーによる名前解決について説明していきます。 DNSによる名前解決 ドメインツリーによる負荷分散 全世界に無数に存在するドメインの解決を一台のネームサーバーで担当するのは不可能です。そこでDNSでは下記のように、各階層に意味を持たせ、下位のドメインを管理させることで分散型の構造を構築しています。 ドメインツリー キャッシュサーバーによる高速化 クライアントからDNSサーバーに対してドメインを問い

出典：日経NETWORK 2018年2月号 pp.42-44 （記事は執筆時の情報に基づいており、現在では異なる場合があります） パソコンやスマートフォンからインターネットにアクセスするとき、最も頻繁に利用するアプリの一つがWebブラウザーだ。 WebブラウザーはもともとWebページを閲覧するためのアプリだが、今では様々な用途に使われている。FacebookやTwitterといったSNSを利用したり、Amazon Web Services（AWS）やMicrosoft Azureといったクラウドサービスでサーバーやネットワークを構築してプログラムを開発したりすることもできる。 メール・表計算・資料作成といったOS上でできる作業のほとんどはWebブラウザー上でできる。読者の皆さんもWebブラウザーに触れない日はないはずだ。この特集では、基本的な仕組みから高速化の工夫や最新技術まで、Webブラ

※タイトルが適切でないとの指摘があったため訂正しました(2018/05/02 20:19:12) × 通信の最適化を発表したmineo ↓ ○ 通信の最適化を開始したmineo 道乃 歩 @sh_rainbow295 > 通信事業者が「通信の最適化」などと称して勝手に自サイトのデータを改竄して届けていることになります。こうした行為は、Webサイト運営者がSSL対応によるHTTPS化を行うことで防ぐことができる 解説：mineoが悪名高い「通信の最適化」を開始。 – すまほん!! smhn.info/201804-tuusin-… 2018-04-27 10:26:01 nonask @eatist9 サイトがhttpsであれば回避できるなら、今年7月までには結構な割合のサイトで気にしなくていい話にはならないのかな？ あんまり話題見かけないけどみんなChrome68用に常時SSL化しないんだ

mineo、通信の最適化を開始 MVNOである「mineo」が、「通信の最適化」を行っているとTwitter上にて話題になっています。 mineoが通信の最適化という名のデータ改ざんを始めましたね。 pic.twitter.com/xNHTHc1yD6 — Dohi Seiji@キノコの人 (@seijidohi) 2018年4月25日 通信の最適化とは 「通信の最適化」というのは、字面からはわかりませんが、その実態は酷いもので、キャリアがデータ量を減らすために、ユーザーの画像データや動画データを劣化させて伝送するというもの。Exif情報まで勝手に削除していたのだから驚きです。 当初、スマートフォン向けのゲーム「Angel Beats!-Operation Wars-」にエラーが発生した時、原因が不明だったのですが、ゲームの開発元が調査したところ、エラーの原因はSoftBankの行っている

(注：2017/04/20、いただいたフィードバックを元に翻訳を修正いたしました。修正内容については、 こちら を参照ください。) 要約 HTTP/2 にはHTTP/1.xに比べて多数の改良点がありますが、 カオステスト を行ったところ、HTTP/2のパフォーマンスがHTTP/1より劣る状況があることが分かりました。 ネットワーク上にパケット損失がある場合、TCP層での輻輳制御によって、少数のTCPコネクションの中に多重化されているHTTP/2ストリームがスロットリングされます。さらに、TCPリトライのロジックにより、リトライが行われている間、1つのTCPコネクションに影響しているパケット損失が、いくつかのHTTP/2ストリームに同時に強い影響を与えます。言い換えれば、ヘッドオブラインブロッキングが事実上、ネットワーク階層の レイヤ7 から レイヤ4 へ移動したということです。 背景とサー

開発中のサービスに Heroku を採用した経緯を社内で周知するために書いた文章なんですが、ついでに Qiita にも貼っておきます（ちなみに Heroku の回し者ではないので悪しからず）。 従来、Heroku は日本で使うにはレイテンシの問題で本番環境での利用が避けられることが多かった これは Heroku の Common Runtime には Tokyo region がなく US 等のサーバーと通信するとレイテンシが大きいため1 実際、Wantedly 社なんかもレイテンシを理由に Heroku から AWS に移行している だが、Service Worker の先読みと Fastly（のような instant purge 可能な CDN）の登場により、このレイテンシの影響は極小化された のではないか 多くのリクエストは Fastly のエッジサーバー からレスポンスを返せるはず

at DevSumi 2018

みなさんこんにちは、LINEのサーバーサイドエンジニアの長谷部です。普段は、最近でいうとLINE Login や LINE Customer Connect などの開発を担当しています。 2018年の年始に LINEのお年玉 というイベントを実施し、その開発を担当しました。今回の記事では、LINEのお年玉のアーキテクチャの紹介や、当日実際に発生した問題(サービス過負荷起因のkafka consumer遅延)などの振り返りについて書こうと思います。 LINEのお年玉とは お年玉イベント期間中に、お年玉とLINEスタンプをセットで「お年玉つきスタンプ」として販売しました。対象スタンプを購入したユーザーさんは、スタンプ購入数 x 10個 のお年玉が付与されます。 こういったメッセージが受信されます ユーザーは自分がもっているお年玉を友だちに直接送ったりグループに送信することができ、お年玉を受け取

PageSpeed Insights について コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 PageSpeed Insights では、モバイル端末やパソコン向けのページの実際のパフォーマンスに関するレポートと、そうしたページの改善方法を確認できます。 速度スコア PageSpeed Insights では Chrome ユーザー エクスペリエンス レポート（CrUX）のデータを組み入れて、ページに関する実際のパフォーマンス データを表示します。PSI レポートで確認できる指標は First Contentful Paint（FCP）と DOMContentLoaded（DCL）の 2 つです。 各指標（FCP または DCL）の中央値が、CrUX レポートでモニタリングされる全ページと比較されます。分布内での位置に応じて、各指標には次のようにカテゴリ

Webサイトの表示速度やリンク切れなどを1クリックで包括チェック！誰でも簡単にサイトクオリティを確認できる「WW checker（ダブダブチェッカー）」β版の提供を開始β期間中は全機能を無料提供 ファンタラクティブ株式会社（本社：東京都渋谷区、代表取締役：井村圭介）は誰でも簡単にWebサイトのクオリティをチェックできるサービス「WW checker（ダブダブチェッカー）」のβ版提供を開始いたしました。β期間中は全機能を無料で提供します。 サービスURL：https://checker.webworkflow.jp/ ■サービス概要 WW checkerは登録したWebページの内容を自動で解析し、サイト制作時に汎用的にチェックするリンク切れやSNSのシェア設定など、確認が必要な項目についてエラーや記述の抜け漏れがないかを1クリックで簡単にチェックできるサービスです。 コーディングを行うエンジ

[レベル: 中級] PageSpeed Insights は、Google が提供するウェブページのパフォーマンスを測定し、改善点を提案するツールです。 この PageSpeed Insights が、より実際に近い状況での測定結果をレポートするようになりました。 実際のデータに基づき、FCP と DCL をレポート 改良版の PageSpeed Insights (以下、PSI) は、 Chrome ユーザー エクスペリエンス レポートのデータを基にして、ページに関する実際のパフォーマンス データを計測します。 Chrome ユーザー エクスペリエンス レポートとは、Chrome の実際のユーザーから取得されたデータに基づくレポートです。 First Contentful Paint（FCP）と DOMContentLoaded（DCL）の2つの指標が PSI に新たに加わりました。 F

「最近のWebパフォーマンス改善について知っておきたいコト」についてあほむに聞いてきた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、いろいろ伺ったものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、株式会社サイバーエージェントにお勤めの佐藤歩さんです（ネット上では「あほむ」「ahomu」のIDで有名）。 （プロフィールはこちら） あほむさんのセッションは「最近のWebパフォーマンス改善について知っておきたいコト」（ホール 13:20-14:00）です。 （現在HTML5 Conference 2017は定員オー

Google、TCPのスループットとレイテンシを改善する輻輳制御アルゴリズム「TCP BBR」をGoogle Cloudで利用開始 Googleは、同社が開発したTCPの輻輳制御アルゴリズム「TCP BBR」をGoogle Cloud Platformで利用可能にしたと発表しました。 インターネットにおける通信にはTCPを用いる場合とUDPを用いる場合に分かれますが、BBRはTCPにおける輻輳制御アルゴリズムを改善したもの。すでにGoogleはTCP BBRをYouTubeのネットワークで利用しており、従来のパケットロスをベースにした輻輳制御アルゴリズムであるCUBICを用いた場合と比較して、スループットが平均で4％、最大で14％以上改善したことを明らかにしています。 TCP BBRは現在の高速なネットワークに適した輻輳制御アルゴリズム TCP BBRのBBRは「Bottleneck Ba

There has been a lot of bad news about social media startups lately. Multiple companies, including Twitter alternative Post News, and IRL have shut down. And ShareChat’s valuation has dropped…

名古屋マークアップ勉強会 The Final https://758markup.doorkeeper.jp/events/57811 で使用したスライドです。本編20分。

[レベル: 上級] Twitterのモバイル向けサイトが PWA（プログレッシブ ウェブ アプリ）に対応しました。 ブラウザからの利用でも、あたかもアプリからのような使い勝手を実現しています。 アプリのように使えて、軽快な Twitter Lite PWA 版の Twitter モバイルサイト は “Twitter Lite“（ツイッター ライト）と名付けられています。 ただし、lite（”軽い”の意）といっても、通常のウェブ版やアプリと比べると機能が絞られた限定版という意味ではなく、”軽快”に使えるという意味が込められています。 僕は、スマホからの Twitter には純正アプリ（とサードパーティ製アプリ）を使っていましたが、PWA 版の Twitter Lite を数日使ってみて乗り換えました。 アプリに遜色ない使い勝手です。 アプリに引けを取らない Twitter Lite PWA

SEC Journal48号で2016年後半の情報システム障害状況まとめが公開されたので読んでみる記事。いろいろあってすでに2017年も4分の1が過ぎてしまったので今更感もあるのだけれど。 過去に書いた関連記事は以下の通り。 情報システムの障害状況ウォッチ（2016年前半） - 勘と経験と読経 情報システムの障害状況ウォッチ（2015年後半）、ポストモーテム - 勘と経験と読経 情報システムの障害状況（2015年前半）あるいは検死解剖 - 勘と経験と読経 SEC Journal最新号の入手はこちらから。 最新号とバックナンバー：IPA 独立行政法人 情報処理推進機構 情報システムの障害状況ウォッチ（2016年後半） 詳細はSEC Journalを確認いただくとして、掲載されているトラブル事例をいつもどおりニュース記事などとザックリ照らし合わせてみた。例によって調べているとお腹が痛くなる事案

Inside Frontend #1での発表内容です。 - [アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~](https://developers.cyberagent.co.jp/blog/archives/636/) - [アメブロ2016 ~…

[レベル: 中級] AMP プロジェクトは、AMP HTML で構成したウェブサイトを簡単に作成するためのテンプレートの提供を始めました。 AMP Start という名称のサイトで公開しています。 まずは2種類のテンプレートを配布 AMP Start で公開されているテンプレートを使えば、AMP に対応したサイトをゼロから構築する必要はありません。 テンプレートはデザイン的に洗練されており、たいていのサイトに必要な要素を備えています。 現在公開されているテンプレートは、次の2種類です。 記事用 ブログ用 記事もブログも大差ないように思いますが、ナビゲーションメニューやソーシャルボタンなどの要素に多少の違いがあります。 “COMING SOON”とあるので、もう1種類のテンプレートが近々公開されると思われます。 RWD + AMP HTML どちらのテンプレートも、レスポンシブ ウェブ デザ