.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
このリポジトリ でやったこと。 やろうとしたこと tailwind.css は Utility First と銘打った CSS フレームワークで、コンポーネント化を前提としたモダンフレームワークと相性がいいです。今回は next.js の amp-mode で tailwind を使おうとしてみました。 Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs 問題 前提として、 amp には inline css の容量制限があり、75kb を超えると AMP と認識されなくなります。 tailwind はビルドして使うのが前提のフレームワークですが、全部入りの tailwind.min.css は 1.3 M あります。これでは到底、75 kb に収まりません。 AMP の CSS
PWA Night で発表した Next.js x AMP の話です。
.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
1.5〜2倍速再生は当たり前に？ ネットフリックスが醸す物議と時代の必然性 | AMP[アンプ] - ビジネスインスピレーションメディア
ネットフリックス新たな施策とクリエイターたちからの批判 YouTube、ポッドキャスト、アマゾン・プライム・ビデオなどを視聴するとき再生速度を1.5倍速や2倍速にしている人は多いのではないだろうか。 かつて、サードパーティ・プラグインでしか実行できなかった再生速度の調整だが、いまではプラットフォームが独自に速度調整機能を導入しており、好きなスピードでデジタルコンテンツを視聴できるようになった。忙しいビジネスパーソンや学習量が多い学生に重宝されているはずだ。 世界的に見ても世の中の変化速度が上がるにつれ、コンテンツ消費において再生速度を上げるとうのは「新しい標準」になっている印象がある。YouTubeなどが独自に再生速度調整機能を追加したことが、そのことを物語っているといえるだろう。 この「再生速度調整」に関して、いま英語圏ではネットフリックスが物議を醸し注目を集めている。 ネットフリックス
![1.5〜2倍速再生は当たり前に？ ネットフリックスが醸す物議と時代の必然性 | AMP[アンプ] - ビジネスインスピレーションメディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/4470fb9dce3fe1c4d130b1b09f728ab7ec4b55e9/height=288;version=1;width=512/https%3A%2F%2Fampmedia.jp%2Fwp-content%2Fuploads%2F2019%2F11%2Fshutterstock_1040788477.jpg)
amp-script: AMP ❤️ JS
{{^prevUrl}} {{#result.components.length}} {{#initial}}Important Components{{/initial}}{{^initial}}Components{{/initial}} {{/result.components.length}} {{/prevUrl}} {{#result.components}}
賞味期限ぎりぎりの食品をアルゴリズムで自動値引き、オランダで広がる食品ロス削減の動き | AMP[アンプ] - ビジネスインスピレーションメディア
スーパーマーケットやレストランで売れ残りや賞味期限切れにより廃棄される食品は、全世界で生産される食品の3分の1に上るという。これは食品の無駄であるだけでなく、それを生産するための土地や水、労力、交通、資源やエネルギーの無駄にもなっており、環境に悪影響を及ぼしている。 近年、世界中で環境問題に対する関心が高まる中、オランダのスーパーマーケットやレストランは最新のテクノロジーやアプリを利用し、食品ロス削減に向けた動きを活発化させている。すでに成果を生み出しているこれらの取り組みを紹介する。 オランダのスーパーマーケット「アルバートハイン」は、最新のテクノロジーを利用し、食品ロス問題に積極的に取り組んでいる（写真：Albert Heijnウェブサイトより） アルゴリズムで食品の自動値引きシステムを導入 オランダの大手スーパーマーケット「Albert Heijn(アルバートハイン)」では、近年「3
![賞味期限ぎりぎりの食品をアルゴリズムで自動値引き、オランダで広がる食品ロス削減の動き | AMP[アンプ] - ビジネスインスピレーションメディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/316491f06ece4503595a504f02513e20722803aa/height=288;version=1;width=512/https%3A%2F%2Fampmedia.jp%2Fwp-content%2Fuploads%2F2019%2F10%2F20191008-e1570508533643.jpg)
コンポーネントとしての Bento AMP Bento AMP とは、AMP をコンポーネントとして実装する技術です（「ベントー アンプ」と読みます。ベントーはあの弁当🍱です）。 AMP を利用するには、ページそのものが AMP 対応していなければなりません。 有効な AMP HTML で作成したウェブページが AMP です。 Bento AMP は、AMP のコンポーネントを単独で使えます。 通常のページで AMP の機能を利用できるのです。 AMP のコンポーネントとは、たとえば AMP で作成したアコーディオン AMP で作成したカルーセル AMP で作成したサイドバー AMP で作成したソーシャルシェア などです。 これは Bento Accordion で作成したアコーディオン UI です。 これは Bento Carousel で作成したカルーセル UI です。 こうした各種
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
Googleがインターネット広告市場を独占するための施策「ジェダイ・ブルー」や「Project NERA」の詳細が明らかに
2021年10月22日(金)、Googleがテキサス州の司法長官であるケン・パクストン氏から、独占禁止法(反トラスト法)違反で再提訴されました。パクストン司法長官らがアメリカ合衆国ニューヨーク南部地区連邦地方裁判所に提出した(PDFファイル)173ページにもおよぶ修正訴状から、Googleがインターネット広告上で行ってきた不正行為の数々が明らかになっており、経済紙・Financial Timesの記者であるPatrick McGee氏やプログラマーのAmos氏が、その詳細をまとめています。 An *enormous thread* on alleged @Google @Facebook collusion based on the just-released *unredacted* complaint from the Texas AG. First filed December. A
[レベル: 上級] AMP で利用できる CSS のサイズ上限が 50,000 バイト (約 50KB) から 75,000 バイト (約 75KB) に増加しました。 Behold: proposal (with pull request) to increase the @AMPhtml custom CSS budget/limit from 50KB to 75KB: https://t.co/tWoEK8a8Lx — Weston Ruter (@westonruter) January 25, 2020 And the pull request to raise AMP's custom CSS limit from 50KB to 75KB has been merged! 🎉 It should be live by the end of February. (We'll
AMP Fest を振り返る
.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
[レベル: 上級] Google アナリティクス 4（以下、GA4）は AMP をまだサポートしていません。 したがって AMP ページのトラフィックを計測できません。 AMPの GA4 未サポートは担当チームに認識されているが Google アナリティクス 4（以下、GA4）は 2020 年 10 月に Google が正式リリースした新しいバージョンの Google アナリティクスです。 前のバージョンのユニバーサル アナリティクスからすでにアップグレードして GA4 を利用しているサイトも出てきているでしょう。 しかしながら、AMP を導入しているサイトでは注意が必要です。 この記事を公開している時点では、GA4 は AMP にまだ対応していません。 つまり、AMP ページへのアクセスを取得できません。 amp-analytics を解説する AMP の公式サイトおよび Google
[レベル: 上級] 多くのサイトが AMP のサポートを打ち切り始めています。 AMP に明るい未来はあるのでしょうか？ Twitter も AMP サポートを終了 Twitter は、2021 年の第4四半期に AMP のサポートを終了することを AMP に関する開発者向けページで告知しています。 この機能 (AMP) のサポートを私たちは終了するプロセスにあり、2021 年第4四半期には完全に使わなくなる予定です。 ツイート内のページが AMP 対応していても今は通常ページに連れて行くように仕様がすでに変わっているようです。 これまでは、AMP バージョンのページがあれば Twitter はそちらを表示していました。 Search Engine Land も AMP をやめました。 もっと有名どころでいうと、Washington Post もいつの間にか AMP 配信を終えていたようで
AMP は Google が推奨しているウェブコンポーネントフレームワークで、その実装には Web サイトのパフォーマンスを向上させるための知見が詰まっています。 AMP コンポーネントの実装を詳しく見ていくと、 AMP を導入せずにサイトを作る際にも役に立つベストプラクティスを学べるのではないかと思います。 以下では amp-img コンポーネントに注目して web サイト開発における画像表示の実装について掘り下げます。 amp-img は AMP 対応のサイトで画像を表示する際に、 HTML の img タグの代わりに使用します。 AMP の built-in 要素であるため、 amp-img 専用の js を追加で読む必要はなく、AMP のランタイムを通して自動的に使用できます。 amp-img の基本の使い方 参考 ドキュメント：amp-img https://github.com
JavaMailとSendGridを使ってAMP for Emailを試してみる - Challenge Engineer Life !
AMP（Accelerated Mobile Pages）はGoogleが中心に進めているモバイル端末でWebページを高速に表示するための仕組みです。これをメールに応用したAMP for Emailは、メールの世界で動的コンテンツを使えるようにし、よりインタラクティブなコミュニケーションを可能にしてくれます。 AMP Open Source Projectのサイトはこちらです。 amp.dev 動的コンテンツって具体的にどんなものなの？という疑問が浮かんだ方は「Gmail AMP for Email Playground」をみてください。下図のようにいくつかのサンプルが実際に確認できます。 これをみているうちに、AMP for Emailってどうやって送るんだろう？と気になったので、JavaMailとSendGridのSMTPで試してみました。 8/31追記：JavaMailと書きましたが
[レベル: 中級] Google は、Page Experience Update（ページ エクスペリエンス アップデート）の導入を、当初予定していた 5 月から少し遅らせて 6 月中旬に開始することを Search Central 公式ブログでアナウンスしました。 段階的に展開していくとのことです。 アナウンス記事では、関連するそのほかの変更と Search Console の新しいレポートについても触れています。 ページ エクスペリエンス アップデートは 6 月中旬から段階的にロールアウト ページ エクスペリエンス アップデートに関する発表内容の要点は次のとおりです。 2021 年 6 月中旬に導入開始 ランキングシグナルとして完全に組み込まれるのは 8 月の終わり 完了までは段階的に展開していく 極端なランキング変動は想定していない ページ エクスペリエンス アップデートはもともとは
Recently, I was refactoring my blog using Next.js by a whim. There are 3 tech stacks I would use: Next.js , a popular React framework with SSG, SSR support naturally Tailwindcss , a low-level CSS framework with the utility-first concept. AMP , an HTML framework developed by Google to make your website fast and loading smoothly. However, There are so many restrictions in AMP for performance issues.
地方自治体の災害関連ページを、無料でCDN化してアクセス集中に備える方法【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
地方自治体や公共団体のサイトで、災害時にアクセスが集中しても問題ないようにするには、CDN化やインフラの増強が基本だ。しかし、そうした追加コスト負担なしに、無料で利用できるCDNのインフラがある。予算のないところはぜひチェックしてみてほしい。 ほかにも、グーグル検索やSEOに関する最新の情報を、ポイントを絞ってわかりやすくお届けする。 h1タグはSEOに必要？ 不要？リンクの評価は時間がたっても消えない！アフィリエイトリンクに rel="sponsored" を付けるべき？コアアップデート対策をグーグルが公式解説検索結果での見せ方を細かく制御できる新しいタグをグーグルが導入Search Consoleでパンくずリストが正しく認識されているかチェックSearch Console関連の情報多数、新meta robotsタグの情報も ―― 10月のオフィスアワー良いSEO会社に発注するための3つ
Twitter rolls back AMP support, no longer sends users to AMP pages
Search Engine Land » SEO » Twitter rolls back AMP support, no longer sends users to AMP pages Twitter rolls back AMP support, no longer sends users to AMP pages With social media referrals to AMP pages cut down by the change, the reasons for supporting AMP are getting fewer. If you are noticing less traffic to your website’s AMP pages coming from Twitter, turns out there is a reason for that: Twit
Use AMP Components everywhere – Announcing Bento Developer Preview
{{^prevUrl}} {{#result.components.length}} {{#initial}}Important Components{{/initial}}{{^initial}}Components{{/initial}} {{/result.components.length}} {{/prevUrl}} {{#result.components}}
AMP SXG 対応 | blog.jxck.io
Intro 本サイトを AMP SXG に対応した。その作業ログを記す。 AMP SXG AMP は、大きく AMP HTML と AMP Cache からなる。 AMP HTML 自体は、ルールに則って作った HTML でしかない。しかし、 Google のクローラが取得すると、 Google が管理する AMP Cache の CDN に保存される。 そして、モバイルの Google 検索で、稲妻マークが出た検索結果をクリックすると、自分のサーバにリクエストが来るのではなく、 Google の AMP Cache にリクエストが行き、そこに保存された AMP HTML が返されている。 したがって、 AMP ページを表示すると、その URL バーが Google の URL になり、その仕組自体が色々と物議を呼んだりした。 Google は AMP に SXG を組み合わせることで、
詳解 AMP Optimizer - Qiita
この記事では AMP Optimizer v2.6.0 について説明しています。 AMP Optimizer とは AMP Optimizer は AMP ページの作成をシンプルにし、AMP のレンダリングパフォーマンスを最適化するツールです。AMP Cache でも行われている AMP のサーバーサイドレンダリングをサポートしています。 npm のパッケージで配布されていますが、単体で使うよりは Next.js の AMP 機能や WordPress の AMP プラグインとして間接的に使うことの方が多いかと思います。 動かし方 CLI CLI のコマンド一つで試すことができます。
Welcome | bentojs.dev
Bento is an easy to use component library that helps you achieve a great page experience. Bento works great with frameworks and CMSBento components are packaged as React or Preact components for seamless integration with those frameworks, but they're also provided as Web Components, so that they can be used anywhere else. Framework guides Great page experience with BentoOffering users a great expe
pixivでプロダクトマネージャーをしているmu-koです。 pixivでAMP Storiesを作成し、2019年末にリリースしました。今回はAMP Storiesの概要をご紹介します。 開発者向けの記事は別途公開予定です。 Click here for English version. pixivとは pixivはクリエイターがイラスト・マンガ・小説を投稿し、声援をもらうことができるサービスです。 2019年9月時点で登録ユーザーは4,000万ユーザーを超え、投稿作品数は8,500万作品あります。また、最近は日本以外の国からの登録が増え、今では約70％を占めています。 AMPやAMP Storiesについて AMP（Accelerated Mobile Pages）とは AMPとは、Googleが中心となって作られた、ウェブサイトを高速に表示するためのフレームワークです。 AMPコンテ
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
わずか700gのミニマルアンプ！眠っている音楽プレイヤーが現役復帰する「SoundHub」 | ライフハッカー・ジャパン
最新モデルの「Apple Watch Series 9」が過去最安。指のダブルタップ操作が便利すぎる #Amazonセール
強烈なインパクト: オーストラリアのポップカルチャー サイト GOAT を AMP 化した理由
.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 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 5 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 99 ads query language 2 ads
AMPページと正規ページのどちらに構造化データをマークアップすべきか？ ⇒ 両方で同じ構造化データが必要
[レベル: 上級] AMP ページを公開する場合、正規ページと AMP ページの両方で同じ構造化データのマークアップを使用する必要があります。 構造化データは正規ページだけ？ AMP ページには不要？ 次のような質問が英語版オフィスアワーで取り上げられました。 AMP の検索結果では、Google は構造化データを AMP ページ自身から取得しているのか？ それとも正規ページから取得しているのか？ 正規ページだけにしか構造化データがなくても機能するのか？ 結論を言うと、正規ページと AMP ページの両方に同じ構造化データをマークアップする必要があります。 Google は正規ページ（モバイル ファースト インデックスに移行しているならモバイルページ）をインデックス対象にし検索結果の評価に利用します。 したがって理論的には、正規ページにさえ構造化データがあれば検索に利用されるはずです。 しか
AMP キャッシュを超えるシステムを自社ドメインで実現する方法
/ How to implement a system that goes beyond amp-caching on your domain
AMP キャッシュを超えるシステムを自社ドメインで実現する方法 / How to implement a system that goes beyond amp-caching on your domain
Redirecting…
Redirecting… Click here if you are not redirected.
⚡AMPページのコアウェブバイタルを測定する「AMP Page Experience Guide」をGoogleが公開
[レベル: 上級] AMP Page Experience Guide（AMP ページ エクスペリエンスガイド）というツールを Google は公開しました。 We're excited to release the AMP Page Experience Guide! A tool that provides AMP developers with actionable advice to help improve the performance of their AMP pages. Test your AMP page today 👉 https://t.co/3sLCYnTCZk pic.twitter.com/B0gTHyLMfu — AMP Project (@AMPhtml) October 13, 2020 AMP ページ エクスペリエンスガイドは、Google 検索のペ
SEO for Web Stories
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 AMP is dead! AMP pages no longer get preferential treatment in Google search
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AMP Toolbox 1.0 のお知らせ
next.js の amp モードで tailwind.css を purgecss と合わせて使う
nextjs_x_AMP.pdf
OpenCensus Web: スタック全体の完全なエンドツーエンド観測を実現する
Bento AMPをGoogleが正式公開🍱AMP存続の救世主になるか？
Evaluating page experience for a better web
AMPのCSSサイズ上限が50000バイトから75000バイトへ50%増量⬆
B&Wのスピーカーに憧れていたら、デノンの110周年記念アンプ「PMA-A110」買っていた話[Sponsored]
![B&Wのスピーカーに憧れていたら、デノンの110周年記念アンプ「PMA-A110」買っていた話[Sponsored]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4afc4d3680ea75be54c3b209b0af2cf12158aff2/height=288;version=1;width=512/https%3A%2F%2Fav.watch.impress.co.jp%2Fimg%2Favw%2Flist%2F1602%2F451%2FDSC08813.jpg)
復活オンキヨー/パイオニアのAVアンプを試す(前編)。Dirac LiveとMCACC Proどう違う?【鳥居一豊の「良作×良品」】
Google アナリティクス 4 (GA4) はAMPをまだサポートしていない
AMPに明るい未来はあるのか？ アメブロやTwitterなど有名サイトが次々とAMPサポートを打ち切る
amp-img から学ぶ画像の表示のベストプラクティス - Qiita
Googleページ エクスペリエンス アップデートは6月中旬から段階的に導入開始
How to use tailwindcss with AMP in a Next.js project
スピーカー鳴らせる、1bit系デジタルアンプ搭載デスクトップオーディオ
2020年注目の技術、AMP Storiesをpixivに実装しました - pixiv inside
検索を活用したニュース記事に関するおすすめの方法
OTKK開発設計のONKYO、PIONEER新製品、ティアックが今秋販売へ
I have resigned from the Google AMP Advisory Committee
De-AMP: cutting out Google and enhancing privacy | Brave
hanageru.hatenablog.com
nk33.hatenablog.jp
8dabe.com
hachiburo.hateblo.jp
b.hatena.ne.jp
www.hw-frankie.com