僕はこのツールを使ったとたん このヒートマップツール便利過ぎる！ と感動してしまいました。 その理由となる感動ポイントがこちら。 登録不要（インストールのみ） 使い方が簡単 無料でも十分すぎるくらい使える 有料版にしたとしても安い 分析画面がとにかく軽い とにかく、今までヒートマップツールに抱いていた不満点を解消するツールに仕上がっていると思います。 以下で、詳しく書きます。 登録不要でインストールするだけで計測開始 まずAurora Heatmapを使って思った「最初の感動ポイント」は、登録の簡単さです。 ほんと、WordPressの管理画面で「Aurora Heatmap」と検索してインストールするだけで設定完了です。 検索したら、インストールして有効化するだけ。 面倒なアカウント情報の入力や、登録作業が一切必要ありません。 今までこんなに簡単に使い始められる、ヒートマップツールがあっ

+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

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

そうぎん @gemerione 長い間ペーパークラフトを無料で公開していたヤマハのサイトが今月末で終了します。このサイトのメインはバイクですが、 ・世界の希少動物シリーズ ・日本の希少動物シリーズ この2つはすごいです 公開終了になる前に、PDFで保存したり、印刷して組み立ててみて欲しいです global.yamaha-motor.com/jp/showroom/pa… pic.twitter.com/jVg7lt3qBs 2018-09-25 06:37:02

ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist

みなさんは、CSSアニメーションどのように使っていますか？　ウェブサイトのちょっとした演出でCSSトランジションを使用している方が多いと思いますが、類似のCSSアニメーションはどういった使い道があるのかよくわかっていない方も多いのではないでしょうか。実は、CSSアニメーションを使うとキャラクターアニメーションを作ることができます。 今回はシンプルな変形アニメーションを組み合わせて、1枚の画像で実現できるキャラクターアニメーションを制作しました。オリジナルのキャラクターをアニメーションさせていますが、CSSのコードのコピー&ペーストで他のキャラクター（画像）にも簡単に適応できます。 商用・個人問わず無料で利用できるMITライセンスで公開していますので、ウェブサイトやコンテンツ制作に是非ご活用ください。 伸びるアニメーション 上方向に「ぷるんっ」と伸びるアニメーションです。scale()でタイ

「アプリケーションエンジニアが知るべきDNSの基本」というタイトルで、builderscon tokyo 2018 で登壇するスライドです

[レベル: 上級] 5月17〜19日に米マウンテンビューで開催された Google I/O 2017 の「From AMP to PWA: Progressive Web AMPs」というセッションで、日本の楽天レシピの成功事例が紹介されました。 AMP と PWA を組み合わせたことによって、楽天レシピは大きな成果を手にしています。 AMP + PWA による楽天レシピの成果 AMP と PWA を組み合わせた構成により、次のような結果が楽天レシピでは出たそうです。 AMP ページにランディングした場合、1ユーザーあたりの滞在時間が 50% 増 AMP ページから次のページへのクリック率が 3.6 倍 ホーム画面アイコン追加 ホーム画面アイコンを追加したユーザーは訪問数が 1.7 倍 ホーム画面アイコンを追加したユーザーはページビューが 3.1 倍 プッシュ通知 プッシュ通知で、2週目か

[レベル: 中級] HTTP ステータスコードの 404 を返す URL に Googlebot がクロールを繰り返すことがあります。 これは正常な動きです。 404 ページの再クロールが、通常のページへのクロールに悪い影響を及ぼすことはありません。 404 への再クロールは後回し 404 を返す URL へのクロールがクロールバジェットを消費してしまうのではないかと、心配するサイト管理者に Google の John Mueller（ジョン・ミューラー）氏は次のように説明しました。 重要な URL をクロールし終わったあとに、そうした URL（404ページ）を通常はクロールする。よって、何も消費されない。 @miguelpau @davidwkelley @googlewmc We generally crawl those URLs after we've crawled the im

グーグル検索で「不正確」「暴力的」「集団や個人に対して差別的」といった内容の「フェイクニュース（偽ニュース）」が検索結果に表示されないように、グーグルは検索アルゴリズムに大きな改善を行った。 この対策に加えて、「強調スニペット」や「オートコンプリート」などに不適切なものが表示された際に、検索ユーザーがその場でグーグルにフィードバックを送る機能も、同時に追加されている。 Google 検索における最新の品質向上について（Google ウェブマスター向け公式ブログ） グーグルはこれまで「検索結果に表示される情報が正確かどうかについては、保証していない」としていた。 実際には、正確な内容が表示されるようにするための仕組みを一切設けていないわけではないのだが、「ホロコーストはなかった」「オバマ氏はクーデターを企んでいる」といった情報が検索結果に表示されてしまっていたのは事実だ。 そうした「フェイク

+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

コミュニケーションが生まれるツイートまとめツール

[レベル: 中級] 「スタイルのアイディア」という機能をGoogleは画像検索に導入しました。 画像検索したアイテムを人が身に着けている写真が「スタイルのアイディア」に表示されます。 ユーザーは、実際の写真を見ながらコーディネートをイメージできます。 スタイルのアイディアを見ながら着こなしをイメージ こちらはバッグの検索結果です。 なかほどには、この前紹介したばかりの画像検索の新機能「似ている商品」が見えます。 さらにその下に「スタイルのアイディア」があります。 スクロールすると、ファッション雑誌に出てきそうなおしゃれな写真が並びます。 検索したバッグもしくは、それに似たバッグをモデルさんは持っています。 気に入った画像が見つかれば、タップすると拡大表示できます。 「ページを表示」のリンクをタップすればその写真が掲載されているサイトにアクセスできます。 バッグの例を見せましたが、ほかにはコ

NHKは9月25日、「縮小ニッポンの衝撃」と題したNHKスペシャルを放映。100年近い歴史を持つ国勢調査によって、初めて人口が減少した日本の各地で今、実際に起こっている事態に迫った。 番組内では、人口の一極集中が進む東京が歩むであろう未来や、財政破綻に伴うインフラサービス縮小に悩む自治体の姿などを紹介。その陰惨たる現実を突きつけられた視聴者は放映後、インターネット上に絶望にも似たコメントなどを多数投稿していた。 豊島区が抱える問題 2016年2月に発表された2015年の国勢調査によると、1920年の同調査開始以来、日本の総人口が初めて減少に転じたことが明らかになった。2010年の調査時より減った数は94万7,000人で、全国の8割以上の自治体で減少が認められたという。 日本の人口は、1920年に約5,600万人だった。そこからベビーブームや、地方から都市部への集団就職、高度経済成長などを経

[レベル: 中級] モバイルファーストインデックス（以下、MFI）では、ページの表示速度をランキング要因から外すと Google は発言していました。 しかし、米サンノゼで先週開催された SMX West 2017 で Gary Illyes（ゲイリー・イリェーシュ）氏はこの方針を撤回しました。 表示速度をランキング要因として組み込んだうえで MFI を導入する計画だ。 セッション終了後の Q&A タイムでイリェーシュ氏はこのようにコメントしました。 モバイルに合わせたスピード判定 現在は PC ページがインデックスの対象になっています。 現状で用いているスピード評価の方法は モバイルページをインデックス対象にする MFI では適切に機能しません。 言われてみれば、当たり前のことですね。 当初は、それならランキング要因から除こうという結論に至ったのかもしれません。 しかしながら、モバイルに

[レベル: 上級] 別々の URL で構成しているモバイル向けサイトにおける、モバイル ファースト インデックス導入にともなう hreflang 属性の実装方法の仕様変更について、Google の John Mueller（ジョン・ミューラー）氏が SMX Munich 2017 で説明しました。 これまでは、PC 向けページに hreflang を設定しておくだけで十分でした。 MFI 導入後は、PC向けページの設定はそのままで変わらないものの、モバイル向けページから PC 向けページだけを指し示す単方向の hreflang を追加する設定が必要になります。 モバイル向けページから PC 向けページへの単方向の hreflang こちらは、ミューラー氏が使用したスライドです。 まず間違いの訂正があります。 右下のボックスが「mobile English」になっていますが、正しくは「mob