こんにちわ、@t32kです。先日、3/18に大阪で開催されたFRONTEND CONFERENCE 2017に登壇してきました。また弊社メルカリは懇親会スポンサーでした。今回は『スタンドアロンAMPのススメ』というタイトルで講演した内容をシェアしたい思います。 私が所属しているソウゾウ社ではメルカリアッテというクラシファイドサービスを作っています。メルカリは配送システムを介して売買しますが、こちらは直接会って手渡しでモノの売り買いができます。もちろん、手数料や配送料はかかりませんので、よろしかったら使ってみてください。私はそこのWeb担当で、本サイトのAMP実装について話します。 今日のアジェンダです。 AMPのメリット 表現力について テンプレート分散について 構造化データについて まとめ といった内容でやっていきたいと思います。 AMPとは？ まずはAMPとは何か説明します。AMPとは
style styleについては、下記opacityを含める必要があったり、!important 禁止などのルールがあります。 </p> <p> AMP タグ amp-img amp-audio amp-anim amp-ad amp-pixel amp-video amp-brightcove amp-carousel amp-font amp-lightbox amp-iframe amp-instagram amp-twitter amp-vine amp-youtube https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md Movable Type 対応方法 AMP テンプレート このブログは Movable Type なので、ブログ記事のAMPテンプレートを作ってみます。 テンプレートの
@kazumich さんにお声がけいただき、WCAN 2015 Winter でおよそ 60 分ほどのセッションを登壇してきました。32:9 のスクリーンがあるという、TED でもやるんかオイという特殊な環境でした。普段はプロジェクター的な投影なので、スクリーンの前に立つのが微妙なんですが、ここはディスプレイが壁面に大量に並んでいて自ら発光するので、部屋を暗くしなくてもテレビのように十分に見えますし前に立っても平気です。 一緒に登壇したのが @yhassy さんと @Hidehisa さんということもあり、近年まれに見る胃痛を伴う緊張を味わいながらお話させていだきました。（リアルにセッション終了後、1時間くらい胃痛がズキズキしてました） 技術的なお話でした 参加されたみなさま、メインセッションや LT に登壇された各位、ならびに運営されたスタッフの方々、ひとまずお疲れさまでございました。貴
D2Dで11/3にAMPについて行ったワークショップのレポート AMP - ACCELERATED MOBILE PAGES PROJECT はGoogleがモバイル端末でのウェブページの表示の高速化のためのプロジェクトとして公開しました。 ※D2Dとは”Dev & Design Draft” 特定の技術やプロダクトに限定せずに、Web制作者が今イチバン気になる情報を知ろうという領域横断型の勉強会シリーズです。 https://d2draft.doorkeeper.jp/ AMPオフィシャルページ https://www.ampproject.org/ AMP HTML source code https://github.com/ampproject/amphtml ただ当日の情報を持ち寄って検証して見ると、ページコーディングのルール作りと言うよりは FacebookがOGP（Open
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
