2018年も、残り一カ月となりました。 WebパフォーマンスのAdventカレンダーを今年も開催したので、その初日のエントリーとして（遅れているものの）、今年のWebパフォーマンスを振り返ります。 ベアメタル回帰 今年のWeb（に限らず）パフォーマンスで特徴的だったのは、ベアメタルへの回帰でしょう。 IT業界が長い方はご存じだとは思いますが、集中と分散、仮想と物理のサイクルは繰り返されて来ました。 今後も繰り返されるでしょう。 仮想化技術の宿命 クラウドコンピューティングの基礎となっているのは、仮想化技術です。 AWSをはじめとして、多くのクラウドコンピューティングのプラットフォームを提供している事業者は、コンピューティングリソース（計算能力）を塊として扱い、それを物理の枠を超えて、論理の単位で切り出す方法として、各種ハイパーバイザーをベースにした仮想化技術を用いています。 仮想化技術は、

品質保証はDevOpsの三本柱の一つです。 システム品質にはVerification&Validationという概念があります。 Webパフォーマンスは、セキュリティ、アクセシビリティと、Webサイトの大事な三つの品質の一つで、Validationに該当します。 Webパフォーマンス計測は、DevOps ToolchainのMonitor(監視)に該当します。 Webパフォーマンスについて、幅広くネタを集めております。 ミリ秒単位のミクロな改善 秒単位のマクロな改善 HTMLコーディング CSSコーディング 各種計測手法 ハードウェア論 ソフトウェア論 設計手法論 評価手法 CDN フロントエンド最適化サービス WordPressやDrupalのようなCMS専用高速化仮想マシンのようなもの 高速VPSサービス 第二世代クラウドコンピューティング（ベアメタル化） 第一世代クラウドコンピューテ

SEO会社・SEO業者の評判は、変わらず最悪です。 私はSEOの専門家として仕事をしていますがまっとうなサービスを提供しているつもりです。独立後7年になりますがお客さまから解約を希望された事は2度しかありません。しかし初対面の方にSEOとして自己紹介すると悪質業者のように扱われることも多いです。それは悲しいとは思いますが「当然」とも感じています。 「当然」といいますか、望ましい事というのが正しいでしょう。いまのSEO会社は悪質な会社の比率が高いままです。SEO会社ガチャを引いても良い会社をひく確率はSSRを引くような確率。SEO会社とみたらまずは疑ってかかるのが正解です。この状況はもう十年以上続いていますし、これからも続くでしょう。 このような状況にどう向き合うべきでしょうか？ 少しでも被害者を減らせればと思いまして、この記事では微妙なSEO会社の事例をご紹介します。 (注:弊社では現在十

ソフトウェア工学で著名なロバート・C・パイク氏のCプログラミングに関する覚書というものがあります。 ルール1: プログラムがどこで時間を消費することになるか知ることはできない。ボトルネックは驚くべき箇所で起こるものである。したがって、どこがボトルネックなのかをはっきりさせるまでは、推測を行ったり、スピードハックをしてはならない。 ルール2: 計測すべし。計測するまでは速度のための調整をしてはならない。コードの一部が残りを圧倒しないのであれば、なおさらである。 ルール3: 凝った(Fancy)アルゴリズムは nが小さいときには遅く、 nはしばしば小さい。凝ったアルゴリズムは大きな定数を持っている。nが頻繁に大きくなることがわかっていないなら、凝ってはいけない（nが大きくなるときでさえ、ルール2が最初に適用される）。 ルール4: 凝ったアルゴリズムはシンプルなそれよりバグを含みやすく、実装する

今回は高速化手段の一つとして注目されているHTTP/2に関して、主な特徴HTTP/1.1との違いなどを紹介したいと思います。HTTP/2はHTTP/1.1と比べ様々な最適化がされています。 HTTP/2とはSPDYというプロトコルをご存じでしょうか。SPDYは2009年頃米GoogleによるWeb高速化の取り組みの一環から誕生しました。SPDYは従来から利用されているHTTPと互換性を保ちながらセッション層を効率化するプロトコルで、既にTwitterやFacebook、一部大手サイトなどが取り入れるようになりました。 HTTP/2はこのSPDYの進化版という位置づけで２０１５年５月にIETF（Internet Engineering Task Force）によって仕様の策定が進められ、RFC化を果たしました。そのためHTTP/2は従来のHTTPと互換性を保ちながら内部的な効率化がされていま

意外と認知されていない民法債権法改正あなたは、民法債権法が改正されて、2020年4月1日より施行となる事をご存じですか？ いくつか重要な大きな、契約書を作成する際の変更点が盛り込まれています。 Web担当者の方にとって、最も影響があるのは、売主や受託者の責任が、瑕疵担保責任から契約内容適合責任へと変わる点です。 ITプロセスコンサルタントの細川義洋さんが2016年に真っ先にこの件について記事を書かれました。 民法改正で変わるITの請負開発 ソフトウェア開発やSIの分野では、それなりに認識が浸透しつつあるように思います。 「IT システム開発 民法改正」で検索すると、様々な法律事務所がセミナーを開催したり、本を出しています。 しかし、Webサイトに関してはどうでしょうか？ 残念ながら、弊社のブログページのみです。 発注者側である事業会社、受注者側であるWeb制作会社の皆さんとお話していても、

Webパフォーマンスとは皆さんは、Webパフォーマンスという言葉をお聞きになった事がありますか？ 昨今は、Webパフォーマンスより、Webの表示速度という言葉の方を耳にされる事が多いかもしれません。 しかし、グローバルでは、「Web Perfromance」と呼称されているので、是非、日本のWeb担当者の皆様も、「Webパフォーマンス」で呼び方を統一して頂けると幸いです。 Webパフォーマンスとは、2006年ぐらいまでは、Webページを構成するファイル群を全てダウンロードし切るまでの時間を指していました。 きっと、「4秒ルール」「3秒ルール」という言葉を聞いたことがあると思います。 これが、2010年ぐらいから、表示開始時間と表示完了時間へと変わりました。 表示開始時間表示開始時間とは、Render Start(レンダリング開始)と同意義です。Webブラウザ上で最初の1ピクセルが表示された

高速、堅牢、安全なエンタープライズ向けDNS 2018年6月20日 Webサイトの品質の計測・分析・改善のリーディングカンパニー、株式会社Spelldata（本社:東京都千代田区、代表取締役　竹洞陽一郎）は、オラクル・コーポレーションとOracle Partner Network契約を締結し、2018年6月20日より日本のエンタープライズ向けにOracle Managed DNSサービスとWebパフォーマンスのコンサルティングサービスの販売を開始しました。 Spelldataは、今までWebパフォーマンス計測サービスのCatchpointと販売代理店契約を結び、Webパフォーマンス計測サービスや、Webパフォーマンス改善のサービスを提供して参りましたが、全てのオンラインサービスの起点となるDNSのサービスを拡充する事で、Webパフォーマンスとサービスの稼働状況監視のノウハウを活かしたDNS

先日、「持ち家がいいの？賃貸がいいの？」と聞かれたので、その時に答えた内容を書いてみようと思います。 答え：物件による 様々な前提条件について検証し、導き出した答えがこれでした。「いままで家賃を払ってたのがほんとにバカらしかった！」と実感するような持ち家もあれば、「なんでそんな物件を買ったの？賃貸で十分じゃない」という物件もあります。もちろん、買う人の属性によって最適な物件というのは大きく変わるのですが、結論は『物件による』これにつきます。 とはいえ、これだけでは身も蓋もないので、もうちょっと突っ込んで解説しようと思います。 一般的な「持ち家」VS「賃貸」の対立ポイント 代表的なところとしては上記のような感じでしょうか？これだけみれば「ライフスタイル」や「価値観」が大きく左右するような気がします。が、本当にそうでしょうか？ 賃貸で住んではいけない物件 一言でいうと「身の丈に合わない物件」で

アメリカンフットボールの定期戦での悪質な反則行為で、関学大の選手を負傷させた日大の宮川泰介選手（２０）が２２日、選手個人で開いた会見を受け、日大広報部が文書でコメントを発表した。内容は以下の通り（原文まま）。 ◇　　　◇　　　◇ 本日、本学アメリカンフットボール部の宮川泰介選手が、関西学院大学フットボール部との定期戦でルール違反のタックルをし、相手選手にけがを負わせた件につきまして、心境を吐露する会見を行いました。厳しい状況にありながら、あえて会見を行われた気持ちを察するに、心痛む思いです。本学といたしまして、大変申し訳なく思います。 会見全体において、監督が違反プレーを指示したという発言はありませんでしたが、コーチから「１プレー目で（相手の）ＱＢをつぶせ」という言葉があったということは事実です。ただ、これは本学フットボール部においてゲーム前によく使う言葉で、「最初のプレーから思い切って当

コードとヘッダ、Webページを動かす二つの歯車 2018年5月22日 著者: Kameerath Kareem 翻訳: 小川 純平 この記事は米Catchpoint Systems社のブログ記事 Web Performance 101: HTTP Headers Pt. 2の翻訳です。 Spelldataは、Catchpointの日本代理店です。 この記事は、Catchpoint Systemsの許可を得て、翻訳しています。 前回の記事では、基本的なHTTPヘッダについて、それらがどのように実装されているかについて、確認しました。 ヘッダはページのパフォーマンスに様々な形で影響しますが、デジタル体験に対して良くも悪くも影響する、3つの要素があります。 キャッシュ 圧縮 セキュリティ この記事では、Webサイトパフォーマンスの最適化にあたり、ヘッダがどのような効果があるかお話します。 ここで

パフォーマンス改善の第一歩 2018年4月9日 著者: Kameerath Kareem 翻訳: 小川 純平 この記事は米Catchpoint Systems社のブログ記事 Web Performance 101: Page Size Metrics (Total Downloaded Bytes)の翻訳です。 Spelldataは、Catchpointの日本代理店です。 この記事は、Catchpoint Systemsの許可を得て、翻訳しています。 このシリーズでは、最も重要なパフォーマンス指標の中から、いくつかご紹介していく予定です。 リアルタイムデータを解析し、パフォーマンスの高いWebサイトと低いサイトを比較していきます。 ベストプラクティスを詳しく解説し、デザインや内容に妥協することなくWebサイトを最適化したい方の一助としたいと思います。 (訳注: この記事は、一連の「Webパ

ヘッダでページの細かなチューニングを 2018年4月13日 著者: Kameerath Kareem 翻訳: 小川 純平 この記事は米Catchpoint Systems社のブログ記事 Web Performance 101: HTTP Headersの翻訳です。 Spelldataは、Catchpointの日本代理店です。 この記事は、Catchpoint Systemsの許可を得て、翻訳しています。 Hypertext Transfer Protocol (HTTP) は、Tim Berners-Leeによって、1991年に初めて導入されました。 最初のバージョンであるHTTP/0.9は、クライアント・サーバ間の、データ伝送の助けとなるように設計されました。 このプロトコルは、TCP接続において、リクエスト・レスポンスモデルで動作しますが、長年にわたって改善や機能拡張が行われ、進化して

PWAとかいうhtml5のリブランドが技術者界隈で騒いでるが、こんなの受け入れられないだろ。 PWAの実物見た？触った？？ instagramのPWAが最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、 オワコンであった。 ネイティブと見分けつかないんだったら本当にエンジニア辞めたほうがいいよ。 まず、タイムライン上で複数投稿があった時にスワイプで切り替えられない。 なんと左右をタップするのである。 HTMLを操作してる感満載のガクガクの感じ。 ユーザーってこういう些細なガクガクに敏感だよね。マーケット感ある人ならわかるよね。 そんでもってストーリーズ。 もう最低。 動画が自動再生しないの。止まるは止まるは。もう何なの？？？って感じ。 こんなの受け入れられないでしょ。 カメラは直接起動できないし、フィルターも少な

こんにちは。アソビュー株式会社でフロントエンドのテックリードをしている井上です。 先週会社の同僚と行ったボルダリングでダメージを受けた手にむち打ち、今日も狩りに出るためコントローラーを握りしめる日々です。 今回Webアプリケーションの表示速度高速化について書きたいと思います。 最近は特に日経電子版やdev.toなどの先端事例が話題になったり、SEO観点での重要性の高まりやPWA、AMPなど高速化にも関連する新しい技術や手法などWebサイトのパフォーマンスは注目度が高いトピックだと思います。 弊社でもUXやSEOの重要な要素として表示速度については目標値を設けて取り組んで行こうとしています。 直近数ヶ月でもasoview!のサイトを対象にいくつか取り組みをしたのでその内容について軽く触れられればと思います。 取り組む前の状況 私は昨年の11月にジョインしたのですが、弊社のビジネスの中心となっ

Mackerelユーザーの皆様、お待たせしました！　Mackerel で保持するメトリックについて、以下の大型アップデートを実施しました。 Standardプラン（これまで、メトリックの保持期間が【400日】だったプラン）のメトリック保持期間を【460日】に拡張しました。 これまでは【25時間】だった1分粒度のメトリックを確認できる期間が、【460日間】になりました。 機能実装タイミングの関係上、1分粒度のメトリックを確認できるのは 2017年12月1日 以降のデータとなります。 このリリースをみなさんにお伝えできることを、私もとても嬉しく思います。サーバー負荷のシーズナリティの確認、キャパシティプランニングへの活用などが、よりしやすくなります。ぜひご活用ください！ その他のアップデート内容は、以下の通りです。 オーガニゼーションに関連するメールを受け取るアドレスを設定できるようになりまし

徐々に明確になってきた中国の規制 2018年1月29日 著者: 竹洞 陽一郎 2017年11月27日付で、中華人民共和国工業情報化部(MIIT: Ministry of Industry and Information Technology)は、中国におけるインターネットでのビジネスに関する重要な通達を出しました。 通達264号(Circular 264)です。 この通達の施行は、2018年1月1日となります。 この通達は、製造業、越境ECサイト、ホテル・旅館等、中国向けにインターネット上でビジネスを行っているサイトに大きな影響を与えます。 ICPとは まず、中国向け配信で必須となる、ICP(Internet Content Provider)について理解する必要があります。 ICPとは、中国国内における、中国を拠点としたWebサイトを開設・配信に対する、中華人民共和国情報化部に対する許可

Linux初心者が、「概要はなんとなくわかった。では、早速Linuxを使ってみよう！」そう思ったとき、はじめに当たる難問は「どのディストリビューションを使えばいいのか？」だろう。 ディストリビューションとはLinuxの種類のことだ。Linuxはオープンソースということもあり、色々な種類のLinuxに分岐していった経緯がある。 このページでは初心者におすすめのLinuxディストリビューションを7つまとめている。２種類の目的に分けたので、どちらを優先させるかをまずは考えてほしい。 ディストリビューションを選ぶ際の参考にして頂ければ幸いだ。 Linuxディストリビューションについて前提知識 そもそもLinuxのディストリビューションとは？ ディストリビューションは英語でDistributionで、分布や流通を意味している。 もともとUnixを参考に作られたLinuxはオープンソース（コードの中が

重いサイト = 遅いサイト 2018年1月22日 著者: Kameerath Kareem 翻訳: 小川 純平 この記事は米Catchpoint Systems社のブログ記事 Web Performance 101: Page Size Optimizationの翻訳です。 Spelldataは、Catchpointの日本代理店です。 この記事は、Catchpointの許可を得て、翻訳しています。 Webパフォーマンスは本当に重要なのでしょうか? 本当に、Webサイトのパフォーマンスを最適化するための時間と労力に対して投資する必要があるのでしょうか? もしこれについて今も議論しているのであれば、真実を得るためのお手伝いを致しましょう。 Webサイトの最適化は直に速度・パフォーマンスを向上させ、それにより直帰率が低下し、コンバージョンが上昇します。 つまり、そうです、Webサイトの最適化は重

日経が推す各業界キーオピニオンリーダーたちの知見をシェアします。「書けば、つながる」をスローガンに、より多くのビジネスパーソンが発信し、つながり、ビジネスシーンを活性化する世界を創っていきたいと思います。 はじめての方へ→ https://bit.ly/2DZV0XM 【noteで投稿されている方へ】 #COMEMOがついた投稿を日々COMEMOスタッフが巡回し、良い投稿については、COMEMOマガジンや日経電子版でご紹介させていただきます。 https://bit.ly/2EbuxaF