今年も 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のみ 集計後のデータはこちらのスプレッドシー
他社のオウンドメディアの成功事例をチェック！コストや運営体制も解説 #成功事例 - はてなビジネスブログ
他社のオウンドメディアの成功事例を、自社にも取り入れたい方は多いと思います。 ただ、企業によって運営・編集に割けるリソースは様々です。 事例は、実際にどれだけのコストをかけて、どんな体制で運営されているかもセットで見るからこそ価値を持ちます。 そこで今回は、オウンドメディアの運用について公開されている情報を整理し、成果だけでなく、それぞれの目的やＫＰＩ，運用体制・運用方法などについて紹介していきます。 自社の状況と比較しながら参考にしてみてください。 ※記事では公表時点の情報をもとに記載しています。 （以下、掲載順） 株式会社クラシコム／ネスレ日本株式会社／楽天株式会社／株式会社カインズ／アサヒグループ食品株式会社／第一三共ヘルスケア株式会社／店舗流通ネット株式会社／株式会社メルカリ／サイボウズ株式会社／株式会社AIRDO／オリックス株式会社 オウンドメディアにおける「成功」の定義 事例紹
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はサイト所有者が個別にがんばらないといけないため、全体として見ると大きな差が開く。フルサイト編集な
式年遷宮の様な感じですが、数年おきにブログを作り直してます(前回)。今回は 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
新規WebサイトのSEOで見落としがちな問題に対処する5つのポイント（#6～#10） | Moz - SEOとインバウンドマーケティングの実践情報
新規ウェブサイトのSEO戦略を構築するのに必要な10のステップ#6～#10ステップ6戦略的なコンテンツカレンダーを作成する（そしてコンテンツを継続的に投入する）戦略的なコンテンツカレンダーは、一貫性を持って意図的に利用すれば、必然的に顧客を引き付け、キーワードに対して上位に表示されるようにするのに役立つ。そうしたコンテンツ計画の方法を紹介しよう： キーワードマップのセクションに優先順位をつける： キーワードマップが100ページ以上に及ぶこともあるかもしれない。これはむしろ良いことだ。なぜなら、オーガニック検索トラフィックを蓄積できる余地が十分にあることを意味するからだ（HubSpotのように月間トラフィックが数百万に上るウェブサイトでさえ、最初はゼロだったことを忘れてはいけない）。 まずは、製品やサービスのページなど、ウェブサイトに今すぐ必要なページを優先すべきだろう。こういったページはコ
大雑把な理解としては問題ないですが、実は setTimeout の隠された能力はそれだけではありません。 setTimeout の隠された能力を知るとどんな良いことがあるのでしょうか？ 例えば、次のような良いことがあります。 ブラウザに対する理解が深まる Web サイトのパフォーマンスを向上させることができる ドヤれる まず、 ブラウザに対する理解が深まります 。 かのアリストテレスはこう言い残しました。 Knowing setTimeout is the beginning of all wisdom. ( setTimeout を知ることは、すべての知恵の始まりである) setTimeout を知ることは（ブラウザの）すべての知恵のはじまり と言って過言ではありません。 普段なにげなく setTimeout を使っていても、「実はブラウザは裏でこんなことしているんだー」という新しい知見
可燃性が高い記事なので、長めに前提と注意を書きます。 Unreal Engineは、以下UEと略します。 前提と注意 総合的にどちらが優れているか、みたいな話はしません。 それぞれのゲームエンジンの思想については公式が言及しているものではなく、個人の感想です。 この記事にはsimpleとeasyという言葉がでてきます。こちらのスライドをご覧ください。 SimpleとEasyは違う / Simple is not Easy ですが、自分はスライドにある「easyよりsimpleを選択しよう」は必ずしもそうではないと考えています。 時間は有限なので。 グラフィックの話はしません。 AAAゲームの話もしません。開発チームが10人以下の小規模開発を想定しています。 そのため、UE本体(エンジン)のコードに手を入れるのも最終手段として考えています。実際みんなどれだけ手を入れているのだろう？ Unit
javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 この記事では、AutoReserveウェブ版が、Next.jsを一度採用したがやめ、その後create-react-app + react-routerの構成に移行した経緯を書きます。 ウェブ版開発の背景 AutoReserve はAIが電話予約を代行してくれる飲食店向け予約グルメアプリで、現在はiOS / Android / ウェブにサービスを展開しています。 元々はReact Native製のネイティブアプリのみ展開していましたが、ユーザ獲得の面でウェブ版が必要となったため、 追加でウェブ版を実装し、現在の3プラットフォームでの展開に至ります。 最初の技術選定 ウェブ版の最初のバージョンでは、フレームワークとしてNext.jsを採用しました。Reactで書け、SEOのた
はじめに サーバーレスアプリケーションにおけるフロントエンド 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アプリ開発で生
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
プラグインの基本を知ろう ChatGPTの有料サブスクライブプラン「ChatGPT Plus」には、ChatGPTの機能を拡張するためのツール「プラグイン（Plugin）」が多数用意されている。プラグインを導入することで最新情報にアクセスしたり、サードパーティーのサービスを利用できるようになる。プラグインの導入方法については前回の記事を参照してほしい。 注：本記事はすべて筆者がChatGPT Plusでプロンプトを実行・検証している。 「結果はこちら（クリックで拡大表示）」のリンクをクリックすることで、すべてのプロンプトと生成されたChatGPTの回答を見ることができる。 なお、記事内で触れられていない質問や頓珍漢な回答も含まれているが、これはChatGPTとのリアルな対話記録であるため、その点をお楽しみいただければと思う。 知識ベース情報を取得できるプラグイン その1 前回はChatGP
運転中にイラッとしたときの対処法ってあるの？ 交通心理学の研究者に「平常心」の保ち方を聞いてみた #くるまも - くるまも｜三井住友海上
こんにちは。ライターの大塚たくまです。 普段運転していると、車線変更を繰り返しながら追い抜いていく車を見かけるときがあります。 「危ないなぁ」とつぶやいてイラ立つこともありますが、少しは気持ちを理解できます。ぼくも取材時刻に遅れそうになって同じような運転をしそうになった経験があるからです。 幸い危険な状況にはなったことはないけど、運転中の「イライラ」や「焦り」は運転に影響しそうだという自覚があります。いつでも落ち着いて安全運転をするにはどうすればいいのでしょうか……？ 調べてみると、なんと人間の行動特性を解明し、交通事故防止につなげる「交通心理学」という研究分野があることを知りました。 今回はその分野を研究されている大阪大学大学院の中井宏先生に、運転中に「平常心」を保つ方法を教えてもらいます。日常シーン別や日々運転をするプロ（職業ドライバー）のイライラ対処法がわかりますよ！ 「焦り」や「イ
どうもこんにちは、しんざきです。 最近自宅でkindle端末を導入しまして、物理本で埋まった本棚を整理しながら子どもたちと漫画を楽しむ生活を送っています。 子どもと漫画の話で盛り上がれるの、楽しいですよね。 今は長男が黙々とDr.Stoneを読んでいる一方、長女と次女は二人そろってゆるキャン△にハマってまして、りんが好きだなでしこが好きだと激論を戦わせていました。ちなみに私自身は美波先生ごひいきです。 さて。 今日は、最近読んで「面白ぇ！！！！！」ってなった漫画について軽く全力推しをさせて頂いて、未購入の皆さんの指をついうっかりポチらせることを目標に記事を書きたいと考えているのですが、何の話って「葬送のフリーレン」です。 Twitterで見かけて面白かったんで購入してみたらこれが大当たり、脳が溶けるかと思うくらい優しい面白さを味わえたんですよ。 「葬送のフリーレン」は、山田鐘人先生原作、ア
お世話になります。えびすい＠GMB.tokyoです。 GoogleマイビジネスやInstagramを利用して集客アップサービスを提供する、とある会社の存在を知りました。 世間にはいわゆるグレーやブラックな手法を提供し、対価を得る「MEO」業者さんが多数存在します。 ただし、スパム行為や悪質商法（GoogleやInstagramのガイドライン違反）をしていると類推できるだけで、明らかにしている証拠がないため名指しすることは難しいです。 そんな中、なぜこの会社をとりあげたのかというと、この会社は社長自ら、自社のサービス内容の解説動画のなかで、明らかにスパムと判断できる説明をしていたからです。 さらに問題だと思ったのはこの社長、Googleの元社員（Google Asia Pacific. Marketing and Communications）という経歴だからです。 元Googlerが在籍し
株式会社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対策に関す
自宅で運用されるメールサーバ 「WebとDNSとメールは自分で運用しなさい」「仕事で運用しているものを自宅で運用してはいけない」という教義に基づいて、我が家ではmacOSをサーバとしてWeb/DNS/メールを運用している。 このサーバにはMac Miniを使用しHeadless (ディスプレイを繋がない状態)で運用しているが、筐体が古くmacOSのサポート対象外となり、macportsの依存関係も壊れ始めていたため、Gmailのスパム対応強化の対応のためのメールサーバのDKIM導入を機に、重い腰を上げて新しく買って１年ほど放置していたM1 Mac Mini + macOS Sonomaに式年遷宮を試みた。 いくつかのトラブルはあったが、DNSとメールを新しいMac Miniに移行して、無事に運用を開始することができた。 新しいMac Mini (上)と古いMac Mini (下) いつのま
絶対に借金だけはしないように生きてきた。今なおそうしている。
生活のための借金 先日、こんなテキストを読んだ。 「意味わからん、生活費を借金？？」というタイトルだ。 職場の人と話しててびっくりしたのだが、家計の話しになり、40代妻子持ち上司、30代夫子持ち同僚、20代実家暮らし後輩が、リボ払いの限度額越える、生活費引き落としや、口座にお金足りなくて口座とまる？？あるあるを話してて、怖かった。 みんなそんなにナチュラルに借金してるの？ 妻子持ちの人まで、生活費の金足らなくなって、口座とまるってあるの？ みたいな話だ。 書いた人は「意味わからない」という。おれも意味わからん。なぜわからんか書いてみる。 赤字人間 前提として、おれは赤字の人間だ。社会から見て、赤字企業に勤めているから赤字人間だ。おれがそう決めた。 黒字にする能力もねえ。そんなものは社会にとって害悪だ。存在しないほうがよい。それについては前にも書いた。 おれ自体はマイナスの存在だ。いかんとも
取扱注意!?Search Console の検索パフォーマンス レポートを正しく活用するために知っておくべきこと - ブログ - 株式会社JADE
SEOを考えたWebサイトの運営を行う上で、Search Console 内の1つの機能である検索パフォーマンス レポートで確認できるデータを活用しないという選択肢はありません。 検索パフォーマンス レポートでは、Search Console で設定した自身の関わるWebサイトのプロパティ範囲内という制約こそありますが、Google 検索を利用した検索ユーザーのGoogle 検索結果ページ上での行動データを確認することができるためです。 上記での行動データというのは、Google 検索で検索したユーザーが「どのような検索キーワード」で検索して、検索結果に表示された自身の関わるWebサイトの「どのページ」をクリックし、サイト内へ流入しコンテンツを閲覧することになったのかをデータを指します。 Webサイトをより良くするためのSEOを考えた改善施策に必要不可欠となる行動データを確認できるSear
結論 個人で開発していたWEBサービスをOSSとして公開しました。 この背景や技術環境について書いていきます。 すべてのソースコードをGitHubに公開しています。 スターやレビューをしてくださると嬉しいです！ 公開したサービス: 上場企業ランキング 先日、オープンソースでWEBサービスを公開しました。 「上場企業ランキング」というサービスです。 その名の通り日本の上場企業を業界ごとに「給与」や「売上」順で閲覧することができるサービスです。 URL: https://company-ranking.net/ GitHub: https://github.com/yuki0920/company-ranking 私は2度の転職活動経験がありますが、企業を選ぶ際に知っておきたいことはいくつもありますよね。 「給与はどのくらいだろう」 「売上や利益はどの程度なのかな」 こういった情報は、求人ペー
【SEOお宝情報】検索ランキングアルゴリズム主要19種一覧（グーグル公式）【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
「グーグルが検索ランキングに利用している主要なアルゴリズムを19種類、挙げて説明してみてください」―― こんな問いに胸を張って答えられるようになる公式情報が登場した！ これはSEO担当者にとってはお宝だ。 今回は、ピックアップの検索アルゴリズム一覧以外にも、大ネタではないが小ネタでもない中堅レベルの興味深いトピックが多い。 「上位表示できるコンテンツの秘訣」「SEOでもサイテーションは評価されるか」「作った良コンテンツを知ってもらうには」「日付表記変更の原則」などなどなど、どれも見逃すともったいないネタだ。 海外SEO情報ブログの掲載記事からの情報も、今回は「Search Central Live Singapore 2022」からのネタとして3つ紹介している。 今週も、あなたのSEO力を底上げするネタを効率良く吸収してほしい。 グーグルで上位表示できるコンテンツ作成の秘訣✕3リンクなしの
はじめに あなたは日々、何かを見ている。そう、コードを。エラーを。ドキュメントを。解決策を。 そして、それは誰も見ていないものかもしれない。あるいは、多くの人が同じものを見ているのに、誰も記録に残していないのかもしれない。 「自分なんてまだ1年目、2年目。経験が浅いから書くことなんてない」 そんな思いを抱いていませんか？ しかし、その思い込みは真実ではありません。むしろ、経験の浅さこそが、あなたにしか書けない貴重な視点を生み出します。初めて学ぶ時の困惑、理解するまでの試行錯誤、そして「あ、わかった！」という喜び—これらの生々しい体験は、あなたがまさに今感じているからこそ書ける宝物なのです。 「専門家でもないのにブログなんて書けない」「自分の書いたものなんて誰も読まないだろう」という思いも、単なる幻想です。誰もが最初から専門家ではなかった。今あなたが参考にしている記事を書いた人も、最初は不安
Google Analytics 4 以外でウェブサイトを分析・改善するための無料ツール群とオウンドメディアでの活用法（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4はアクセス解析ツールのスタンダードとして、多くの企業やサイトに導入されています。しかし利用ハードルが高いのもまた事実です。数多くあるレポートや、自由度が高すぎて迷ってしまう探索レポート、独自の用語なども沢山あり、利用に苦労されている方も多いのではないでしょうか。 そこで、GA4以外でウェブサイトのユーザー行動を理解し、サイト改善するためのツールを厳選して紹介します。今回紹介するツールは無料で利用できるものをピックアップしています。無料プランと有料プランの両方があるサービスの場合は、その旨を記載しています。また、無料でも期間限定のサービスは追加していません。 数多く紹介することを目的とせず、全て筆者が利用している（あるいは利用経験があるもの）に絞り込み、その中で良かったと思うツー
「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はさまざまなことができるツールだが、今回は検索パフォーマンスの検索結果レポートに絞って紹介した。Se
Google検索で情報を探そうとして、検索結果に並ぶページのタイトルが不自然な途切れ方をしていたり、省略されて内容がよく分からなくなったりしているのを目にしたことがある人は多いはず。Googleはよくページのタイトルを勝手に書き換えるので、コンテンツの制作者が意図したものとは違ったタイトルが検索結果に表示されることがしばしば発生します。そんなGoogleによるタイトルの書き換え対策について、検索エンジン最適化(SEO)対策ソフトウェアを手がけるZyppyのサイラス・シェパードCEOが解説しました。 We Studied 81,000 Page Titles - Google Rewrote 61% Of Them https://zyppy.com/blog/google-search-title-rewrite-study/ ページのタイトルは、Google検索をしたユーザーの目に最初に
Google AI「折りたたみスマホ40%」事件
Google Drive のデータ消失不具合の陰に隠れているし、こちらは直接の被害はほとんどないが 今後もこの調子が続くならば、検索のGoogleという強みも、今後のAIでのシェアも揺らぐであろう事態が起きた Google検索の試験運用AIや、Google Bard に日本での折りたたみスマホの普及率を尋ねると 「折りたたみスマホを持つ人の割合は40%」と回答したのだ （注：この増田を書いている時には学習元となった記事も消え、Google AIも40%を返さなくなっている） 2023年現在の日本では折りたたみスマホを持つ人はレアであり40%という数字は明確な誤りである、というのは前提としてほしい Googleに限らず、AIが誤った回答を出すことは多い しかしこの事件は、誤答の経路がハッキリしている点で他のAI誤答とは一線を画している 1.合同会社リュミエールデスポワールがPR TIMESに
三菱UFJリサーチが出したサマリレポートにブクマが集まっているのだが、 『地政学リスクの全体像の整理 | 三菱UFJリサーチ&コンサルティング』 https://b.hatena.ne.jp/entry/s/www.murc.jp/library/economyresearch/analysis/research/report_240528/ そこで「よくまとまっている」とかコメントしてるブクマカが数人いて失笑するするしかない。なんだよそのエラソーな態度はｗ そもそもネットで国際関係に関して調べる時、膨大なゴミ情報が掛かり易いわけだ。だからこういう金融系シンクタンクのレポートが出てくるまで検索を続ける、出てくるまで検索式を変えてみるっていう風に一定の基準とされる事が多いもんだろ。 大学のレポートでどっかのインフルエンサの動画を参照したとかネットで活躍する誰それのメルマガ参照とか書い
パフォーマンス改善のいろは
こんにちは、@kaa_a_zu です。私は、今までいくつかの組織でフロントエンドのパフォーマンス改善に取り組んできました。パフォーマンスが劇的に改善したこともあれば、改善点の洗い出しで終わったこともありました。この記事では、それらの経験に基づいて、どのようにしたらチームがパフォーマンスに意識を向けることができるのか、改善を習慣化できるのかについて基本的なことを紹介させていただきます。少しでも参考になったらありがたいです。また、ご指摘や感想も随時お待ちしております。 ※この記事はWebフロントエンド領域を対象にしています。 なぜパフォーマンス改善をするのか パフォーマンスを改善する目的には、大きく３つあると考えています。 ユーザー体験の質を向上させるため(追記: この動画はパフォーマンスの重要性を説いています) SEO対策のため 将来的にリッチな機能を導入するため(既にTWA化の基準にはパフ
有名な海外個人開発者まとめ！年5億以上稼ぐ人も！
こんにちは、ネットではウマたんというハンドルネームで活動していて普段はスタビジというメディアやスタアカという教育サービスを運営しています。 普段は主にAIデータサイエンスまわりの発信活動や事業を展開しているのですが、2024年から海外に移住し海外向けのサービスを作っています。2024年はとりあえず12ヶ月で12個のサービスを作る挑戦をしています。 その挑戦に関しては以下の記事に書いてますので興味のある方は見てみてください。 ただ、とりあえず海外でサービスを作ってもなかなか上手くいくわけがない。 そこで先人たちの知恵を借りるために、海外の成功してる個人開発者をリサーチしてニュースレターで配信してます。 ということでこの記事では、今までリサーチしてきたすっごい海外個人開発者たちの情報をまとめていきたいと思います（※随時更新予定）。 Pieter Levels（ピーター・レベルズ）氏 （出典：h
はてなブログでは、はてなブログの有料ユーザー(Pro, Business, for Devblog)を対象として、新しく記事本文末尾のデザイン設定(以下 記事本文末尾枠)を利用可能になりました。この設定により、ユーザーが記事本文末尾に自由に要素を置けるようになります。 この枠はより多くの人にブログが読まれるために有益な場所です。この枠の価値と活用方法についてSEOの専門家、辻正浩さん(id:t-w-o)の寄稿で解説します。 SEO専門家の辻正浩です。 私は十数年、はてなブログなどのWebサービスや企業サイトのSEOをサポートをしています。様々なタイプのWebサイトをより多く検索されるための改善を行い続けていますが、記事を中心としたWebサイトの改善で最も重要なことの一つとして優先的に取り組むのは「記事直下動線」です。 記事本文が終わった直後、ソーシャルボタンや関連記事などが表示される前に置
あなたのパフォーマンスを倍にする Frontend Ops はいかがですか.md あなたのプロジェクトに Frontend Ops を。 現状 Full Plan: 1ヶ月 120万 秘密保持契約を行い、ソースコードを分析し、改善を行います 現在受付可能なのは、1月以降です 調査費用は50万~になります Lightweight Plan: 外部計測のみ 50万 秘密保持契約抜きで外部からの監視を行います 分析結果を結果を御社のエンジニアを含めて説明します 報告は社内勉強会形式にすることも可能です 分析を受け付けられるのは特殊な認証がないURLになります 認証やドメイン理解を伴うURLは要相談になります [経営者の方へ] ウェブサイトが遅くなっていませんか?機能追加が遅くなっていませんか？ 私 @mizchi は Node.js とフロントエンドのエキスパートです。もし私を知らなければ、御社
React で h1-h6 を正しく使い分ける
Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。 この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を３つずつご紹介します。 尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。 前提知識 読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか？ 大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は 「見出し要素」 と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて
ベイジの五ノ井です。役職はディレクターですが、編集者の経験があることから、コンテンツや文章のクオリティを管理する立場で働いています。6月からは、ベイジの日報の編集長も務めています。 そんな私の第一回目の記事は、文章について。 デジタル化が進む今、文章力は社会人の最重要スキルといって過言ではありません。 今は会話や電話のような音声コミュニケーションの機会がどんどん減り、多くがメールやチャットのようなテキストコミュニケーションに置き換えられています。文章力がある人には、企画書、社内資料、記事、SNSなど、様々な媒体を通じて自分のメッセージを届け、影響力を高めるチャンスが転がってきます。 これほど重要な文章力について、ほとんどの人は高校以降は専門的な教育を受けることもなく、働き始めます。文章に苦手意識を持っている社会人も非常に多いですが、作家やライターではない社会人が覚えるべき文章のセオリーは僅
What's New In DevTools (Chrome 96) | Blog | Chrome for Developers
Preview feature: New CSS Overview panel Use the new CSS Overview panel to identify potential CSS improvements on your page. Open the CSS Overview panel, then click on Capture overview to generate a report of your page’s CSS. You can further drill down on the information. For example, click on a color in the Colors section to view the list of elements that apply the same color. Click on an element
こんにちは、事業開発部でプロジェクトマネージャー兼エンジニアをやっている新井(@SpicyCoffee)です。10 万円の申請書を書く前に 20 万円のパソコンを買いました。 クックパッドでは、毎日の料理を楽しみにするべく日々サービス開発がおこなわれています。本稿では、サービス開発の中でも重要かつ難解な「KPI の設定」について、私がプロジェクトマネージャーとして普段考えていることや注意している点を紹介します。 KPI を決めるのは難しい サービス開発において KPI を設定し、それを改善するような施策や検証を繰り返していくことは基本中の基本です。しかしながら、現実には「KPI を設定する」という行為自体の難易度が非常に高く、日夜頭を悩ませている開発者のみなさんも多いのではないでしょうか。 以下では、その要因の一つである「KPI は複数の要件を満たす必要がある」ことについて考えます。 満た
教師からエンジニアになった寺井氏寺井省吾氏：「サービスを軌道に乗せるまで一人でやったすべてのこと」というタイトルで発表したいと思います。よろしくお願いします。 まず簡単に自己紹介ですが、寺井省吾といいます。今、株式会社YOUTRUSTでエンジニアをしています。僕はもともと教師をやっていて、教師からWebエンジニアに転職しました。趣味で将棋とかバドミントンとかサッカーをやっています。 個人開発がけっこう好きで、今までいろいろなサービスを作ってきました。人のペインを解決するようなツール系のサービスだったり、あとはクスッと笑ってもらうためにおもしろ系のアプリだったりをいくつか作ってきました。今日は、自分が今まで作ってきた中で一番ユーザー数が伸びたというか、ユーザーがついてくれた「席替えメーカー」というサービスについてお話ししようと思います。 本セッションで話すこと席替えメーカーの何について話すか
ログミーBusinessトップメインカテゴリ経営・マネジメント5〜10万円の低単価案件の受注をやめたら労働生産性が劇的に向上 相見積もり案件には提案書を出さないことで見えた“意外な効果” 起業から10年で売上30億円を達成した株式会社koujitsu。今回は同社代表の柴田雄平氏が売上30億円になるまでに経験した「10の失敗」を語ったセミナーの模様をお届けします。マインドとスキルのバランスの重要性や、会社全体の一体感が低下した原因と対策などが語られました。 前回の記事はこちら 業務振り返りを強化するKPTシートの効果 柴田雄平氏（以下、柴田）：人材育成の失敗についてもお話しします。上司と部下のコミュニケーション不足やオンボーディングが機能しなかったことが挙げられます。リモートワーク環境も影響し、上司が顧客案件に集中するあまり、部下とのコミュニケーションを取る時間が不足していました。 これを改
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubのトレンドで振り返る2021年のJavaScript/TypeScript
ブログをAstro に移行しました - As a Futurist...
リスティングがSEOに影響？ 自然検索と広告の連携戦略をプロが解説 | JADEのSEOプロフェッショナル相談室
setTimeout の真の力、あなたは知っていますか？ - Qiita
UnityエンジニアがUnreal Engine入門してみて感じた思想の違い - きゅぶろぐ
なぜNext.jsをやめたのか？ - Hello Tech
サーバーレスでサーバーサイドレンダリング 前編 - Sweet Escape
ChatGPTをめちゃくちゃ便利にする“プラグイン”の使い方「こんな情報を探して！」編 (1/3)
「葬送のフリーレン」が体に染み入るようにじんわりほっこりと面白いので皆読んで欲しい
違反手口を公然とYoutubeで説明するMEO業者社長を発見-なぜスパムなのか解説します | Gmb.tokyo
株式会社chipper、ChatGPTの技術を活用したWebメディア記事自動作成ツールのβ版提供を開始
一時間以上家を離れるとメールサーバがダウンする問題 - show log @yuyarin
個人で開発していた上場企業の情報サイトをOSSにした
3年目までに身につけたい技術ブログの書き方 - じゃあ、おうちで学べる
サイト上のさまざまなページのパフォーマンスをまとめて測定できるツール「Unlighthouse」
Googleが6割以上のページのタイトルを勝手に書き換えて検索結果に表示、長すぎても短すぎてもダメ
シンクタンクレポートを見たはてなー「よくまとまっている」だとさ
はてなブログの記事本文末尾枠とそのSEO的価値について (寄稿:辻正浩) - はてなブログ開発ブログ
あなたのパフォーマンスを倍にする Frontend Ops の傭兵はいかがですか
ビジネスに役立つ上手な文章の書き方11のコツ | knowledge / baigie
KPI 設定の難しさについての思索とそれに付随した細かな考察 - クックパッド開発者ブログ
個人開発サービスを軌道に乗せるまでに行ったすべてのこと UU数28万人の「席替えメーカー」、元教師の開発者が語る | ログミーBusiness
低単価案件の受注をやめて劇的に向上した労働生産性 相見積もり案件に提案書を出さないことの“意外な効果”