表題の通り、検索エンジン（Webアプリ）を作ったので、使ってみて感想を聞かせてほしい、というのが投稿の目的だ。 ただ、せっかく増田に投稿するのだから、制作物の宣伝に終始するのではなく、開発していて考えたことや制作背景を書き添えたいと思う。ここにはエンジニアやデザイナー、また技術職でなくてもWebサービスに携わる人、インターネットを使って遊ぶことが好きな人が多いはず。そんな人たちの向けの四方山話として、思考の一助となれば幸いだ。 検索エンジンについてSalonaというGoogleを超える検索エンジンを作った。 https://salona.org 特定の検索クエリについて、マークダウンの検索結果を添付し、投稿することができる。投稿には、検索クエリと完全一致するタイトル、本文、'# ' + タイトル + '\n' + 本文のSHA-256（＝文書のID）、256ビットのノンスが付随する。投稿に
おまえは便所の落書きのつもりでブコメを書いているのかも知れないが、その便所の落書きには受け取り人がいるんだよネットでは - 自意識高い系男子
ブクマカだけで議論w してんじゃねーよ yoppymodel.hatenablog.com はてなブックマークの攻撃性問題は、ブクマカだけで議論しても無意味である。なぜならブクマカに迷惑をかけられている「被害者」は、ブクマカではなくブロガーだからだ。加害者であるブクマカだけでいくら議論wを重ねたところで、自分たちがいかに楽しく罪悪感を感じずに被害者をいじめるかという話しか出るわけがない*1。 それなりに炎上経験のある有名はてなブロガーで、はてブを好きな人間などいない。今回炎上の中心となっているヨッピー氏は言わずと知れた超有名ブロガー／ライターだし、過去を振り返ってみてもid:fujipon氏、id:p_shirokuma氏ら、名だたるはてなブロガーがはてブを批判している。 fujipon.hatenablog.com p-shirokuma.hatenadiary.com 前垢から含めて2
「事件の犯人は〇〇！経歴は？前科は？」「〇〇について調べてみました！」「調べましたが、わかりませんでした」「いかがでしたか？」――。 時事・芸能ネタを中心に取り上げ、ページビュー（PV）を稼ぐ「トレンドブログ(トレンドアフィリエイト)」。インターネット利用者の関心に素早く応える利点がある一方、デマ拡散や誹謗中傷の温床になっているとの指摘もある。 こうしたトレンドブログは、どのようにして作られているのか。そして、その問題意識は――。運営者に聞いた。 「犯人扱い」された無関係の女性 著名人のうわさ話や社会的関心の高い事件を中心に扱い、PV数を増やして広告収入を得ることを主な目的とする「トレンドブログ」。 常磐自動車道で男性会社員があおり運転を受けた後に殴られた事件では、無関係の女性がネット上で"犯人視"され、トレンドブログが拡散の起点となった。 「人違い」被害を受けた女性の代理人弁護士は201
【SEO対策】Googleの200の上位表示アルゴリズムを一挙公開！！ - Evergreen Blog ～弱者のためのファン創造コンテンツマーケティング～
GoogleのSEO対策をする上で、アルゴリズムを理解しておくことは非常に重要です。 Googleのアルゴリズムについて「キーワード」や「被リンク」など、 代表的なものを解説したサイトは多数見つかります。 しかし、200近く存在するといわれているGoogleのアルゴリズムについて、 詳細な情報を発信しているサイトはほとんどありません。 もっと具体的な情報がわかれば、SEO対策もしやすくなりますよね ちょっとした差かもしれませんが、細かいSEO対策をするとしないとで、 ライバルサイトと差をつけることができます。 Googleは検索順位を決めるのに機械的に処理しています。 コンテンツの質がまったく同じなら、 アルゴリズムの細かい指標が基準となって、ランキングが決められます。 今の時代、代表的なアルゴリズムは皆対策しているので、 ライバルと差別化するのが難しいです。 ライバルがSEO対策できてい
ウェブサイトがJavaScriptとCookieなしで個人を追跡する方法が一発で理解できる「No-JavaScript fingerprinting」
「フィンガープリント」とは、JavaScriptやCookieなしでウェブサイトのユーザーを識別するための固有識別子で、ユーザーの属性・行動・興味・関心といった詳細な情報をもとにマッチする広告を表示するターゲティング広告に用いられます。そんなフィンガープリントが、JavaScriptやCookieを使わずにどうやってユーザーを特定しているのかがよくわかるサイト「No-JavaScript fingerprinting」が公開されています。 No-JavaScript fingerprinting https://noscriptfingerprint.com/ 今回はGoogle ChromeからNo-JavaScript fingerprintingにアクセスしてみます。アクセスする前に、JavaScriptを使用しないようにあらかじめブラウザから設定しておきます。Chromeの右上にあ
Googleは検索エンジンだけではなく、GmailやGoogleドキュメント、Googleアナリティクス、Googleスプレッドシートなど、さまざまなサービスを無料で提供しています。しかし、古くから「ただより高いものはない」といわれるように、無料で提供されるのにはそれだけの理由があるわけで、ウェブアプリ開発者のキャスパー・ブレーデ氏が「Googleアナリティクスは無料で提供されているが、使うのをやめるべきだ」と主張しています。 Google Analytics: Stop feeding the beast | Caspar von Wrede https://casparwre.de/blog/stop-using-google-analytics/ 近年のGoogleは検索エンジンを運営する小さく風変わりな会社ではなく、巨大な多国籍企業となりました。Googleの主な事業は検索エンジン
こんにちは、あるいはこんばんは。村山です。皆さまGoogleアナリティクス4(以下、GA4)との戯れには慣れてきましたでしょうか。GA4の使い方は「完全に理解した」という方もいれば「まだまだこれから計測実装していくから触っていない」みたいな方もいらっしゃるのではないかと思います。 今回は、後者である「これからGA4を計測実装していく」方にむけて、どのようにGA4の計測実装を推進したら良いのか書いていこうと思います。 どのようなイベントを計測するべきか？ データに関わる方が1名と少ない場合 データに関わる方が2名以上の場合 データ計測の設計書となるドキュメントが必要だ GA4はさまざまなイベント計測方法がある GA4管理画面内の「イベントの変更」 GA4管理画面内の「イベントの作成」 GA4管理画面内の「オーディエンストリガーイベント」 GTM内からイベントタグの発火 GA4の計測設計にはN
「別タブで開く」リンク(target="_blank")は脆弱性あり？【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている！? CMSで違いはあるのか？AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE
黄 未来（こう・みく） 1989年中国・西安市生まれ。6歳で来日。南方商人である父方、教育家系である母方より、華僑的ビジネス及び華僑的教育の哲学を引き継ぐ。早稲田大学先進理工学部卒業後、2012年に三井物産に入社。国際貿易及び投資管理に6年半従事したのち、2018年秋より上海交通大学MBAに留学。現在は中国を本拠地として活動。オンラインサロン「中国トレンド情報局」も主宰。 Twitter：@koumikudayo TikTok 世界で最も使われるアプリ「TikTok」はどのように生まれたか？／「TikTok」を生み、新たな技術大国・中国を制したバイトダンス社とは？／世界を席巻するショートムービー革命とは？ 中国籍を持ちながら日本で各種のSNSとともに育ち、現在は中国経済の最前線で活躍する著者にしか書けない奇跡の１冊です。 バックナンバー一覧 時価総額8.5兆円で世界No.1・ユニコーンのバ
Webページのパフォーマンスを向上させることは、CSSでも可能です。去年の暮れからChromeで利用できるようになったCSSの新しいプロパティで、2021年現在Edge, Operaにもサポートされています。 読み込みパフォーマンスを向上させるために最も効果があるCSSの新しいプロパティcontent-visibilityについて紹介します。 content-visibility: the new CSS property that boosts your rendering performance by Una Kravets, Vladimir Levin 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに content-visibilityのサポート状況 CSS Containmentとは content-visi
CSSを最適化してページの読み込み時間を高速化する方法
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか？ スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か
Google Analytics 4 で正しく理解しておくと安心な「指標」８選（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4 の本格利用がGoogle Analytics終了とともに始まり、多くのサイトや企業が移行を完了したと思われます。しかしGA4は新しい計測形式になり、混同しやすい内容が増えました。特に今までGAを使っていた人ほど、誤った理解で設定を行ったり、数値の定義を間違えて理解してしまいます。 そこで今回は誤った理解をされがちな数値を８個まとめてみました。普段なにげなく使っている指標も実はこんな仕様だった！というのを理解しておくと、適切な指標を選んだり、説明できたり出来るようになります。 みなさんが正しく仕様を理解できているかを１つずつチェックしながら、ぜひ本記事をご覧ください。 「設定」編も参考にしてみてください。 Google Analytics 4 でミスされやすい・誤解されやすい「
画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 遅延読み込みのloading属性とは 遅延読み込みの現代的なアプローチ パフォーマンスとLighthouseスコアの向上 最大のパフォーマンスを得るための画像最適化テクニック はじめに 画像の遅延読み込みは比較的簡単に実装でき、パフォーマンスを大幅に向上させることができるため、Webサイトを最適化するために使用される選択肢の1つです。遅延読み込みで
辻正浩氏が語る、SEOに携わる者の責務と未来
「日本国内におけるSEOの第一人者は？」 と聞かれ、真っ先に頭に思い浮かぶのはきっと辻正浩さん（@tsuj）ではないでしょうか。ウォッチしている検索キーワードの数はなんと30万超。日本の月間検索数はほぼ100億前後と推測され、そのうち、5億回は辻さんのお客様のサイトがヒットするそうです。 日本の検索の約5％に関与しているSEOの専門家・辻さんに、SEOに携わる人々のこれからについて、お話を伺いました。 日本では2022年末よりAIチャットボット「ChatGPT」に注目が集まり、SEO領域においてもますます “AIの活用” が議論されるようになりました。「ChatGPTはGoogleの脅威になる」といった意見も見受けられますが、辻さんはどのように捉えていらっしゃいますか？ 「ChatGPTがGoogle検索に置き換わるかどうか」でいうと、そうはならないだろうと思っています。Googleより部
「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた
ウェブアプリの開発をする時、ユーザーに「どこが分かりにくかったか」や「どこでエラーが発生したのか」などの情報をフィードバックしてもらいたいものですが、そうしたフィードバックを送る作業はなかなかに面倒なもので、全然直接のフィードバックは来ないのにTwitterにはいろんな意見が書かれている……ということはよくあります。「highlight.io」はそうしたフィードバックを勝手にやってくれるツールということで、実際に使って試してみました。 highlight.io: The open source monitoring platform. https://www.highlight.io/ highlight.ioはオープンソースということでセルフホスト版が用意されていますが、今回はどんな機能があるのかについて確かめるためhighlight.ioの開発元が提供するSaaSを利用します。公式サイ
Drive Capital was founded by two former Sequoia Capital Partners looking to start anew in the Midwest. But investors in the Columbus, Oh.-based firm have had a bumpy ride of late, and according to our
『投稿サイトに載せてる自作小説のタイトルを試しに短くしたらクリックの当たり判定がめちゃくちゃ狭くなってしまったんだが』～アクセシビリティの観点から見るWEB小説の長文タイトル問題
すかい@固定に発売予定 @skynovel7 株式会社RapidBrain代表 小説家、漫画原作者、ペットカフェオーナー（@binturong_toro） デビュー三年半で関連書籍70冊以上 累計100万部以上 ファンタジー/ラブコメ/エロが得意です その他編集業務やご紹介を含め異世界系レーベル立ち上げのお手伝いなど お仕事の依頼、相談はDMまでお気軽に skyfarm.fanbox.cc すかい@固定に発売予定 @skynovel7 ncode.syosetu.com/n7797gn/ 「宮廷テイマー、コストカットで追放されて自由を得たので未開拓領域に使い魔の楽園を作ることにする～竜も馬も言うことを聞かなくなったから帰って来いと今更言われても……もうエルフと同盟を結んだので……～」更新しました！ #narou #narouN7797GN 2020-10-18 11:48:38
本記事では「chatgptで手間なく月5桁稼ぐブログを量産する6ステップ」を解説していきます。 こんな人に読んで欲しいです 読んで欲しい人 ・0から新しい副業収入を作りたい人 ・ブログで今苦戦している人 ・これからブログを始める人 実際に私もchatgptをフル活用して月5桁稼ぐブログを量産しています。 しかも穴場を狙ってるので、ほぼ放置して自動的に収益が入ってきている状態です。 今回はそのノウハウを特別に無料で公開。 まずは本記事の全体像をご紹介します。 ステップ１ 目標を数値化 ステップ２ キーワードを厳選 ステップ３ 記事を量産 ステップ４ 被リンクを獲得 ステップ５ 記事をリライト ステップ６ ステップ２〜５を繰り返す 本記事内では ・記事作成をほぼ自動化してくれる「記事作成gptsくん」 ・3~5000文字の記事を量産する「最強スプシ」 ・個人ブログでも取れる被リンクサイト これ
Google検索を頻繁に使う人の中には、引用符「""」を用いて「"GIGAZINE"」「"2022年8月4日(木)のヘッドラインニュース"」のように単語や文章を囲むことにより、囲んだ言葉と完全一致する結果だけを表示させるテクニックを知っている人も多いはず。そんな「""」を使った検索テクニックについてのヒントや注意事項について、Googleが公式ページで解説しています。 How we're improving search results when you use quotes https://blog.google/products/search/how-were-improving-search-results-when-you-use-quotes/ Google検索では、単語や文章を「""」で囲むことにより、囲んだ言葉と完全一致する結果だけを表示させることができます。たとえば「冷房を
こんにちはあるいはこんばんは。村山です。 分析する場面にて、 GA4 を ユニバーサルアナリティクス のように使いこなせている方は、そこまで多くはないのではないかと思います。そこで、今回は Googleアナリティクス で分析するという目的から、 どのように ユニバーサルアナリティクス で対応していたことを GA4 で実現するための考え方やコツを紹介します。 なぜ、アナリティクスのデータを見るのか ユニバーサルアナリティクス と GA4 でのレポートUIの違い アナリティクス環境への混乱 GA4 移行における混乱を考える ユニバーサルアナリティクス のレポートUIを考察する GA4 のレポートUIを考察する GA4 を見るときに意識したいこと GA4 に慣れるためのUIUXを考える GA4 に慣れるためのUI モニタリング分析には GA4 のライブラリを活用する ライブラリの構成 コレクショ
開発・運用の現場から、IIJのエンジニアが技術的な情報や取り組みについて執筆する公式ブログを運営しています。 こんにちは。IIJ Engineers Blog編集部です。 IIJの社内掲示板では、エンジニアのちょっとした技術ネタが好評となって多くのコメントが付いたり、お役立ち情報が掲載されています。 そんな情報を社内に留めておくのはもったいない！ということで、IIJ Engineers Blog編集部より、選りすぐりの情報をお届けします。 今回は、使わなくなったドメイン名はどのようにすればよいかを紹介します。 そのまま放置しておいてよいのか？（ダメ） 廃止すればよいのか？（もっとダメ） どういった対応を行えばよいのか？ どうぞご覧ください。 終わったサービス・キャンペーンのドメイン名、放置されていませんか？ ドメイン名を放置すると付喪神がやどり、ひとりでにサイトを公開したりメールを出し始め
こんにちは！JADEの郡山です。 2023年7月から従来のバージョンのGoogleアナリティクス「ユニバーサルアナリティクス」が順次計測を停止していき、いよいよGA4へ完全移行する段階が訪れました。 同じ「Googleアナリティクス」というアクセス解析ツールではありますが、UAとGA4は計測する仕組み（仕様）がまったくの別物となっています。 ゼロからGA4を学び、向き合い、活用することが求められるわけですが、 一方で「UAではこういう仕組みでデータを集計していた」という知識をお持ちの方ほどUAとGA4の仕様の違いに頭を悩まされることも多いのではないでしょうか。 今回はGA4の基本的なデータである「ユーザー」指標について、 UAとGA4でどのような仕様の違いがあるのかを解説してみます。 管理画面に表示されているデータは、一体どんな仕組みで集計されたものなのか。 その仕組を、（基本的な部分だけ
ChatGPTを神の道具にするChrome拡張機能4選
いろいろと便利に使えると話題のChatGPTですが、基本OpenAIのウェブサイトから使う仕様なのに機能が少なくて使いやすいとは言えなかったりします。 この記事ではそんなChatGPTの弱点を改善するChrome拡張を紹介します。 Glarity-Summary for Google/YouTube (ChatGPT)Glarity-Summary for Google/YouTube (ChatGPT)は、ChatGPTを用いてさまざまなサイト上で要約をしてくれるChrome拡張です。 右側に検索ワードに対する要約を出してくれるGoogle検索ではこのように右側に要約欄が現れ、検索ワードに対する要約を出力してくれます。 YouTubeでも右側に要約欄が出現、その下には書き起こし欄もYouTubeにも対応しており、動画の要約と音声の書き起こしを行なってくれます。 ｢とりあえずChatGPT
先日GoogleよりGoogle Analyticsの大幅アップデートが発表されました。 その名も「Google Analytics 4」です。 従来よりアプリ + ウェブ アナリティクスという名称でβ提供されていたものが正式にリリースされた形になります。 自分の勉強がてら、アップデートの内容を整理したいと思います。 アップデートの背景 そもそもなぜGoogleは今回のアップデートを行ったのでしょうか？ アナウンスの原文にその答えが書いてありました。 新しいアナリティクスでは、デバイスやプラットフォームごとに細分化された測定ではなく、顧客中心の測定を行うことができます。マーケターが提供するユーザーIDや、広告のパーソナライゼーションにオプトインしたユーザーからのGoogle独自のシグナルなど、複数のIDスペースを使用して、顧客が貴社のビジネスとどのように相互作用しているかをより完全に把握す
コマンドラインツールのcurlを用いてHTTPによる通信のパフォーマンスを調べる方法を考えていこうと思います。 curlとは curlはURLを用いてデータをやりとりするためのコマンドラインツールもしくはライブラリです。 コマンドラインツールとしてはcurl、ライブラリとしてはlibcurlがあります。 HTTPだけではなくFTPやSMTPなど様々なプロトコルに対応しています。 自分は主にCLIからHTTPリクエストを送りたい時などに使っています。 使ってみたい方は以下の方法でインストールできると思います brew brew install curl apt apt install curl --write-outを使ってパフォーマンス測定 curlには様々なオプションが用意されていますが、今回、主に用いるのはこの-w, --write-outオプションです。 このオプションは指定したフォ
ヤマト糊ってなんですか？
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：手書きのタイトルっぽく書きたい
こういう変化がはてなブックマークで騒ぎにならないのも時代の流れか… PC検索ではキャッシュは重宝するけどスマホ検索では誰もキャッシュなんて気にしないもんな でもアーカイブ好きにはキャッシュは貴重な情報源なんだよ… いつ削除されたかとかいつ修正されたかとか時系列追えるしな 最近はキャッシュ取得を拒否してるサイトばかりだけど 今は直リンすればキャッシュ見ることができるけどGoogleがこのままキャッシュを残すことすらも辞めたら嫌だな
トイレが詰まりネット検索上位の業者に連絡→見積もり→10万円の請求、断ると態度急変でキレ気味に。検索上位の業者が良い業者とは限らない。
残業キライ子ちゃん̤̫ @monamick30 この前、トイレが詰まってネット検索上位の業者に電話。大きな機材を持ってきて車内で見積もり。10万円の請求。断ると態度急変｢素人にはなおせない。もっと大変な事になる」とキレ気味に…夫が追い返したけど、これ全国的に多発してるの。SEO頑張ってる業者が、良い業者とは限らない。ｷｦﾂｹﾃﾈ。 2022-06-16 06:00:53
かつて、Microsoftは“ビジネスチャット”市場が盛り上がりを見せ始めたとき、「Slack」の買収を検討していたことが知られている。2016年当時の話だが、現CEOのサティア・ナデラ氏を含め、新旧幹部らが激論を交わす形でこの新しいトレンドにどう立ち向かうかの方向性が決められた。 社内は「Slack買収派」と「Skype for Businessを軸に自社製品を強化する派」の2派に分かれていたといわれるが、最終的に後者が勝利する形で「Microsoft Teams」誕生につながっている。 そのSkype for BusinessもMicrosoft 365 ProPlusでのデフォルトアプリケーションからは外され、2019年7月には2021年7月31日時点で「Skype for Business Online」の提供終了が発表された。サービス終了1年前の予告という形になるが、既存ユーザー
二転三転して行き着いたのはやっぱり〝自民党〟。ＮＨＫから国民を守る党の党名変更で１６日、一旦の結論が出た。立花孝志党首（５３）は来年１月から「ＮＨＫから自国民を守る党」に変更し、略称を「自民党」と決定したのだ。 この日、Ｎ国党関係者だけで開かれた党総会で議題となったのは党名変更だ。立花氏は先月、党名を「ゴルフ党」に変更すると発表したが、その後、「民主党」へと変更。ところが、この党名は既に立憲民主党と国民民主党の略称で使用されているとの理由で総務省から却下されていた。 そこで次に候補となったのは政権与党の「自由民主党」の略称「自民党」の使用だ。党名を「ＮＨＫから自国民を守る党」と変更することで、略称でも「自民党」の３文字の使用が可能になるというウルトラＣ案だ。 立花氏は「総務省から先ほど、電話があり、政党名の変更は認めるが、〝自民党〟の略称は認めない。理由についてはただちに申し上げられないと
雨宮純 on Twitter: "素晴らしい技術を使ってネットにゴミ情報を増やさないでほしいです。 https://t.co/4csaOGafiS"
素晴らしい技術を使ってネットにゴミ情報を増やさないでほしいです。 https://t.co/4csaOGafiS
やんやん on Twitter: "今、えきねっとでググったら何故かロシアドメインのサイトが一番上の広告に出てきたがこれヤバくない？すぐにGoogleに報告した。 https://t.co/HHdtUDBT5E"
今、えきねっとでググったら何故かロシアドメインのサイトが一番上の広告に出てきたがこれヤバくない？すぐにGoogleに報告した。 https://t.co/HHdtUDBT5E
ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 PWA（プログレッシブウェブアプリ）とは なぜPWAを構築する必要があるのですか？ すでにPWAを採用しているのはどこですか？ PWAを作成する時に必要なもの Web App Manifest Service Worker PWAを5分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか
フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 01. ラベルを常に記述する 02. Zパターンを避ける 03. ラベルを入力欄の上に配置する 04. 右揃えのラベルを使用する 05. 関連する入力欄をグループ化する 06. ユーザーフローを尊重する 07. スペースを与える 08. ラベルの繰り返しを避ける 09. エラーメッセージは分かりやすく 10. 必要に応じてドロップダウンを使用する 11. プレースホルダーを活用する 12. ボタンは1つに
どうも、マーケターのえるも（@elmo_marketing）です。 本日は、検索エンジンの終わりとその背景、そしてこれから来るであろう「メディアの形」について書いていきます。 今Googleが何を考えて、どう未来を捉えているのか？ そのあたり、僕の仮説をお伝えできたらと思います。 ちなみに僕の見立てでは、Googleは検索エンジンをすでに見切っています。 詳しい内容は、これからお伝えしていきます。 このnoteの要点は以下の通り、 検索エンジンの死は、遅かれ早かれやってくる。 その理由とは？ 無欲時代の最適プラットフォーム**とは？検索エンジンの死は遅かれ早かれやってくる。 「Googleは終わった！SEOが終わった！アフィリエイトは死んだ！」とここ1，2年でかなり叫ばれています。（とりわけ、twitterのタイムライン上で・・） ネット上で「SEOが死んだ」というのは、主にメディア人とア
日本「独立」の検索結果に仰天 日本が第二次世界大戦で戦った連合国との間で結んだサンフランシスコ講和条約。これが発効した日は日本が占領下からの独立を回復した日でもあります。この日付を調べようとして、たまげました。グーグルで「日本 独立 いつ」と検索すると、大きな文字でドーンとこの結果が表示されたのです（上の画像）。 これは伝説上の神武天皇の即位とされる日です。「建国記念の日」のもとにもなっています。一瞬「皇国史観」の設定かとも思いましたが、よく見ると小さく「日本／設立」とも出てきます。つまりグーグルは「独立」と「設立」「建国」を同義語と認識してこの結果になったのでしょう。 このようにパソコンに画面で一番目立つように“誤答”が表示されるのは困ったものです。“正解”を表示させるためには、検索語の入力にちょっとした手間をかければいいことをご存じでしょうか。それは、“ ”という引用符を検索語につける
Googleアナリティクスは無料にも関わらず大量のデータが取れるツールですが、データをもとにどうするかは教えてくれません。 数字の増減に一喜一憂するだけの方も少なくないはず。 今回はそのGoogleアナリティクスの分析によって売上を倍増させた方に話を聞きました。 どの数字を見たのか分析をもとにどのように改善したのかこちらを中心にインタビューをしたので、ぜひご参考ください。 ーーー 私はあるジュエリー・ウォッチメーカーのマーケティング責任者をしています。 商品は世界各国でも展開しており、業界のなかでも比較的歴史の長い会社です。 数多くのKPIをGoogleアナリティクスで定点観測しており、今回は成果があったものをお伝えします。 才流では「分析から最適な施策がわからない」「Googleアナリティクスの活用方法がわからない」企業さまを支援しています。マーケティング活動でお困りの方はお気軽にご相談
Webページのレンダリングを妨げる要因、<head>タグ内でレンダリングをブロックしているCSSやJavaScript、サードパーティーのリソースなどを表示して、どこを修正すればよいか教えてくれるCSSのスニペットを紹介します。 ちなみに下記のグリーンは問題なし、レッドはエラーで対応が必要、オレンジは特定のシナリオで問題が発生する、です。 ct.css ct.css -GitHub ct.cssの特徴 ct.cssのデモ ct.cssの使い方 ct.cssの特徴 <head>内にあるタグは、ページのレンダリングを妨げる要因となる最大の箇所で、正しい形式であることは非常に重要です。ct.cssは、Webページの<head>タグ内に潜在するパフォーマンス上の問題を明らかにするCSSのスニペットです。 ct.css ct.cssの使用にあたっての制限事項は、下記の通りです。 一致しないmedia
2023年2月7日のMicrosoft発表イベント、および同8日のGoogle発表イベントの内容をまとめています。いずれも検索エンジンに搭載されるAIサービスに関する新プロダクトが発表されました。 このページは随時更新しています。 Microsoft、AIを搭載した新しいBingと Edgeブラウザを発表 Microsoftイベントの発表内容（日本時間 2023年2月8日午前3時〜） 従来の検索サービスは複雑な質問の回答に適していない 従来の検索結果画面とAIチャットウインドウ GPT-4相当の技術を搭載 ChatGPTよりも自然で意図にあった回答をするデモを披露 違法行為を促進しないための安全システム 新しいBingのデモ画面 AIを搭載した新しいBingの概要（Microsoft公式発表資料より） Bing Webmaster Guidelines 会話型検索に関する記述 Google
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleを超える検索エンジンを作ったので使ってみてほしい
収益は月6万円。やりがいも、心が痛むときも... トレンドブログ「いかがでしたか？」の裏の本音
「たとえ無料で便利でもGoogleアナリティクスを使うべきではない」という主張
GA4の計測設計には設計ドキュメントが重要な件 - ブログ - 株式会社JADE
「テキストと検索」の時代が終わり、「動画とレコメンド」の時代が始まる：ユーザー10億人のTikTokが示す未来
CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する
画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法
TechCrunch • Startup and Technology News
chatgptで手間なく月5桁ブログを量産する6ステップ
個人アプリ開発 初心者が1年間で得た「開発/集客/運営」全知識 - 株式会社アドリージョン
Google検索の精度を上げるために「“”」を使う方法について公式が解説
GA4をユニバーサルアナリティクスのように使うための考え方とコツ - ブログ - 株式会社JADE
忘れ去られたドメイン名に宿る付喪神 | IIJ Engineers Blog
UAとGA4の【ユーザー数】カウント方法をめっちゃ丁寧に解説します - ブログ - 株式会社JADE
GAが大幅アップデート！「Google Analytics 4」の概要｜CloudFit inc.
curlでパフォーマンス測定 | DevelopersIO
Googleの検索結果からキャッシュのリンクが完全に消えた
Microsoft TeamsとSlackは舌戦で火花を散らす
Ｎ国党が来年から「自民党」に略称変更 正式党名は「ＮＨＫから自国民を守る党」に | 東スポWEB
WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性
デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ
検索エンジンの終わり、その次に来るメディアの形とは？｜エルモ/Marketing Media Lab
グーグルさん、なかなか確認できないんですけど――検索エンジン比較
【分析で売上2倍】Googleアナリティクス活用事例 | メソッド | 才流
head内でパフォーマンスの問題がある箇所、Webページのレンダリングを妨げる要因を明らかにするCSS
GoogleとMicrosoft AI技術と検索 まとめ (2023/02) - SEMリサーチ