[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容...
Search results for adblock, , js, , qiita
Angular + Firebaseで作ったWEBサービスをリリースしたので、たまった知見を書き出してみる はじめに 以前からちょこちょこ新しいWEBサービスを作っているということをQiitaの記事に掲載していましたが、このたび「 SCORERA（verβ） 」を正式にリリースしました。 （ 現在、クラウドファンディングも行っています。 コンセプトに共感された方は、ぜひご支援をお願いします！） サ...
本記事ではGoogleアナリティクスの拡張eコマースを使ったECサイトのトラッキングの基本をご紹介します。前半で拡張eコマースの概要をご紹介し、後半でEC-CUBE3の実装例をご紹介します。 拡張eコマースの概要 Googleアナリティクスではeコマースの設定を有効にすることで、ecサイトにおけるユーザーの行動と購買情報を分析することができます。 下の図は通常のeコマースと拡張eコマースのメニュー...
2018年3月27日。ついにGoogleからモバイルファーストインデックス (MFI : Mobile First Indexing)へ移行するとの正式にアナウンスがありました。 モバイル ファースト インデックスを開始します (Google公式ブログ) これまでのGoogle検索では、パソコン版のページの中身を見て順位づけが行われていました。しかしこれからはスマートフォンの向けのページを重視して...
この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GA...
可及的速やかにReactが絶滅しますように。 以下は Front-End Developer Handbook 2018 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、...
AMP letter を読み解く - Qiita
https://qiita.com
2506 日付 前
http://ampletter.org/?lang=ja 日本語訳があるので面倒臭がらずに読んだほうがいいです。 要約 AMPは無意識にユーザーがGoogleエコシステムに留まるようになっており、また検索結果に対してプレミアムな演出や優先順位を与えており、Webの中立性を破壊している、という指摘。 Googleが言うように、Webの速さが懸念ならば、AMPという技術の有無に関わらず特定の速度を満...
こんにちは！ リブセンスでディレクターぽいことをしている karaagedaisuki です。 今年も マッスルな会社の先輩 からの勧めで23日目に挑戦しています。 ※本記事は リブセンスアドベントカレンダー - 2017テーマ「自」 の23日目です。 「自」といえば、「自然流入」、 そう、「検索エンジンからの流入」ですよね。 今回は検索エンジンからの流入をメインとしたメディア制作時に必要な、 「...
ディップ Advent Calendar 2017 の10日目です。 今回は私が個人開発でサービスを立ち上げたりする際に 最低限やっているSEO内部施策 をご紹介します。 （一部は内部施策というよりツールの使い方みたいになってますが・・・） 本当は こっち に書こうとしてた内容なので会社の業務とはほとんど関係ないです
はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになりま...
Twitter見てたら、以下のツイートを見た。 数時間後、 dev.toと阿部寛のホームページどっちが速いですか？ というブログがTLに現れた。 GoogleのPageSpeed Insightsで測って阿部寛のホームページの方が早かったという結論付けてよいのかという疑問が浮かび、webpagetest.orgで計測することにした。 設定 阿部寛のホームページに関しては、Tokyoリージョンにある...
GitHubでフロントエンドチェックリストというものが公開されており、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 https://github.com/thedaviddias/Front-End-Checklist 日本語版は、以下のGitHubリポジトリにあります。 https://github.com/miya0001/Front-End-Checklist 誤訳や...
SPAによるWebサイト開発とSEO 昨今はReactをはじめとするフロントエンドのライブラリやフレームワークの台頭により、比較的多彩な機能を持つWebアプリケーションだけでなく、メディアのようなWebサイトをSPA(Single Page Application)で構築する例も見られるようになってきました。こうしたWebサイトにおいて、SEOは重要な集客手段の１つです。 ところで、SEOに関わっ...
こんにちは、 @pompom0c0 です。 headに記述する内容、いつも前回のをそのまま使用するのですが、 なんで記述するのか一つ一つ理解していなかったので、まとめました。 // 対策編
はじめに 内部SEOとして、 PageSpeed Insights で高得点をとる……なんて話を昔から、チラホラ聞きます。 ページ速度がSEOにどれほどの影響があるのかはわかりませんが、ページ表示速度の改善を行って悪いことはないはずなので、私が運営している個人サイトを PageSpeed Insights で100点とれるように頑張ってみました。 本記事では、レンダリングブロック周りを主に取り扱っ...
Webエンジニアでも最低限のSEO知識を持っておきたい ferretやPhocaseを運営する株式会社ベーシックで働いており、 近々本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので 知らない部分をピックアップ して読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけ...
文章をベクトル化して類似文章の検索 - Qiita
http://qiita.com
2823 日付 前
Doc2Vecで類似文章を検索してみたので、実装を紹介します。 Doc2Vecとは コンピュータが自然言語を処理するためには、まず人間の言葉をコンピュータで扱える値にする必要があります。 単語の意味をベクトル化する手法として Word2Vec が存在します。 詳しくはリンク先がとてもわかりやすいのですが、ざっくり言うと前後n単語のリストでその単語を表現します。 こうすることで、例えば「犬」と「猫」...
ウェブサイトのインタラクションやUIの振る舞いなど、 HTML5でモーションを実装する機会は多々あります 。HTML要素の簡易的なアニメーションであればCSS Transitionを使ったことのある方も多いでしょう。しかし、WebGLやCanvas、SVGなどJavaScriptが実装の中心となる制作作業では、CSS Transitionでは対応しきれず、アニメーションライブラリ（トゥイーンライブ...
って 海の向こうの人 が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下は Front-End Developer Handbook 2017 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150...
