『アメブロのAMPを終了します』
アメーバスタッフブログでも記載させていただいた通り、11/15より順次アメブロのAMP対応を終了させることになりました。 なぜAMPをやめるのか？2016年の3月にアメブロはAMP対応をスタートさせていました。 （当時のブログ記事はこちら） そこから5年以上AMPを採用し、モバイルの検索結果からはAMPキャッシュに飛ぶようになっていました。 Googleの検索結果からはGoogleのキャッシュに移動するわけで、当然体感速度としては良好なものであったと思います。 「それなのになぜやめるのか？」 ですが、基本的にはビジネス的な問題となります。 ウェブ界の状況、社会状況等々によっての総合的な判断ということになります。 検索結果がクリックされた際にGoogleのキャッシュが表示されるという点では、CDNのコスト削減等はあるのですが、それでもやはりトータルで考えたときに今回はAMPを終了させるという
GmailやOutlook、「AMP for Email」のプレビュー開始 メールをよりインタラクティブに
GmailやOutlook、「AMP for Email」のプレビュー開始 メールをよりインタラクティブに 米Googleは3月26日（現地時間）、モバイルネット高速化イニシアチブ「AMP（Accelerated Mobile Pages）」の下で取り組んできた「AMP for Email」のβプログラムを開始すると発表した。米Microsoftも同日、Outlook.comでAMP for Emailのプレビューを開始すると発表した。この他、米Verizonが運営するYahoo Mail、ロシアのMail.ruもサポートを開始した。 AMPは、2015年にGoogleがTwitterなどと共に立ち上げた、モバイルWebの性能向上を目的とるオープンソースイニシアチブ。AMP for Emailは、文字通りメールサービスのためのAMPで、これを採用することにより、メールをよりインタラクティブ
Authenticating requests in AMP for Email | Gmail | Google for Developers
Send feedback Authenticating requests in AMP for Email Stay organized with collections Save and categorize content based on your preferences. Dynamic personalized email content often requires authenticating the user. However, to protect user data all HTTP requests made from inside AMP emails within Gmail are proxied and stripped of cookies. To authenticate requests made from AMP emails, you may us
一休.comにおけるAMP導入と今について - 一休.com Developers Blog
本記事は、一休.com Advent Calendar 2018の16日目の記事です。 qiita.com デジタルマーケティング部で主に宿泊サイトを担当している田中(id:yakisoba6318)です。 今回は今年2月に導入したAMPについて導入時と今について紹介したいと思います。 内容に関しては主に宿泊サイトの話となります。 AMPとは？ AMPとは、Accelerated Mobile Pages （アクセラレイティッド・モバイル・ページ）と言い、主にGoogleが提唱しているモバイルウェブ高速化を目的としたプロジェクトです。 ここではそのAMPプロジェクトのオープンソースフレームワーク（AMP HTML）を指してAMPと言います。 www.ampproject.org 一休.comにおけるAMP導入動機 ランディングページのスピード改善 速度改善による流入の増加 ユーザ体験向上
Optimized Server-Side Web Application In 2018 | CyberAgent Developers Blog
こんにちは、フロントエンドエンジニアの原(@herablog)です。今日はアメーバニュースモバイル版(モバイル端末でご覧ください)のリニューアルをご紹介したいと思います。 労力と効果 Webがサービスとして利用されるようになってから、長い月日を経てさまざまな構成パターンやライブラリ・フレームワークが生み出されました。今では作りたいものはなんでも作れるといっても過言ではないでしょう(いや、やっぱり大げさかもしれません)。そんな中で我々は労力に対して効果がより得られるポイントを探り出す必要があります。今回のアメーバニュースモバイル版のリニューアルでは、そのような考えから始めてみました。 エンジニアを褒めるネコ、いつもありがたく使わせていただいております。 サイトの前提条件 どのような構成のWebサイトにするかを選択する上では、前提条件を確認・定義することが大切です。それによって選択される結果は
Improving URLs for AMP pages
TL;DR: We are making changes to how AMP works in platforms such as Google Search that will enable linked pages to appear under publishers’ URLs instead of the google.com/amp URL space while maintaining the performance and privacy benefits of AMP Cache serving. When we first launched AMP in Google Search we made a big trade-off: to achieve the user experience that users were telling us that they wa
AMPのカレンダー | Advent Calendar 2016 - Qiita
URLYou can post either your article on Qiita or your blog post. About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
Googleの検索結果にampがどんどん侵食してきている実例とビッグワードでのワンチャンあるよって話
この記事には広告を含む場合があります。 記事内で紹介する商品の購入やアプリをダウンロードすることで、当サイトに売り上げの一部が還元されることがあります。 ブログをやっている皆様、amp対応していますか？ ▼ ampって何？おいしいの？って人はこちらをどうぞ。 はてなブログのAMP対応に伸るか反るか ampだとアドセンスが表示されない（やる方法あるという噂もあるけど僕はできませんでした。誰か教えて）ので対応させたくないっていう人もいると思います。 僕の場合は「いろいろ問題あるけど100%やるべき」っていうのが主張なんですけど、最近アナリティクスとか見ているとなおのことやるべきだなと思っています。 今日はその辺を実例を交えつつ書いていこうかなと。 amp対応しておけばとんでもないビッグワードで上位表示できる可能性がグンと上がるよ ampをやるべきと僕が主張していた一番大きな理由は「検索結果のか
はてなブログのAMP対応で学ぶウェブサービスのAMP対応 - hitode909の日記
プレゼンモード 再生 ← / →で移動 fでフルスクリーン escでおわる こんにちは，id:hitode909です．このあと14時から品川のマイクロソフト様のオフィスでおこなわれている，YAP(PはパチモンのP)Cで発表します． この記事では，発表資料を公開いたします．現地の方は今すぐCルームに来てください．そうでないかたは懇親会でお会いしましょう． はてなブログのトピックもあるようです． トピック「YAPC」 #yapc8ojic のツイート はてなブログのAMP対応で学ぶウェブサービスのAMP対応 2016/07/03 YAP(achimon)C::Asia Hachioji 2016 mid in Shinagawa hitode909 自己紹介 id:hitode909 @hitode909 京都から来ました はてなではてなブログを作っている 自己紹介 YAPC 2015でベスト
アメブロにおける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ページを作り、配信できる手法を提供して
『AMPを導入してどうだったのか？』
アメブロがAMP対応してからしばらくが経ちました。 今回はその"AMP"に対応した結果どうなったのか？ という、効果について簡単に書きたいと思います。 ここ最近ブロガーさん向けの記事が多かったので、今日は珍しくSEOネタっぽいやつです。 さて、アメブロでは3/10より順次AMP対応しています。 スマートフォンでGoogle検索をした際に、 このような表示がされることがあります。 これは実際に「ユニクロ」で検索した結果の一部です。 このマーク が表示されているものはAMP対応となり、 このように簡易的なページが表示されます。 AMPページはGoogleからの検索の場合はGoogle側にキャッシュされる形になることもあり、 いろいろな制約があります。 例えば、 ・広告の掲載に制約がある ・画像の使い方に規則がある ・使えるHTMLタグに制約がある などです。 HTMLタグなどは、AMPページを
Feature Policy、ブラウザの特定機能を無効にする仕様 - ASnoKaze blog
W3CでFeature Policyという仕様が議論されています。仕様は著者であるGoogleのIlya Grigorik氏のリポジトリ(URL)より確認できます。 このドキュメントはまだW3C公式のドキュメントとはなってはいませんが、先月行われたFace-to-Faceのミーティングでも議論がされています(議事録) Feature Policy セキュリティやパフォーマンスの観点で、Webデベロッパーがブラウザの特定のAPI（機能）を無効にしたい場合もあります。 そこで、 Feature-Policyヘッダを用いて以下のようにブラウザの機能を制限できるようにするのがこの仕様です。 また、このFeature-Policyヘッダは現在IETFで議論が行われている"A JSON Encoding for HTTP Header Field Values"(URL)というHTTPヘッダ値にjso
Google AMP Cache | Google for Developers
Stay organized with collections Save and categorize content based on your preferences. The Google AMP Cache is a cache of validated AMP documents published to the web that is available for anyone to use. Google products, including Google Search, serve valid AMP documents and their resources from the cache to provide a fast user experience across the mobile web.
AMP and the Sandbox Policy - Paul Bakaus' blog
A few weeks ago, I imagined how a Life After AMP could look like, and discussed how AMP isn’t a broad solution for all types of websites yet, plus offered my thoughts on Tim Kadlec’s and Yoav Weiss’ proposal for a Content Performance Policy. Most of all, I pondered whether we might need a standard that’s more generic than the proposed CPP, something like User Experience Interventions. Shortly afte
Proposal: Sandbox Policy
TL;DR: The existing HTML spec provides sandboxing capability that restricts abilities of iframed content. We would like to propose extending this: Allow the policy to be applied to the top-level document with granular opt-in Allow the top-level policy set in (1) to propagate to subframes Allow the policy to run in report-only and enforce+report modes Extend existing sandbox flags with additional r
JSON-LD と Open Graph で構造化メタデータ対応 | blog.jxck.io
Intro 本サイトのメタ情報を整理するため、 HTML のメタタグの整理、 JSON-LD による schema.org 対応、 Facebook, Twitter を主とした Open Graph 対応を実施した。 これにより、既に AMP 対応していた本サイトが、 Google のモバイル検索でキャッシュの対象となる(クロール待ち)。 Meta Tag まず HTML の仕様に従い、基本的なメタ情報を <meta> により定義した。 https://dev.w3.org/html5/spec-preview/the-meta-element.html 各要素は、テンプレート生成時に利用した値を埋め込んでいるため、 本サイトの Atom RSS-feed などと同じ値である。 <meta name=author content=Jxck> <meta name=description
Accelerated Mobile Pages プロジェクトについて -- 導入ガイド日本語版を本日公開しました
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AMP for Email 形式
AMP Email
WorkerDOM: Concurrency for JavaScript programming with the DOM
