タグ

ampに関するmas-higaのブックマーク (6)

  • AMP Conf 2019に行ってきた - hitode909の日記

    AMP ConfはAMPの最新情報を教えてもらえる二日間のカンファレンスで、午前中3セッション午後8セッションみたいな、詰め詰めの会。 年に1回世界のどこかで開催される会で、発表ほぼ英語、7:3くらいで7が海外の方で、廊下でコーヒー飲んでるとハローあなたのジョブはなんですかみたいな感じで英会話が始まり、インドの方と仲良くなってinstagramやtwitterのアカウントなど交換した。 印象に残ったことをメモしておく。 amp-script AMPではJSの実行が不可能だったのが、ついに可能になった。Web Workerで実行される。 なんでもできてしまうとHTMLと同様動作が重くなってしまうので、なんでもできるわけではなく、ユーザーのインタラクションきっかけで動く、一度の実行は5秒以内、150KBまで、などパフォーマンスを維持するための制約がある。 凝ったこともやればできるようで、デモで

    AMP Conf 2019に行ってきた - hitode909の日記
  • いまさら聞けないPWAとAMP - Qiita

    概要 PWA = モバイルのWEBページでネイティブアプリのようなUXを提供するためのもの ※ 2020/04/05 追記: PWAに関する仕様の策定当初はモバイルでのユースケースが主だったと記憶していますが、PWAはモバイルに限定されたものではなく、実際にデスクトップでの活用例も増えています。参考: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = モバイルのWEBページを高速化するためのもの どちらもGoogleが主軸となって策定されている、モバイルページを進化させるためのプロジェクトおよび技術。ネイティブアプリの代替技術ではなく、ブラウザAPIの進化によってネイティブアプリのようなUXをウェブページで提供することが主眼。 1. PWAとは Progressive Web Appsの

    いまさら聞けないPWAとAMP - Qiita
  • Airbnbの開発チームが語るウェブサイトのAMP対応を諦めた理由

    Airbnb」は宿泊施設を貸し出す人と借りたい人を引き合わせるウェブサービスを運営しています。Airbnbでは、多くのユーザーを引き入れるためGoogleが提唱するモバイルウェブサイトの高速化を実現するフレームワーク「Accelerated Mobile Pages (AMP)」の導入を検討し、開発も行ったようですが、多くの障壁があったこともあり、結局実現に至らなかったとのことです。どういう経緯があって、実現に至らなかったのか、AirbnbのGil Birman氏とBrian Ta氏がプレゼンテーションで語っています。 How Airbnb is putting AMP at the core of its digital strategy https://medium.com/swlh/how-airbnb-is-putting-amp-at-the-core-of-its-digit

    Airbnbの開発チームが語るウェブサイトのAMP対応を諦めた理由
  • AMPを気まぐれで導入したら収益が半分になったので2日で戻した話 - あれこれやそれこれ

    2017 - 03 - 09 AMPを気まぐれで導入したら収益が半分になったので2日で戻した話 ☆ブログ☆ ☆ブログ☆-ブログ運営 Twitter Google Pocket おしながき ・自立式ハンモックのススメ。くつろぎから睡眠まで! ・花粉対策に!超強力ふとんクリーナー! ・3月4日(土)から楽天スーパーセール!見どころとポイント! ・管理人サキの自己紹介 ・プライバシーポリシー、免責事項、著作権について ・問い合わせフォーム ・カテゴリ別の一覧はここから 思い付きで数千円を失った話 AMPって知ってますか?ブロガーの方は知ってますよね。 A ccelerated M obile P agesの略で、その名前の通り「モバイルでの閲覧ページを高速で表示する」仕組みのこと。Googleが中心にTwitterPinterestWordPressなどがパートナーとして参加して

    AMPを気まぐれで導入したら収益が半分になったので2日で戻した話 - あれこれやそれこれ
    mas-higa
    mas-higa 2017/03/10
    まぁ、そうなるわな。
  • はてなブログの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対応で学ぶウェブサービスのAMP対応 - hitode909の日記
    mas-higa
    mas-higa 2016/07/04
    "いま誰が使ってるんだろ" 68くんの合コン相手じゃないかな?
  • sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った - hitode909の日記

    ウェブサービスのAMP対応するときに役立つ,sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った. GitHubにも置いてあるのでご紹介します. はじめに:AMPのバリデーションについて AMP(Accelerated Mobile Pages)はHTMLのサブセットなのだけど,ふつうのHTMLとちがって,バリデーションに通らないとAMPのページとは認めてもらえず,エラーが出てると検索結果などに出してもらえないので,がんばって直す必要がある. バリデーションの主なやり方には, クロールされるのを待ってSearch Consoleで見る AMPバリデータを使う の2つがある.順番に説明します. クロールされるのを待ってSearch Consoleで見る Search ConsoleからAMPのクロール状況を見れて,エラーが出て

    sitemap.xmlをクロールしてサイト内の全ページのAMPのバリデーションをしてくれるコマンドラインツールを作った - hitode909の日記
    mas-higa
    mas-higa 2016/06/24
    クローラが賢いと「ここのブログは invalid ばっかりだからクロールする価値ない」みたいになったりする? / AMPマンと手作業チェック女子かわいい
  • 1