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

実ユーザデータで配信品質を分析 2018年1月11日 著者: 竹洞 陽一郎 大きく様変わりしたGoogle PageSpeed Insights 2018年1月9日、Googleは、PageSpeed Insightsの大幅な改変をブログで発表しました。 ("Real-world data in PageSpeed Insights") 従来、Google PageSpeed Insightsは、ベストプラクティスの適合度でのスコアリングツールで、実際の表示速度では判定はしていませんでした。 この1月の改変で、Google PageSpeed Insightsは、Chromeを使っているユーザの閲覧時のデータを利用し、表示速度の統計分析を提示するようになったのです。 しかし、判定が出るサイトと判定が出ないサイトがあります。 それはどうしてでしょうか？ この新しい仕組みの背景を理解すると、そ

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

2017 年は個人的にも会社的にも飛躍の年になりました。これも皆様に支えられてのことかと感じています。仕事は主に Angular の導入支援や開発、教育などを柱に Web 全般を行いました。当然一人では出来ないので 「仲間（メンバー）」の力を借りて何とか年を越したという感じがします。 良かったこと エンジニアとして育ってきた環境は違うけど、方向性が同じように感じるメンバーと仕事が出来ている メンバー教育に力を入れることができた Microsoft MVP に成れた Angular を主題とした登壇が多くできた SIer 系企業で Angular が流行りだしている（ように感じます） 皆様に支えられて仕事が頂けている 悪かったこと 勝ち戦に負ける振る舞いに結果的になった コードを書く時間が減った（コードレビューばかりしている） ぷるりく減った ブログを書く量が減った 経費が増えた ヤケ酒が増

難しい話じゃないです。 皆さん、ご自分でChrome Developer Toolで簡単に確認できますから、やってみて下さい。 このブログでも、過去に統計分析をした結果は掲載したんですが、「盲信」はそうそう簡単には消えないようでして… takehora.hatenadiary.jp takehora.hatenadiary.jp 以下の図は、Chrome 63.0.3239.108での結果です。 CDNにFastlyでもAWS CloudFrontでも、どのCDNを使って実験して頂いても結構です。 CDNを使わずに、Webサーバ単体でも結構です。 同様の結果になります。 どちらもHTTPS通信です。 どちらも同じオリジン、同じファイル構成です。 HTTP/1.1は、Keep-Alive設定が入っています。 HTTP/1.1での配信 … Load Event 70ms HTTP/2での配信

Spelldata、中国市場向けのWebサイトを展開する日本企業向けに中国政府認可CDNのChinaCacheのサービスを提供開始中国国内に静的・動的、双方のWebページのコンテンツを高速配信 Webサイトの品質の分析・評価・改善のリーディングカンパニー、株式会社Spelldata（本社: 東京都千代田区、代表取締役: 竹洞陽一郎）は、2017年12月21日より、中国政府認可CDNであるChinaCacheと代理店契約を締結しサービスの提供を開始します。 ChinaCacheは、1998年設立のCDNで、中国国内で最初のInternet Exchangeを構築した実績を持ち、中国国内の120以上の主要都市に、500台以上のサービスノードを展開しており、北京に最大のデータセンターを有しています。 また、中国国内だけでなく、北米、ヨーロッパ、日本国内でも展開し、グローバルCDNとしてサービスを

株式会社Spelldata 代表取締役 竹洞陽一郎氏 Amazonでは表示が1 秒遅くなると売り上げが10%下がると言われている。表示速度は速いに越したことはないと思いつつ、その改善に本腰を入れる日本企業はごくわずかだ。そういった日本のECサイトに向けて、サイト高速化の旗振り役を担っている株式会社Spelldataの代表取締役 竹洞陽一郎氏。表示速度が遅いことの問題は具体的にどこにあるのか？突撃取材で浮き彫りにする。 Googleも提唱するスピード改善。自社サイトの表示速度を把握していますか？Amazon、eBay、Walmart、BestBuy……。欧米ECサイトのほとんどが24時間365日のサイト表示速度計測を行っていることをご存知だろうか。そして、そのWebパフォーマンス計測サービスの市場規模は、米国の調査会社Markets and Marketsによると、2016年で1100億円市