タグ

2016年6月25日のブックマーク (7件)

  • How AMP works

    How AMP works The following optimizations combined are the reason AMP pages are so fast they appear to load instantly. There are 7 reasons in total - but if that’s still too much to read, simply watch the explainer video: Execute all AMP JavaScript asynchronously JavaScript is powerful, it can modify just about every aspect of the page, but it can also block DOM construction and delay page renderi

    How AMP works
    kyaido
    kyaido 2016/06/25
  • キャンペーン用トラッキングパラメータ付きURLを、HTML5のreplaceStateで美しくスッキリさせてみた | 初代編集長ブログ―安田英久

    今日は、キャンペーン用のトラッキングパラメータ(utm_sourceとかutm_mediumとか)付きの汚いURLをスッキリさせるのに、HTML5のHistory APIで提供されているreplaceStateを使う、美しい方法を紹介します。 キャンペーンの効果測定を適切に行い、さらに、ソーシャルを通じた拡散の効果を高め、ユーザーにも優しい、良い仕組みを作るために、サイトを管理するWeb担当者さんと、集客を増やすマーケ担当者さんが、力を合わせる仕組みです。 マーケ側が効果測定したいというニーズは当然。それに対してWeb担当側は、そのニーズを満たしつつも、ユーザーに対しても良い形で、かつオウンドメディアの効果を最大化できる美しい実装をしていけるのがいいですよね。 以前に、「長くて汚いutm_*パラメータ付きURLをキレイにするGoogle Analytics用の少しマニアックなスクリプト」と

    キャンペーン用トラッキングパラメータ付きURLを、HTML5のreplaceStateで美しくスッキリさせてみた | 初代編集長ブログ―安田英久
    kyaido
    kyaido 2016/06/25
  • HTTP/1.1とHTTP/2を比較する ― 第一回「HTTP vs HTTPS Test」 編 - Webパフォーマンスについて

    HTTP vs HTTPS(www.httpvshttps.com) 実はこの記事は、2014年12月に書いておいたものです。計測データを新しくして、修正してあります。 海外でも日でも、このHTTP vs HTTPS Testが公開された当初は、テストとしてどうなの?という、「適正さ」が問題視されたので、「まぁ、いいか」、と思って公開しなかったのです。 よくwww.httpvshttps.comがSSLの高速化の証拠として挙げられているので、ちゃんと公開しておこうと思いました。 このサイトが、太文字で書いて以下のように主張しています。 Encrypted Websites Protect Our Privacy and are Significantly Faster (暗号化されたWebサイトは、我々のプライバシーを守り、且つ、有意により速い) しかし、注釈が付いていて、このように書い

    HTTP/1.1とHTTP/2を比較する ― 第一回「HTTP vs HTTPS Test」 編 - Webパフォーマンスについて
    kyaido
    kyaido 2016/06/25
  • アメブロにおけるAMP|Technical Creator Hub

    原 一成 2008年に入社し、アメーバブログ、アメーバピグ、アメーバスマホなどのフロントエンドを担当。近年はサーバーサイド・クライアントサイド両方の実装をしている。著書に「フロントエンドエンジニア育成読」「Web制作者のためのGitHubの教科書」など。 2016年2月、Webページの高速表示を目的としたAccelerated Mobile Pages (AMP) がGoogle検索結果に表示され始めました。アメブロは国内のブログで非常にはやく(おそらく最速)でAMP対応をしました。記事では、そのアメブロでのAMP対応についてお伝えします。 AMPとは AMPは、Accelerated Mobile Pagesの略で、Google, Twitterが始めた、Webの高速化プロジェクトです。近年増加の一途をたどるモバイル向けに、より最適化されたWebページを作り、配信できる手法を提供して

    kyaido
    kyaido 2016/06/25
  • 上司は答えを持っていない 物事を上手に前に進めるには:日経xwoman

    あらかじめロードマップを描いておく チームで仕事をする以上、いろんな人から様々な意見が挙がってきます。異なる意見をどうまとめ、自分の思うような方向に持って行くか。プロジェクトマネージャーの腕の見せ所です。常に意識しているのは、“自分の中でベストな答えを持った上で物事を進めていく”ということです。どっちの方向に行きたいのか、ゴールへ道筋をイメージした「ロードマップ」をあらかじめ描いておきます。 意見をまとめていく過程では、「どうしますか?」とは聞きません。スピーディーに意志決定をしていかなくてはいけないなかで、全員の意見をすり合わせていては疲れるだけで前に進まない。でも、“このサービスを良くしたい”というポジティブな意識はみんな同じですから、どこかに納得しあえるポイントが必ずあるはずです。そこを探りながら、「じゃあこうしませんか?」と提案したり、「私はこれがベストだと思うのですが、意見があれ

    上司は答えを持っていない 物事を上手に前に進めるには:日経xwoman
    kyaido
    kyaido 2016/06/25
  • あの「HG創英角ポップ体」の元となった直筆生原稿を見た

    まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう?

    あの「HG創英角ポップ体」の元となった直筆生原稿を見た
    kyaido
    kyaido 2016/06/25
  • イギリスがEU離脱した理由

    イギリスがEU離脱した理由 Why UK left EU 2016.06.24 Updated by Mayumi Tanimoto on June 24, 2016, 13:38 pm JST イギリスのEU離脱を問う国民投票の結果、イギリスがEUを離脱することになりました。TwitterやメルマガでイギリスのEU離脱については書いてきましたが、残留予測の人が多かったにも関わらず、なぜイギリス有権者が離脱を選択したのかを疑問に思う方も多いでしょう。離脱の理由は、ヨーロッパを理解する上で、テック業界の方にも重要な事だと思いますので、以下まとめました そもそもEUってなによ? ところでなぜイギリスが離脱したかを理解するには、そもそもEUとは何かを理解する必要があります。 EUというのは欧州連合(European Union)のことです。地域統合体と呼ばれる組織で、主権(自分で自分の国のことを

    イギリスがEU離脱した理由
    kyaido
    kyaido 2016/06/25