こんにちは、JADEの小西です。 広告に携わるみなさまGA4はもう使っていますでしょうか。まだあまり使えてない、ユニバーサルアナリティクスと画面が違って慣れていないだけかもだけど何が変わったの？という段階の方がもう一歩GA4へ踏み込めるよう、ユニバーサルアナリティクスにはできなかったことでGA4ならではのレポーティングで、なおかつごく基本的な設定のみで簡単に確認できることのみをご紹介します。 「カスタムイベントも計測して探索レポート駆使してゴリゴリユーザー行動の分析をしている」くらいの方には特に参考になりませんので今後の村山と郡山の記事を楽しみにお待ちください。 準備：まずトラッキングパラメーターをつける まず、どの広告プラットフォームか、どの広告キャンペーンかなど必要充分な粒度で把握できるようにしましょう。 GA4利用前提でのトラッキングURLのおすすめのつけ方は以前ブログに書きましたの
pixivではNext.jsを用いたフロントエンドのリプレイスプロジェクトを2022年3月末より行っており、現時点(2022年8月)でリクエスト機能をNext.jsにてリプレイスしました。 今回のpixiv insideではピクシブ株式会社で働くエンジニアの取り組みとして、pixivのフロントエンドをNext.jsでリプレイスする取り組みについて実際に取り組んだメンバーからご紹介します。 まずは皆さんの自己紹介をお願いします namazu: pixivのウェブ領域に関するテックリードを担当しているnamazuです。今回のNext.js化プロジェクトではPjMやNext.jsのホスティング回りの実装を担当しています。 shu: 2022年3月に入社したshuです。Next.js化ではフロントエンドの設計、実装を担当しています。 mog: エンジニアとしてアルバイトをしているmogです。Nex
Cloudflare Workers それは Frontend / Node.js が CDN Edge Side まで拡張されるもの
最近は Cloudflare Workers が熱くて、週末はずっとその調査しています。この記事はそのまとめです。 注意点として、手元でいろいろなパターンで動かして試してはいますが、プロダクション環境で運用したわけではないです。それを踏まえた上でお読みください。 特に断りが無い限り、引用文は DeepL で翻訳したものです。 Cloudflare Workers とはなにか Cloudflare Workers | サーバーレスコンピューティング | Cloudflare 一言でいうなら 「ServiceWorker の API が CDN Edge 上で動く JavaScript 処理系」 です。 Technology Radar では、まだ ASSESS(調査) フェーズという扱いです。 Cloudflare Workers | Technology Radar | ThoughtWo
昔の“紙の雑誌”には、作品や作家を生み出す勢いや熱があった！──のに、なぜ今のネットメディアにはそれがないのか？
『アクトレイザー・ルネサンス』プレビュー・感想。ときには神の雷で家を焼いて“区画整理”に励む“神”ゲー こういうことを書くと、「懐古」だの「オッサン」だの「老害」だの「〇〇を知らねーのか」だの、いろいろと言われてしまう気がするので先に謝っておくが、 昔の“紙の雑誌”には、妙な“勢い”と“熱”があった！ と思わずにはいられない。 というのも、昔の雑誌では、その中のいち企画が後の大ヒット作へと発展したり、変な企画の担当者や参加者が、後の著名クリエイターへと成長していった例が少なくないからだ。 （画像はAmazon｜風の谷のナウシカ [DVD] より） 例えば、ジブリの代表的な名作として知られる『風の谷のナウシカ』は、元々は、宮崎駿氏と当時アニメージュの編集者だった鈴木敏夫氏が、映画の企画を通すために（原作がないものは映画化できないと言われ、だったら原作を作ってやる！といって）はじめたものだし、
今年も GitHub のトレンドで 2021 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2020 年の JavaScript | WEB EGG 集計方法 GitHub トレンドは過去の履歴を公式に提供していないため、非公式に集計されたデータを利用しています。 データソースはlarsbijl/trending_archiveを使用 去年はxiaobaiha/github-trending-historyを利用したが今年のデータは無かったので変更 日ごとにまとめた markdown になっており、remark で AST→ データ化しました 集計期間は 2021/01/01 から 2021/12/15 まで 対象言語はJavaScriptとTypeScriptのみ 集計後のデータはこちらのスプレッドシー
WordPressのシェアが減少を始めたとYoast創業者が報告 – Capital P – WordPressメディア
人気SEOプラグインYoastの創業者であるJoost de Valkが自身のブログ記事 “WordPress’ market share is shrinking” で「2022年4月からWordPressのシェアが減少を始めた」と報告している。2022年2月までは順調に伸び続け、43.3%のシェアを取るにいたったWordPressのシェアは同年4月より減少を始めた。 WordPressが減少したということは、他のものが伸びているということであり、それがなにかというとWixとSquarespaceである。このシェア減少の原因をJoostは以下のように分析している。 SEOとサイトパフォーマンスのスコアが悪い。WixとSquarespaceは改善点を全ユーザーに適用できるが、WordPressはサイト所有者が個別にがんばらないといけないため、全体として見ると大きな差が開く。フルサイト編集な
Nuxt.js で開発されていたAI受診相談ユビーのフロントエンドを Next.js で作り直しました。 まだまだ仮説検証を繰り返すフェーズのスタートアップのため、機能開発を止めて一気に置き換えることはできず、機能ごとに少しずつ置き換えてリリースをしました。結果、5人のプロダクト開発チームによる機能開発と並走して、全体の移行を1人で1ヶ月の短期間で終わらせることができたので、その意思決定や過程、工夫を紹介します。 移行前の課題 まず前提として、移行前の Nuxt.js による実装は 2018 年に立ち上がったもので、当時 toC の Web サービスを持っていなかった Ubie が ほぼ 1 人の小さいチームで PoC 的に作り始めたものでした。また、当時の Next.js は今ほど多機能ではないプレーンなフレームワークでした。 これらを踏まえて、当時の状況で MVP を最速で作るための技
検索チャットボット狂想曲：ChatGPTに翻弄されるGoogleのご乱心投稿者: heatwave_p2p 投稿日: 2023/2/262023/2/26 Pluralistic 真に驚くべきことは、検索の未来が関連資料へのリンクではないとMicrosoftが判断したことではない。検索の未来が虚言癖のあるチャットボットが吐き出した華美なパラグラフにあると判断したことだ。さらに注目すべきは、Googleもそれに同調していることである。 Bingに何十億ドルと費やしてきたのに、見向きもされてこなかった。その意味では、バカをやらかしたほうが成功の可能性はあるのかもしれない。だが、世界の検索シェアの90％以上を占める独占企業のGoogleが、なぜMicrosoftと同じ崖から飛び降りなきゃならないのか。 この件に関して、ダン・ホンのMastodonスレッドが実におもしろかった。彼はBingとGoo
![検索チャットボット狂想曲：ChatGPTに翻弄されるGoogleのご乱心 | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bf0f4b58e28ea06bcad93f72c0825a5e21ddf47/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2023%2F02%2FSD20232024.jpg)
他社のオウンドメディアの成功事例をチェック！コストや運営体制も解説 #成功事例 - はてなビジネスブログ
他社のオウンドメディアの成功事例を、自社にも取り入れたい方は多いと思います。 ただ、企業によって運営・編集に割けるリソースは様々です。 事例は、実際にどれだけのコストをかけて、どんな体制で運営されているかもセットで見るからこそ価値を持ちます。 そこで今回は、オウンドメディアの運用について公開されている情報を整理し、成果だけでなく、それぞれの目的やＫＰＩ，運用体制・運用方法などについて紹介していきます。 自社の状況と比較しながら参考にしてみてください。 ※記事では公表時点の情報をもとに記載しています。 （以下、掲載順） 株式会社クラシコム／ネスレ日本株式会社／楽天株式会社／株式会社カインズ／アサヒグループ食品株式会社／第一三共ヘルスケア株式会社／店舗流通ネット株式会社／株式会社メルカリ／サイボウズ株式会社／株式会社AIRDO／オリックス株式会社 オウンドメディアにおける「成功」の定義 事例紹
新規WebサイトのSEOで見落としがちな問題に対処する5つのポイント（#6～#10） | Moz - SEOとインバウンドマーケティングの実践情報
新規ウェブサイトのSEO戦略を構築するのに必要な10のステップ#6～#10ステップ6戦略的なコンテンツカレンダーを作成する（そしてコンテンツを継続的に投入する）戦略的なコンテンツカレンダーは、一貫性を持って意図的に利用すれば、必然的に顧客を引き付け、キーワードに対して上位に表示されるようにするのに役立つ。そうしたコンテンツ計画の方法を紹介しよう： キーワードマップのセクションに優先順位をつける： キーワードマップが100ページ以上に及ぶこともあるかもしれない。これはむしろ良いことだ。なぜなら、オーガニック検索トラフィックを蓄積できる余地が十分にあることを意味するからだ（HubSpotのように月間トラフィックが数百万に上るウェブサイトでさえ、最初はゼロだったことを忘れてはいけない）。 まずは、製品やサービスのページなど、ウェブサイトに今すぐ必要なページを優先すべきだろう。こういったページはコ
こんにちは。ぬこすけ です。 皆さんは「 setTimeout とはどんな関数でしょう？」と聞いたら、どう答えますか？ おそらく、ほとんどの人が「指定した時間に処理が走るようにする関数」と答えるのではないでしょうか？ function main() { console.log('動いたよ！！'); } // 大体 ３ 秒後に main 関数が動き出す setTimeout(main, 3000); 大雑把な理解としては問題ないですが、実は setTimeout の隠された能力はそれだけではありません。 setTimeout の隠された能力を知るとどんな良いことがあるのでしょうか？ 例えば、次のような良いことがあります。 ブラウザに対する理解が深まる Web サイトのパフォーマンスを向上させることができる ドヤれる まず、 ブラウザに対する理解が深まります 。 かのアリストテレスはこう言い残
式年遷宮の様な感じですが、数年おきにブログを作り直してます(前回)。今回は Gatsby でデザインした UI をほぼそのままに、フレームワークを Astro に移行しました。静的サイトの作成では Astro の開発者体験が最高に優れているので、2 年間ほぼ塩漬けにしてしまっていた Gatsby のコードを無事に移行できてよかったです。 Astro とは？ Astro は 一言で言うと、Better HTML です。Astro というフォーマットでサイトが記述できるのですが、普通の(素の)HTML も Astro としてそのまま使えます。厳密には違いますが、HTML のスーパーセットみたいな感じです。その HTML の要素群を component としてまとめることで関心を分離できて(この辺は Web Components でも実現できます)、必要に応じてビルド時にロジックも走らせることが
Next.jsから学ぶWebレンダリング ~React誕生以前からApp Router with RSCまでの流れ~
最近話題のReact Server ComponentsやIslands Architectureが何を解決しようとしてるか知るまでの簡単なWebレンダリングの流れを記載しました。 社内勉強会のために作成した資料となるため箇条書きになっておりますが、なるべくHowやWhatではなくWhyやトレードオフを記述するようにしています。（読みにくい or 誤った記載あったらFB頂けたら幸いです） React 誕生までの Web iPhone と Ajax がリードした Web 2.0 時代 Webにおいて Ajax という技術が注目され始める 2005~ Google mapsやGmailといったサービスがリード jQueryの誕生が 2006~ iPhone登場 2007~ スマホアプリの登場によりソフトウェアのUXに求められる質的変化 mobile safariが時代のリードをした Flash
可燃性が高い記事なので、長めに前提と注意を書きます。 Unreal Engineは、以下UEと略します。 前提と注意 総合的にどちらが優れているか、みたいな話はしません。 それぞれのゲームエンジンの思想については公式が言及しているものではなく、個人の感想です。 この記事にはsimpleとeasyという言葉がでてきます。こちらのスライドをご覧ください。 SimpleとEasyは違う / Simple is not Easy ですが、自分はスライドにある「easyよりsimpleを選択しよう」は必ずしもそうではないと考えています。 時間は有限なので。 グラフィックの話はしません。 AAAゲームの話もしません。開発チームが10人以下の小規模開発を想定しています。 そのため、UE本体(エンジン)のコードに手を入れるのも最終手段として考えています。実際みんなどれだけ手を入れているのだろう？ Unit
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、映像サービスプロダクト本部の浜田（@narirow）です。 GYAO!では最近トップページの大規模な変更が行われました。本記事では映像サービスのバックオフィスを含む大規模な構成変更と、その成果として得られたスケーラビリティ・ページの表示速度の向上についてをお話しします。 GYAO!のトップページの特徴 映像サービスであるGYAO!のトップページは、豊富なラインアップの中から作品を厳選して掲載しています。有名作品をただ並べるだけではなく、レコメンデーションやターゲティングの技術を使って、閲覧者の趣向にあった作品を一覧しています。大量の画像が表示されていることに加え、縦に長いページ構成となっています。 課題と解決のアプロー
はじめに サーバーレスアプリケーションにおけるフロントエンド SPAの課題 サーバーサイドレンダリング Jamstack サーバーフル? サーバーレス? サーバーレスでサーバーサイドレンダリング Nuxt.jsでの例 次回 はじめに サーバーレスでサーバーサイドレンダリングの話です。ReactとかVueを使ったシングルページアプリケーション（SPA）を開発している人がサーバーサイドレンダリングやりたいんだけどサーバーレスでどうやるのって話です。 今回も『サーバーレスアンチパターン今昔物語』というイベントのための記事となっています。 serverless-newworld.connpass.com なお、今回は前編と称してそもそものところを簡単に説明しつつ、サーバーレスでやる場合の基本的な話を説明していきたいと思います。次回、後編で実際にサンプルアプリを用意して動くもので説明をしていきます。
Next.js + Vercel + Supabase を用いた高速アプリ開発 - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは！ラクス入社１年目のkoki_matsuraです。 本日は、Next.jsとVercel、Supabaseを用いて簡単なアプリを高速で開発する手順についてお話しできればと思います。 アジェンダは以下の通りです。 Next.jsとは ReactとNext.jsの違い Next.jsの特徴 Vercelとは Supabaseとは ToDoアプリ作成 Supabaseにデータベースを用意 VercelでNext.jsプロジェクトを作成・デプロイ・GitHub連携 VercelとSupabaseの連携 GitHubからクローン Vercelから環境変数を取得 Supabaseのデータベースに接続 コード編集 終わりに 参考文献 Next.jsとは Next.jsはReactベースのアプリケーションフレームワークです。 公式サイトではNext.jsとはReactを用いたWebアプリ開発で生
週末の忙しい時間帯にGoogle広告に関する営業の電話があり「週末に電話をしてくる方とはお仕事できません」と返答するとすぐに低評価レビューが投稿されていた
ツバメコーヒー @tsubame_coffee_ 週末のいそがしい時間帯にGoogle広告に関する営業の電話があったので「週末のカフェに営業の電話をしてくる方とはお仕事できません」と返答するとすぐに過去に投稿された評価の低いレビューをコピペしたような低評価レビューが報復的に投稿された。なんとも疲れる事態である。 pic.twitter.com/HDvW1Kt9vM 2021-05-15 16:53:03
引越し準備をする人が増える3月、電気の開通手続きを手配する人も多いかと思う。その際にGoogle検索で「東京電力」と調べると、広告を表示するスポンサー欄に「東京電カ」（漢字の“力”ではなく片仮名の“カ”）というWebサイトが現れることがある。 記者も検索したところ、3月15日午後4時時点で確かにこのような結果になることを確認できた。この際、スポンサー欄には本物の東京電力と“東京電カ”の2件のサイトが表示された。本物の東京電力は「tepco.co.jp」のドメインを使っているのに対し、電カでは「denkigas.net」のドメインが使われている。謎のサイトの文言は「【開始専用センター】東京電カ - でんき開始受付センター」としている。
2010年代に日本のインターネットでいろんな事業をいい感じにやってきた会社から2020年代へのヒントをもらえる本を作った - golden-luckyの日記
半年ぶりの新刊です。『Engineers in VOYAGE ― 事業をエンジニアリングする技術者たち』です。紙とPDFがセットになった直販サイトはこちら。 Engineers in VOYAGE ― 事業をエンジニアリングする技術者たち（紙書籍＋電子書籍） https://www.lambdanote.com/products/engineers-in-voyage さて、今回の新刊、いろいろ疑問を呼ぶタイトルかもしれません。 「なぜ VOYAGE GROUP？」 「なぜ t_wada？」 「なぜ宇宙船？」 「答えは本書で！」と言って済ませることもできるのですが、ここで少し「個人的」なふりかえりをして何となく答えた気分になっておこうと思います。 なぜ VOYAGE GROUP？ なぜ t_wada？ なぜ宇宙船？ で、結局のところどういう本なの？ 気合い入ってます なぜ VOYAGE G
javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 この記事では、AutoReserveウェブ版が、Next.jsを一度採用したがやめ、その後create-react-app + react-routerの構成に移行した経緯を書きます。 ウェブ版開発の背景 AutoReserve はAIが電話予約を代行してくれる飲食店向け予約グルメアプリで、現在はiOS / Android / ウェブにサービスを展開しています。 元々はReact Native製のネイティブアプリのみ展開していましたが、ユーザ獲得の面でウェブ版が必要となったため、 追加でウェブ版を実装し、現在の3プラットフォームでの展開に至ります。 最初の技術選定 ウェブ版の最初のバージョンでは、フレームワークとしてNext.jsを採用しました。Reactで書け、SEOのた
自宅で運用されるメールサーバ 「WebとDNSとメールは自分で運用しなさい」「仕事で運用しているものを自宅で運用してはいけない」という教義に基づいて、我が家ではmacOSをサーバとしてWeb/DNS/メールを運用している。 このサーバにはMac Miniを使用しHeadless (ディスプレイを繋がない状態)で運用しているが、筐体が古くmacOSのサポート対象外となり、macportsの依存関係も壊れ始めていたため、Gmailのスパム対応強化の対応のためのメールサーバのDKIM導入を機に、重い腰を上げて新しく買って１年ほど放置していたM1 Mac Mini + macOS Sonomaに式年遷宮を試みた。 いくつかのトラブルはあったが、DNSとメールを新しいMac Miniに移行して、無事に運用を開始することができた。 新しいMac Mini (上)と古いMac Mini (下) いつのま
プラグインの基本を知ろう ChatGPTの有料サブスクライブプラン「ChatGPT Plus」には、ChatGPTの機能を拡張するためのツール「プラグイン（Plugin）」が多数用意されている。プラグインを導入することで最新情報にアクセスしたり、サードパーティーのサービスを利用できるようになる。プラグインの導入方法については前回の記事を参照してほしい。 注：本記事はすべて筆者がChatGPT Plusでプロンプトを実行・検証している。 「結果はこちら（クリックで拡大表示）」のリンクをクリックすることで、すべてのプロンプトと生成されたChatGPTの回答を見ることができる。 なお、記事内で触れられていない質問や頓珍漢な回答も含まれているが、これはChatGPTとのリアルな対話記録であるため、その点をお楽しみいただければと思う。 知識ベース情報を取得できるプラグイン その1 前回はChatGP
株式会社chipper、ChatGPTの技術を活用したWebメディア記事自動作成ツールのβ版提供を開始 EC/D2Cを中心とするマーケティング総合支援を行う株式会社chipper（本社：東京都品川区、代表取締役：十時悠径）は、最新の対話型言語モデルChatGPTに使われている人工知能（AI）を活用したWebメディア記事自動作成ツールのβ版の提供を開始いたします。 ▼Webメディア記事自動作成ツールのβ版の最新プレスリリースはこちら SEO特化のAI自動記事生成ツール「Creative Drive」事前登録開始！GPT-4を搭載し、国内初の無制限で記事作成が可能に https://prtimes.jp/main/html/rd/p/000000013.000074605.html 背景 chipperでは、戦略設計や新商品企画のみだけではなく、Web集客の手法として、SNSやSEO対策に関す
お世話になります。えびすい＠GMB.tokyoです。 GoogleマイビジネスやInstagramを利用して集客アップサービスを提供する、とある会社の存在を知りました。 世間にはいわゆるグレーやブラックな手法を提供し、対価を得る「MEO」業者さんが多数存在します。 ただし、スパム行為や悪質商法（GoogleやInstagramのガイドライン違反）をしていると類推できるだけで、明らかにしている証拠がないため名指しすることは難しいです。 そんな中、なぜこの会社をとりあげたのかというと、この会社は社長自ら、自社のサービス内容の解説動画のなかで、明らかにスパムと判断できる説明をしていたからです。 さらに問題だと思ったのはこの社長、Googleの元社員（Google Asia Pacific. Marketing and Communications）という経歴だからです。 元Googlerが在籍し
そもそもメディアが容疑者の名前を記事に明記するのは通常、警察の発表を受けてからのことになる。 今回の事件のように容疑者が死亡している場合は、警察の捜査員も、本人に話を直接聞きながら裏付けを取っていくことができない。 たとえば容疑者が健康保険証のようなものを身につけていたとしても、それが確実に本人の物なのかを確認するには、一定の時間が掛かる。 さらに、刑事責任能力の有無の検討が必要になるケースもあり、事件・事故後に警察が容疑者の名前をすぐに公表しないことは、珍しくない。 出回った決めつけ一方で今回の事件では、容疑者の人定がはっきりしない状態から、「在日」という決めつけに等しい言説が多々、流布されていた。 Twitterにあふれたのは、以下のような言葉だ。 「犯人は在日らしいよ」「川崎って在日多いから…？」「在日朝鮮人による無差別殺傷事件が増えてきている」 そうした言説を拡大させたのが、「トレ
朗報です！ 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> これにより、Webデベロッパーはsizes属性を省略したり、loading=lazyを持つ<img>要素に対して明示的にsizes=autoを設定することができます。 ブラウザは、画像のレイアウト幅にsrcset属性の値を使用します（遅延画像は、レイアウトが判明するまで読み込みを開始しません）。遅延ではない画像の場合は無効で、100vwと同等になります。 sizes=autoはレスポンシブ対応の<img>に特に強力です。複数のバージョンの画
そう感じてる人は、たとえば何をどういうワードで検索してるか教えてほしい。 絶対煽らないから。
取扱注意!?Search Console の検索パフォーマンス レポートを正しく活用するために知っておくべきこと - ブログ - 株式会社JADE
SEOを考えたWebサイトの運営を行う上で、Search Console 内の1つの機能である検索パフォーマンス レポートで確認できるデータを活用しないという選択肢はありません。 検索パフォーマンス レポートでは、Search Console で設定した自身の関わるWebサイトのプロパティ範囲内という制約こそありますが、Google 検索を利用した検索ユーザーのGoogle 検索結果ページ上での行動データを確認することができるためです。 上記での行動データというのは、Google 検索で検索したユーザーが「どのような検索キーワード」で検索して、検索結果に表示された自身の関わるWebサイトの「どのページ」をクリックし、サイト内へ流入しコンテンツを閲覧することになったのかをデータを指します。 Webサイトをより良くするためのSEOを考えた改善施策に必要不可欠となる行動データを確認できるSear
印刷されたコンテンツとデジタルコンテンツ。記事が読まれるときの大きな違いの一つが「タイトルとサムネイル」の重要性です。デジタルでは、ウェブメディアにしてもニュースアプリにしても、最初に読者の目に入るのは、タイトルとサムネイルだけ。それゆえに、記事に興味を持ってもらうためのタイトルの決め方には、多くの編集者・ライターが工夫を重ねていることでしょう。 しかし、本文を参考に記事を選ぶことができないというスマートフォンでの閲読体験のもとでは、タイトルの決め方は、記事の「選ばれ方」だけでなく、記事の「読まれ方」にまで影響を及ぼします。 今回は、毎日1万本以上にのぼる、SmartNewsで表示された記事の閲読データを分析しました。そこで見えてきた、本文まで読まれやすい記事タイトルの特徴をお伝えします。 タイトルと導入部の印象が異なるだけで読者は離脱する SmartNewsでは、記事の一覧を表示する画面
Google Analytics 4 以外でウェブサイトを分析・改善するための無料ツール群とオウンドメディアでの活用法（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4はアクセス解析ツールのスタンダードとして、多くの企業やサイトに導入されています。しかし利用ハードルが高いのもまた事実です。数多くあるレポートや、自由度が高すぎて迷ってしまう探索レポート、独自の用語なども沢山あり、利用に苦労されている方も多いのではないでしょうか。 そこで、GA4以外でウェブサイトのユーザー行動を理解し、サイト改善するためのツールを厳選して紹介します。今回紹介するツールは無料で利用できるものをピックアップしています。無料プランと有料プランの両方があるサービスの場合は、その旨を記載しています。また、無料でも期間限定のサービスは追加していません。 数多く紹介することを目的とせず、全て筆者が利用している（あるいは利用経験があるもの）に絞り込み、その中で良かったと思うツー
絶対に借金だけはしないように生きてきた。今なおそうしている。
生活のための借金 先日、こんなテキストを読んだ。 「意味わからん、生活費を借金？？」というタイトルだ。 職場の人と話しててびっくりしたのだが、家計の話しになり、40代妻子持ち上司、30代夫子持ち同僚、20代実家暮らし後輩が、リボ払いの限度額越える、生活費引き落としや、口座にお金足りなくて口座とまる？？あるあるを話してて、怖かった。 みんなそんなにナチュラルに借金してるの？ 妻子持ちの人まで、生活費の金足らなくなって、口座とまるってあるの？ みたいな話だ。 書いた人は「意味わからない」という。おれも意味わからん。なぜわからんか書いてみる。 赤字人間 前提として、おれは赤字の人間だ。社会から見て、赤字企業に勤めているから赤字人間だ。おれがそう決めた。 黒字にする能力もねえ。そんなものは社会にとって害悪だ。存在しないほうがよい。それについては前にも書いた。 おれ自体はマイナスの存在だ。いかんとも
【SEOお宝情報】検索ランキングアルゴリズム主要19種一覧（グーグル公式）【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
「グーグルが検索ランキングに利用している主要なアルゴリズムを19種類、挙げて説明してみてください」―― こんな問いに胸を張って答えられるようになる公式情報が登場した！ これはSEO担当者にとってはお宝だ。 今回は、ピックアップの検索アルゴリズム一覧以外にも、大ネタではないが小ネタでもない中堅レベルの興味深いトピックが多い。 「上位表示できるコンテンツの秘訣」「SEOでもサイテーションは評価されるか」「作った良コンテンツを知ってもらうには」「日付表記変更の原則」などなどなど、どれも見逃すともったいないネタだ。 海外SEO情報ブログの掲載記事からの情報も、今回は「Search Central Live Singapore 2022」からのネタとして3つ紹介している。 今週も、あなたのSEO力を底上げするネタを効率良く吸収してほしい。 グーグルで上位表示できるコンテンツ作成の秘訣✕3リンクなしの
結論 個人で開発していたWEBサービスをOSSとして公開しました。 この背景や技術環境について書いていきます。 すべてのソースコードをGitHubに公開しています。 スターやレビューをしてくださると嬉しいです！ 公開したサービス: 上場企業ランキング 先日、オープンソースでWEBサービスを公開しました。 「上場企業ランキング」というサービスです。 その名の通り日本の上場企業を業界ごとに「給与」や「売上」順で閲覧することができるサービスです。 URL: https://company-ranking.net/ GitHub: https://github.com/yuki0920/company-ranking 私は2度の転職活動経験がありますが、企業を選ぶ際に知っておきたいことはいくつもありますよね。 「給与はどのくらいだろう」 「売上や利益はどの程度なのかな」 こういった情報は、求人ペー
2023年7月1日にGA（ユニバーサルアナリティクス）が計測終了とのアナウンスと所感 - Real Analytics （リアルアナリティクス）
2022年3月16日に「Google Analytics（ユニバーサルアナリティクス）」の計測終了に関するアナウンスが行われました。無償版の計測終了日は2023年7月1日です。 日本語の公式ヘルプ（今後も更新されるようです） support.google.com 英語版ブログでのアナウンス blog.google 公式ヘルプにもありますが、重要なポイントをピックアップすると ポイント ・Google アナリティクス（ユニバーサルアナリティクス）の計測停止は2023年7月1日。送られてきたヒットが処理されなくなります。つまりタグが入っていてもGA上には数値が出てこない。有償版も2023年10月1日に計測終了。 ・APIに関しても同様の日程となるため、APIを利用している場合は後述するGA4のAPIへの移行が必要になります。 ・Google広告とGoogle アナリティクスを連携している場合は
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
「Lighthouse」はGoogleが作成したページの読み込み速度やアクセシビリティなどをまとめてチェック・採点してくれるツールですが、そのLighthouseをサイト上のさまざまなページで動作させることでサイト全体のスコアを一発で算出してくれるツールが「Unlighthouse」です。 Unlighthouse - Site-wide Google Lighthouse · Unlighthouse https://unlighthouse.dev/ Unlighthouseを利用するためにはNode.jsのインストールが必要です。下記のURLから、手元の環境に合ったインストール方法を選択してください。 パッケージマネージャを利用した Node.js のインストール | Node.js https://nodejs.org/ja/download/package-manager 今回は
GA4×サチコ×Looker Studioで可視化！ 現場で使われる“ダッシュボード”の作り方 | 【レポート】Web担当者Forumミーティング 2023 秋
Google Search Console（以降、Search Console：サーチコンソール）は便利なツールではあるものの、なかなかそのデータを活用しきれていない、活用したいがデータの加工などがやりにくいという悩みをよく聞く。SEOの分析、モニタリングツールの「Amethyst（アメジスト）」を提供するJADEの郡山 亮氏が「Web担当者Forum ミーティング 2023 秋」に登壇。 無料ツール「Looker Studio（ルッカースタジオ）」を使ってSearch Consoleのデータを徹底活用し、現場で使われる、定点モニタリングしやすいダッシュボードをつくる方法を紹介した。 Search Consoleの扱いづらさをカバーするLooker StudioSearch Consoleはさまざまなことができるツールだが、今回は検索パフォーマンスの検索結果レポートに絞って紹介した。Sea
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GA4初心者の広告担当者にも簡単にできるGA4らしい分析 - ブログ - 株式会社JADE
pixivをNext.jsでリプレイスする取り組みをご紹介します。 - pixiv inside
GitHubのトレンドで振り返る2021年のJavaScript/TypeScript
150万MAUのNuxt.js製サービスを機能開発を止めずに1ヶ月&1人でNext.jsに置き換えた話
SEOとスマホアプリの際どい関係。SEOのプロが説くアプリの悪影響・必要性・ROI、そしてビジネス判断 | JADEのSEOプロフェッショナル相談室
検索チャットボット狂想曲：ChatGPTに翻弄されるGoogleのご乱心 | p2ptk[.]org
リスティングがSEOに影響？ 自然検索と広告の連携戦略をプロが解説 | JADEのSEOプロフェッショナル相談室
setTimeout の真の力、あなたは知っていますか？ - Qiita
ブログをAstro に移行しました - As a Futurist...
UnityエンジニアがUnreal Engine入門してみて感じた思想の違い - きゅぶろぐ
GYAO!トップページの表示パフォーマンス改善 〜 GraphQLアーキテクチャへの移行
サーバーレスでサーバーサイドレンダリング 前編 - Sweet Escape
「東京電力」と検索すると「東京電“カ”」が広告枠に いったい何者？ 東電に聞いた
なぜNext.jsをやめたのか？ - Hello Tech
一時間以上家を離れるとメールサーバがダウンする問題 - show log @yuyarin
ChatGPTをめちゃくちゃ便利にする“プラグイン”の使い方「こんな情報を探して！」編 (1/3)
株式会社chipper、ChatGPTの技術を活用したWebメディア記事自動作成ツールのβ版提供を開始
違反手口を公然とYoutubeで説明するMEO業者社長を発見-なぜスパムなのか解説します | Gmb.tokyo
川崎殺傷事件、ネットに広がった「犯人は在日」の声 根拠なく拡散した“トレンドブログ“とは
レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります
「Googleの検索結果はゴミばっかり」みたいな話があるけど
スマホを意識した記事タイトルとは？ーー読者の期待をコントロールする - Media × Tech
個人で開発していた上場企業の情報サイトをOSSにした
サイトの表示高速化につながる18のこと | knowledge / baigie
サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse」