Web Stories are a new, exciting medium for storytelling on the web powered by AMP. The format is based on the same concept as familiar Stories features in popular social networking apps but intended for more general purpose content from “how to apply lip gloss the right way” to a “travel guide through the Himalayas”. Importantly, Web Stories are just web pages. They have a URL on your web server,
As per the AMP AC charter, I have resigned with immediate effect. As I was a non-corporate representative, I will not be nominating a replacement. I have loved working with the AC. They are a team of brilliant individuals who are all committed to trying to make AMP better, and I'm sorry to leave them. I've been a member of the AC for a little over two years and now is the time to step away and let
This is the eighteenth post in an ongoing, regular series describing new and upcoming privacy features in Brave. This post describes work done by Privacy PM and Engineer Shivan Kaul Sahib. This post was written by Shivan Kaul Sahib and Senior Director of Privacy Peter Snyder. Summary Brave is rolling out a new feature called De-AMP, which allows Brave users to bypass Google-hosted AMP pages, and i
Google is rolling out a significant change as a part of their page experience ranking algorithm in June 2021. From the release of the Core Web Vitals and the page experience algorithm, there is no longer any preferential treatment for Accelerated Mobile Pages (AMP) in Google’s search results, Top Stories carousel and the Google News. Google will even remove the AMP badge icon from the search resul
.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
This blog is part of a series that we are starting to share AMP’s roadmap with the wider web community. We first unveiled our vision of AMP as a Service on a spring morning in Tokyo at AMP Conf 2019, our flagship conference. We talked about how engineering teams can accelerate their workflow by using AMP. So what has changed since the last time we talked about AMP as a Service? And what does the f
アシアル鴨田です。 とあるプロジェクトで、AMP(Accelerated Mobile Pages)を使用したWebサイトを作成しており、その中で得た知見を少しお話したいと思います。 AMPに関する基本的な説明は省きますので、「AMPとは」みたいな検索で概要を把握しておいていただければと思います。 「AMPとは」Google検索結果 CSSのサイズに気をつけろ AMPでは、CSSのサイズ上限が決まっています。以前は50,000Byteまででしたが、現在は75,000バイトまでと、若干ではありますが緩くなりました。 AMP HTML 仕様 実際、プロジェクト中に50,000Byteの壁に悩まされたので、75,000Byteまで増えたのは本当にありがたかったです。 もし、CSSサイズでバリデーションが通らなかったときは、以下のような対策はいかがでしょうか。 Vueを使用していて、かつ、Scop
2017年11月6日に東京・馬喰町にオープンしたカフェ「GATHERING TABLE PANTRY」。今ほどキャッシュレスという言葉が浸透していなかった時期に、完全キャッシュレスという先進的な取り組みを行ったことが注目を浴び、多くのメディアに紹介された。そのオープンから約1年半。キャッシュレスによってどのようなメリットがあったのかを聞いた。 次世代の店舗運営に向けた新たな取り組み 最初に「GATHERING TABLE PANTRY」について紹介しておこう。完全キャッシュレスという部分が注目を浴びたが、実は次世代を見据え、生産性向上と働き方改革を目指した研究開発店舗。 店長が接客やマネジメント、人材育成など、本来、力を入れたい業務に時間を割けるよう、最新テクノロジーを活用している。 完全キャッシュレスのカフェ「GATHERING TABLE PANTRY」。 店の前にはキャッシュレスであ
.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
[レベル: 上級] AMP ストーリーのための SEO を AMP 公式ブログが解説しました。 この記事では、僕からの補足も追加して主要な点をまとめます。 AMP ストーリー向け SEO まず大前提として認識しておくことは、AMP ストーリーは HTML でできたウェブページだということです。 通常の SEO で有効な施策は AMP ストーリーにも当てはまります。 AMPストーリーだからといって、今までになかったまったく新しいアプローチが求められるわけではありません。 たとえばクロールを促進するために、サイトマップには通常ページ同様に AMP ストーリーの URL も含めるべきです。 ソーシャルメディアでのプロモーションもしたほうがいでしょう。 そのうえで、AMP ストーリーで特に注意を払う点があります。 メタ データ メタ データとは、ユーザーの目には直接見えるものではなく、機械(検索エ
Webサイトを運営している方にとって、表示速度が遅いのは致命的です。GoogleのPage Speed InsightでWebサイトの表示速度を見てみると、パソコンは高速表示できていても、スマホの表示速度は遅いといったことが多いのではないでしょうか。 そこでモバイルの表示速度向上に効果的なのが、*AMP(Accelerated Mobile Pages)*対応のページ作成です。しかし、AMP対応は正しい方法で導入しなければ、効果が反映されない場合があります。 この記事では、AMPページが正しく導入されているかテストするツールを紹介します。これから紹介するツールを用いて、Webサイトのスマホ表示速度をAMPで改善しましょう。 AMP(アンプ)とは AMP(アンプ)とは「Accelerated Mobile Pages」の略で、Googleの推奨するモバイルページの表示速度を高速化する手法のこ
Googleはページエクスペリエンスによるランキング方式の変更を6月中旬から段階的に導入すると4月に発表していたが、これに伴うAMPに関する変更が始まったようだ(Android Police の記事)。 Web 検索結果の「トップニュース」カルーセルには AMP 形式以外の記事も表示されるようになっており、AMP コンテンツを示す AMP バッジ (稲妻アイコン) は表示されなくなっている。Google ニュースアプリでも非 AMP コンテンツの使用を拡大しているとのこと。 モバイル Web の高速化を目標に発表された AMP (Accelerated Mobile Pages) だが、Web 開発者にとってもユーザーにとっても複雑さが増しただけだったと Android Police は指摘する。スラドの皆さんのご意見はいかがだろうか。
.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
こんにちは。フロントエンドエンジニアのぜんちゃんです。 LIG技術研究会・AMP編の二回目です。AMP編の第一回目はこちら。 LIG技術研究会って? 日頃感じているWeb技術に関する疑問や不明な点を、研究員(LIG社員)がそれぞれのアプローチによって紐解いていく会。まだまだ謎が多い。 今回の記事では、AMPのWeb Storiesを使ってポートフォリオサイトを作ってみたいと思います! 「AMP使ってポートフォリオサイト作りました」 って、なんだかインパクトありませんか? ポートフォリオサイトを作りたい方、AMPやWeb Storiesについて学んでみたい方は、この記事をきっかけに作ってみてはいかがでしょうか。 今回作っていくサイトはこのようなサイトです。 https://szaizen.github.io/amp-story-portfolio/ (↓サイズによって表示されないので、HTM
[レベル: 上級] AMP ページと非 AMP ページでの記事構造化データの要件および使われ方の違いを Google は明確化しました。 非 AMP ページでの記事リッチリザルト 検索デベロッパーサイトの記事構造化データを解説するページの先頭に、AMP ページと非 AMP ページの説明があります。 構造化データを含む AMP: 構造化データを含む AMP ページは、トップニュース カルーセル、リッチリザルトのホスト カルーセル、映像ニュース、モバイル検索結果のリッチリザルト内に表示できます。これらの検索結果には、画像、ページのロゴ、その他の魅力的な検索結果機能を含めることができます。 構造化データを含む非 AMP ウェブページ: 非 AMP ページに Article 構造化データを含めると、Google がウェブページの詳細を理解し、Article リッチリザルトで記事の見出しテキスト、画
[レベル: 上級] AMP 配信しているサイトでは、通常ページと AMP ページのどちらの Core Web Vitals(コア ウェブ バイタル)がランキング要因として評価されるのでしょうか? 答えは、検索結果に出ている方のページです。 ユーザーが見ているページの CWV で評価する 基本的な考え方としては、検索結果に出ているページのコア ウェブ バイタルがランキング要因の指標になります。 もし検索結果に AMP ページが出ていれば、その AMP ページのコア ウェブ バイタルが評価の対象です。 何らかの理由で(たとえば、AMP の構成にエラーがあり)通常のモバイル向けページが検索結果に出ていれば、通常ページのコア ウェブ バイタルが評価対象になります。 PC 検索では、AMP 対応しているかどうかに関係なく PC 向けページのコア ウェブ バイタルが評価対象になるでしょう(ただし、コア
[レベル: 中級] Google Discover でユーザーを引き付ける方法の 1 つとして、AMP を Google の John Mueller(ジョン・ミューラー)氏は推奨しました。 AMP ページは、大きな画像が無条件で Discover フィードに掲載されるからです。 AMP は無条件で大きな画像が表示 大きな画像を掲載するには、単に大きな画像をページに設置するだけではなく次のいずれかも必要です。 AMP ページを公開する オプトインする オプトインはフォームから申請します。 申請後どのようなプロセスで受け付けされるのか僕は知らないのですが、即時でないことは確かです。 一方 AMP に関しては、AMP 対応したページを作成していればそれで十分です。 Google にわざわざ申請する必要はありません。 通常ページはオプトインしていないと大きな画像が掲載されない? 英語版の Dis
[レベル: 上級] AMP ストーリーを専用枠で掲載するモバイル検索結果の試験運用を Google が始めたようです。 今年 4 月の AMP Conf 2019 で発表された機能です。 専用枠の AMP ストーリー こちらは、”things to do in nyc”(ニューヨークの見どころ)の検索結果です。 「VISUAL STORIES」というラベルが付いたボックスの中に、AMP ストーリーが 2 つ収まっています。 Washington Post と CNN が公開した AMP ストーリーです。 専用枠での AMP ストーリーは次のジャンルから始めるとのことでした。 トラベル 映画 ファッション TV番組 ゲーム レシピ ゲーム関連の検索結果でも見つけることができました。 同じように、VISUAL STORIES のラベルが付いたボックスに AMP ストーリーが 2 つ出ています。
.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
ここ数年で爆発的にキャッシュレス化が進み、スマホ決済が当たり前のように社会に浸透しつつある。電車や自販売機、コンビニではスマートフォンやICカード一枚で決済ができ、現金を持ち歩かずとも外出やショッピングを十分楽しめるようになってきた。 そんな加速度的に便利になる世の中で、次に来ると考えられるのがスマートロックを使ったキーレス社会だ。クラウド連携を通して鍵の開閉ができるため、ICカードやスマホを持っていれば、家や会社など、登録した扉全ての出入りが可能になる。そんな「鍵のない世の中」が近い未来に実現するかもしれないと言われている。 今回は、スマートロックを活用した「Akerun(アケルン)入退室管理システム」(以下、Akerun)を日本で初めて開発した、株式会社フォトシンスの代表取締役社長、河瀬航大 氏にAkerun開発~現在までのスマートロックについてや、クラウド連携で生まれる新しい価値観、
[レベル: 上級] AMP ページの計測を GA4 (Google アナリティクス 4) はサポートしていません。 1 年以上たっても状況は変わっていません。 しかし計測方法があります。 UA が終了するが GA4 の AMP サポート状況は不透明 Google は、UA (ユニバーサル アナリティクス) のサポートを 2023 年 7 月 1 日で終了します。 GA4 への早めの切り替えを推奨しています。 しかしながら、GA4 の AMP 対応に関しては、いつサポートするかはもとよりサポートするかどうかさえ、公式には案内は何も出ていないようです。 No official support. But I know that @thyng has done this https://t.co/vTHbaCjLkt (haven't tried this myself, though) — Ju
労働人口の減少や長時間労働の問題を是正するために、昨今特に声高に叫ばれるようになっている生産力の向上。高い品質を維持した上でチームの生産力を上げるためには、具体的にどのように取り組めばいいのだろうか。 今回は、時間管理アドバイザーやセミナー講師などとして活躍している石川和男氏に、そのノウハウを伺ってみた。 1.指示や連絡は具体的な数字で示す 部下に対して、「なるべく早く終わらせて欲しい」「少なめに発注して欲しい」「広めの会議室をとってほしい」など、形容詞や副詞を使った漠然とした指示をしていないだろうか。 石川氏によるとこの場合、「15分でやってほしい」「いつもより20本少なめに発注して欲しい」「50人収容できる会議室をとってほしい」という風に、具体的な数字を提示することが大切だという。数字にすることで指示の意図が明確になり、双方の認識のズレを防ぐとともに迅速な判断を促し、業務の効率化に繋げ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く