並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 632件

新着順 人気順

SEOの検索結果281 - 320 件 / 632件

  • シンクタンクレポートを見たはてなー「よくまとまっている」だとさ

    三菱UFJリサーチが出したサマリレポートにブクマが集まっているのだが、 『地政学リスクの全体像の整理 | 三菱UFJリサーチ&コンサルティング』 https://b.hatena.ne.jp/entry/s/www.murc.jp/library/economyresearch/analysis/research/report_240528/ そこで「よくまとまっている」とかコメントしてるブクマカが数人いて失笑するするしかない。なんだよそのエラソーな態度はw そもそもネットで国際関係に関して調べる時、膨大なゴミ情報が掛かり易いわけだ。だからこういう金融系シンクタンクのレポートが出てくるまで検索を続ける、出てくるまで検索式を変えてみるっていう風に一定の基準とされる事が多いもんだろ。 大学のレポートでどっかのインフルエンサの動画を参照したとかネットで活躍する誰それのメルマガ参照とか書い

      シンクタンクレポートを見たはてなー「よくまとまっている」だとさ
    • パフォーマンス改善のいろは

      こんにちは、@kaa_a_zu です。私は、今までいくつかの組織でフロントエンドのパフォーマンス改善に取り組んできました。パフォーマンスが劇的に改善したこともあれば、改善点の洗い出しで終わったこともありました。この記事では、それらの経験に基づいて、どのようにしたらチームがパフォーマンスに意識を向けることができるのか、改善を習慣化できるのかについて基本的なことを紹介させていただきます。少しでも参考になったらありがたいです。また、ご指摘や感想も随時お待ちしております。 ※この記事はWebフロントエンド領域を対象にしています。 なぜパフォーマンス改善をするのか パフォーマンスを改善する目的には、大きく3つあると考えています。 ユーザー体験の質を向上させるため(追記: この動画はパフォーマンスの重要性を説いています) SEO対策のため 将来的にリッチな機能を導入するため(既にTWA化の基準にはパフ

        パフォーマンス改善のいろは
      • 有名な海外個人開発者まとめ!年5億以上稼ぐ人も!

        こんにちは、ネットではウマたんというハンドルネームで活動していて普段はスタビジというメディアやスタアカという教育サービスを運営しています。 普段は主にAIデータサイエンスまわりの発信活動や事業を展開しているのですが、2024年から海外に移住し海外向けのサービスを作っています。2024年はとりあえず12ヶ月で12個のサービスを作る挑戦をしています。 その挑戦に関しては以下の記事に書いてますので興味のある方は見てみてください。 ただ、とりあえず海外でサービスを作ってもなかなか上手くいくわけがない。 そこで先人たちの知恵を借りるために、海外の成功してる個人開発者をリサーチしてニュースレターで配信してます。 ということでこの記事では、今までリサーチしてきたすっごい海外個人開発者たちの情報をまとめていきたいと思います(※随時更新予定)。 Pieter Levels(ピーター・レベルズ)氏 (出典:h

          有名な海外個人開発者まとめ!年5億以上稼ぐ人も!
        • はてなブログの記事本文末尾枠とそのSEO的価値について (寄稿:辻正浩) - はてなブログ開発ブログ

          はてなブログでは、はてなブログの有料ユーザー(Pro, Business, for Devblog)を対象として、新しく記事本文末尾のデザイン設定(以下 記事本文末尾枠)を利用可能になりました。この設定により、ユーザーが記事本文末尾に自由に要素を置けるようになります。 この枠はより多くの人にブログが読まれるために有益な場所です。この枠の価値と活用方法についてSEOの専門家、辻正浩さん(id:t-w-o)の寄稿で解説します。 SEO専門家の辻正浩です。 私は十数年、はてなブログなどのWebサービスや企業サイトのSEOをサポートをしています。様々なタイプのWebサイトをより多く検索されるための改善を行い続けていますが、記事を中心としたWebサイトの改善で最も重要なことの一つとして優先的に取り組むのは「記事直下動線」です。 記事本文が終わった直後、ソーシャルボタンや関連記事などが表示される前に置

            はてなブログの記事本文末尾枠とそのSEO的価値について (寄稿:辻正浩) - はてなブログ開発ブログ
          • React で h1-h6 を正しく使い分ける

            Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。 この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を3つずつご紹介します。 尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。 前提知識 読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか? 大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は 「見出し要素」 と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて

              React で h1-h6 を正しく使い分ける
            • 3年目までに身につけたい技術ブログの書き方 - じゃあ、おうちで学べる

              はじめに あなたは日々、何かを見ている。そう、コードを。エラーを。ドキュメントを。解決策を。 そして、それは誰も見ていないものかもしれない。あるいは、多くの人が同じものを見ているのに、誰も記録に残していないのかもしれない。 「自分なんてまだ1年目、2年目。経験が浅いから書くことなんてない」 そんな思いを抱いていませんか? しかし、その思い込みは真実ではありません。むしろ、経験の浅さこそが、あなたにしか書けない貴重な視点を生み出します。初めて学ぶ時の困惑、理解するまでの試行錯誤、そして「あ、わかった!」という喜び—これらの生々しい体験は、あなたがまさに今感じているからこそ書ける宝物なのです。 「専門家でもないのにブログなんて書けない」「自分の書いたものなんて誰も読まないだろう」という思いも、単なる幻想です。誰もが最初から専門家ではなかった。今あなたが参考にしている記事を書いた人も、最初は不安

                3年目までに身につけたい技術ブログの書き方 - じゃあ、おうちで学べる
              • あなたのパフォーマンスを倍にする Frontend Ops の傭兵はいかがですか

                あなたのパフォーマンスを倍にする Frontend Ops はいかがですか.md あなたのプロジェクトに Frontend Ops を。 現状 Full Plan: 1ヶ月 120万 秘密保持契約を行い、ソースコードを分析し、改善を行います 現在受付可能なのは、1月以降です 調査費用は50万~になります Lightweight Plan: 外部計測のみ 50万 秘密保持契約抜きで外部からの監視を行います 分析結果を結果を御社のエンジニアを含めて説明します 報告は社内勉強会形式にすることも可能です 分析を受け付けられるのは特殊な認証がないURLになります 認証やドメイン理解を伴うURLは要相談になります [経営者の方へ] ウェブサイトが遅くなっていませんか?機能追加が遅くなっていませんか? 私 @mizchi は Node.js とフロントエンドのエキスパートです。もし私を知らなければ、御社

                  あなたのパフォーマンスを倍にする Frontend Ops の傭兵はいかがですか
                • ビジネスに役立つ上手な文章の書き方11のコツ | knowledge / baigie

                  ベイジの五ノ井です。役職はディレクターですが、編集者の経験があることから、コンテンツや文章のクオリティを管理する立場で働いています。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

                    • KPI 設定の難しさについての思索とそれに付随した細かな考察 - クックパッド開発者ブログ

                      こんにちは、事業開発部でプロジェクトマネージャー兼エンジニアをやっている新井(@SpicyCoffee)です。10 万円の申請書を書く前に 20 万円のパソコンを買いました。 クックパッドでは、毎日の料理を楽しみにするべく日々サービス開発がおこなわれています。本稿では、サービス開発の中でも重要かつ難解な「KPI の設定」について、私がプロジェクトマネージャーとして普段考えていることや注意している点を紹介します。 KPI を決めるのは難しい サービス開発において KPI を設定し、それを改善するような施策や検証を繰り返していくことは基本中の基本です。しかしながら、現実には「KPI を設定する」という行為自体の難易度が非常に高く、日夜頭を悩ませている開発者のみなさんも多いのではないでしょうか。 以下では、その要因の一つである「KPI は複数の要件を満たす必要がある」ことについて考えます。 満た

                        KPI 設定の難しさについての思索とそれに付随した細かな考察 - クックパッド開発者ブログ
                      • 個人開発サービスを軌道に乗せるまでに行ったすべてのこと UU数28万人の「席替えメーカー」、元教師の開発者が語る | ログミーBusiness

                        教師からエンジニアになった寺井氏寺井省吾氏:「サービスを軌道に乗せるまで一人でやったすべてのこと」というタイトルで発表したいと思います。よろしくお願いします。 まず簡単に自己紹介ですが、寺井省吾といいます。今、株式会社YOUTRUSTでエンジニアをしています。僕はもともと教師をやっていて、教師からWebエンジニアに転職しました。趣味で将棋とかバドミントンとかサッカーをやっています。 個人開発がけっこう好きで、今までいろいろなサービスを作ってきました。人のペインを解決するようなツール系のサービスだったり、あとはクスッと笑ってもらうためにおもしろ系のアプリだったりをいくつか作ってきました。今日は、自分が今まで作ってきた中で一番ユーザー数が伸びたというか、ユーザーがついてくれた「席替えメーカー」というサービスについてお話ししようと思います。 本セッションで話すこと席替えメーカーの何について話すか

                          個人開発サービスを軌道に乗せるまでに行ったすべてのこと UU数28万人の「席替えメーカー」、元教師の開発者が語る | ログミーBusiness
                        • 低単価案件の受注をやめて劇的に向上した労働生産性 相見積もり案件に提案書を出さないことの“意外な効果”

                          ログミーBusinessトップメインカテゴリ経営・マネジメント5〜10万円の低単価案件の受注をやめたら労働生産性が劇的に向上 相見積もり案件には提案書を出さないことで見えた“意外な効果” 起業から10年で売上30億円を達成した株式会社koujitsu。今回は同社代表の柴田雄平氏が売上30億円になるまでに経験した「10の失敗」を語ったセミナーの模様をお届けします。マインドとスキルのバランスの重要性や、会社全体の一体感が低下した原因と対策などが語られました。 前回の記事はこちら 業務振り返りを強化するKPTシートの効果 柴田雄平氏(以下、柴田):人材育成の失敗についてもお話しします。上司と部下のコミュニケーション不足やオンボーディングが機能しなかったことが挙げられます。リモートワーク環境も影響し、上司が顧客案件に集中するあまり、部下とのコミュニケーションを取る時間が不足していました。 これを改

                            低単価案件の受注をやめて劇的に向上した労働生産性 相見積もり案件に提案書を出さないことの“意外な効果”
                          • フロントエンド開発の準備

                            開発の前に決めておくこと 後から変更するのが難しいこと、大きな手戻りが発生する可能性のあることをできる限り開発のはじめに決めておきます。 多言語対応の有無 URLに依存する可能性が高い多言語対応は、後から対応すると制限がかかったり破壊的な変更が必要になる場合があるので、はじめに決めておきます。 多言語対応する予定はなかったけど、後から必要になってしまった場合は仕方ないと思います。 OGPの必要性 動的ルーティングに対するOGPの必要性によってレンダリング方法の選定やCDN周りの選定が変わってきます。 SEOのニーズ こちらもOGP同様レンダリング方法に影響します。 OGPに関しては後からなんとかなることもありますが、SEOが重要なサイトの場合、そもそもSPAを選択しない方が適している可能性もあるので重要です。 対応ブラウザ/バージョン これを明確にしないと、一部のブラウザで使用できないCS

                              フロントエンド開発の準備
                            • ゲームの攻略情報を書いてる企業wikiがマトモに更新されてない

                              って意見見かけるんだが、なんでゴミ置き場にゴミしかないことに憤っているのか不思議でならない。 あんなもの適当にネットから情報集めてきて、SEOして、やってきた客に広告クリックさせることが目的な悪質なゴミサイトじゃん? 「VTuberの中の人についてまとめてみました」みたいな糞情報垂れ流してるサイトとなんか違うの? 要するに検索上現れるゴミであってマトモな情報あるなんて誰も期待してないのよね。 検索結果のURLにgamewith、kamigame、game8、appmedia、gamerchが入ってたらクリックしない、これ常識ね。 いつまでもあんなものにまともな情報が乗ってると思ってるようじゃこの先将来が心配

                                ゲームの攻略情報を書いてる企業wikiがマトモに更新されてない
                              • Secrets from the Algorithm: Google Search’s Internal Engineering Documentation Has Leaked

                                Watch Our Google Algorithm Leak Webinar Replay Google, if you’re reading this, it’s too late. Ok. Cracks knuckles. Let’s get right to the Google algorithm leak. Internal documentation for Google Search’s Content Warehouse API has been discovered. Google’s internal microservices appear to mirror what Google Cloud Platform offers and the internal version of documentation for the deprecated Document

                                  Secrets from the Algorithm: Google Search’s Internal Engineering Documentation Has Leaked
                                • pixivのUIを迅速にアップデートする UIUXチームのフロントエンドモダン化の歴史 - pixiv inside

                                  こんにちは。pixiv事業本部のUIUXチームでプロダクトマネージャーを担当しているdo7beです。ピクシブにエンジニアとして入社して5年弱ほどで、1年前からプロダクトマネージャーとして活動しています。 今回は僕が所属しているUIUXチームの歴史とフロントエンド技術のモダン化についてご紹介していきたいと思います。 UIUXチームとは UIUXチームとは、その名の通りUIに関する問題解決・改修・新機能開発を行うチームです。その他にも海外ユーザーに向けたSEO・ローカライズやフロントエンドエンジニアの教育を行っています。 UIUXチームでは意図・目的に合ったUIを目指すためデザイナーとエンジニアが密にやりとりしています。これは学生アルバイトエンジニアも同様で、新規機能をリリースするなどの大きな成果を挙げています。 イラストを魅力的に紹介! pixivでAMP Storiesを実装しました @s

                                    pixivのUIを迅速にアップデートする UIUXチームのフロントエンドモダン化の歴史 - pixiv inside
                                  • 達人出版会

                                    探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う! オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 徹底攻略 AWS認定 クラウドプラクティショナー教科書 第2版[CLF-C02]対応 トレノケート株式会社 高山裕司 超楕円関数への招待 楕円関数の一般化とその応用 松谷 茂樹 手を動かしてわかるクリーンアーキテクチャ ヘキサゴナルアーキテクチャによるクリーンなアプリケーション開発 Tom Hombergs(著), 須田智之(訳) 詳解 AWS CloudFormation 潮村 哲 その決定に根拠はありますか? 確率思

                                      達人出版会
                                    • おじさんおばさんは「USJ」と言い若者は「ユニバ」と呼ぶ?関東/関西の違いと思いきやそうでもなさそう

                                      マキヤ @TwisterMakiya 昨日は8歳下の子たちとUSJの話をしてたら「おじさんおばさんってユニバのことUSJって言いますよね」って言われてなんかそこから記憶があまりないです。 マキヤ @TwisterMakiya ・私は31歳で、周りもUSJって呼ぶ。 ・地域差はもちろんあると思うけど、それだけでもなさそう(俺が話した人たちは関東)で、多分ユニバの発音も違う。 ・なんとなく26歳くらいが分かれ目っぽい。 マキヤ @TwisterMakiya SEOの仕事をしてるサラリーマンです。たまに趣味でテキストを書いてます。 ご連絡先→twister.makiya@gmail.com 今まで書いた全ての記事はブログから飛べます。 初めての方へおすすめをまとめたページがこちら→makiya-twister.com/archives/526 makiya-twister.com

                                        おじさんおばさんは「USJ」と言い若者は「ユニバ」と呼ぶ?関東/関西の違いと思いきやそうでもなさそう
                                      • 長距離トラックドライバーはどんなことに気を付けてる? 夜間や渋滞の高速道路を安全に運転するコツを聞いてきた #くるまも - くるまも|三井住友海上

                                        高速道路でよく目にする大型トラック。長時間の長距離運転をするドライバーの皆さんは、遠方に荷物を届けるため安全運転に向き合い続けている「運転のプロ」です。 そんなトラックドライバーの方に安全運転の極意を聞いたら、休日のちょっと遠目のドライブ時に大いに参考になるのでは……? そこで今回は、この道一筋36年の大ベテラン、四国西濃運輸松山支店に勤務する松本幸弘さんにお話を伺いました。 出発前のコンディション調整、運転中の眠気対策、夜間や渋滞時の安全運転のコツ……。真似したいポイントがたくさんありました。 運転前に欠かせない“睡眠”と“道路の下調べ” 運転中の睡魔対策はラジオ、飴……最後の手段は長渕剛 夜間・渋滞はランプを注視、とにかく車間距離を維持 自動車教習所で教わる「基本」を忘れない 【お話を聞いた人】 松本幸弘さん:四国西濃運輸松山支店に勤務。トラックドライバーとしてのキャリアは35年を超え

                                          長距離トラックドライバーはどんなことに気を付けてる? 夜間や渋滞の高速道路を安全に運転するコツを聞いてきた #くるまも - くるまも|三井住友海上
                                        • 東京発のコンテンツは飽和。でも地方は? 小さな会社のオウンドメディアの可能性を運営堂・森野とJADE・伊東が語る - 週刊はてなブログ

                                          当初は大企業を中心に行われていたコンテンツマーケティングですが、今や多くの企業にとってコンテンツを通じてユーザーとコミュニケーションを取ることは当たり前になりつつあります。その傾向は、新型コロナウイルスの影響によりリアルでの活動が制限される昨今、ますます増加。東京に拠点を置く企業だけでなく、地方に拠点を置く企業も続々とWeb上でのコンテンツ制作に力を入れています。 はてなブログの法人向け新プラン「はてなブログBusiness」のリリースに合わせて『週刊はてなブログ』がお届けする「連続企画:コンテンツと企業 2020」の第3弾となる本稿では、名古屋を中心に地方のウェブ運用を支援されている運営堂の森野誠之さんと、「はてなブログBusiness」のサブディレクトリオプションのコンセプト設計にも携わるJADE社の代表取締役社長・伊東周晃さんが、「地方中小企業のコンテンツマーケティング」について語り

                                            東京発のコンテンツは飽和。でも地方は? 小さな会社のオウンドメディアの可能性を運営堂・森野とJADE・伊東が語る - 週刊はてなブログ
                                          • WordPressの“古いプラグインやテーマ”から侵入するサイバー攻撃、ロシアの企業が発表 標的のアドオンリストあり

                                            Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 ロシアのアンチウイルス製品を開発するDoctor Webは、WordPress CMSをベースとしたWebサイトをハッキングする悪意のあるLinuxプログラムを発見したと発表した。 Linuxマルウェアが複数の古いWordPressプラグインやテーマに存在する30の脆弱性を悪用して、悪意のあるJavaScriptを注入していた。その結果、ユーザーが感染ページの任意の領域をクリックすると、他のサイトにリダイレクトされる被害が起きていたという。 このマルウェア(トロイの木馬)は32ビットと64ビットの両方のLinuxシステムをターゲットにしており、そのオペレーターにリモートコマンド機能を与える

                                              WordPressの“古いプラグインやテーマ”から侵入するサイバー攻撃、ロシアの企業が発表 標的のアドオンリストあり
                                            • 生成AIで検索市場が大変革、グーグル対抗の「Perplexity」が月40%も大躍進のワケ

                                              生成AIの登場により、検索市場が大きく変わろうとしている。米国ではグーグル対抗のAI検索エンジン「Perplexity」の検索から流入するトラフィックは毎月40%増加していることが判明。日本でもソフトバンクと連携して本格参入することが明らかになった。これに対抗してグーグルも生成AIを活用した検索システム「Search Generative Experiences(SGE)」を利用者全員に早期に展開する見込みだ。生成AIによる検索が増えるとSEO(Search Engine Optimization)にどのような影響が出るのかは多くのデジタルマーケターが注目するところ。生成AIの登場で、検索市場に何が起きるのか。

                                                生成AIで検索市場が大変革、グーグル対抗の「Perplexity」が月40%も大躍進のワケ
                                              • めざせ爆速開発! ChatGPTの個人開発にGoogle Apps Scriptをオススメする理由

                                                3月2日にChatGPTのAPIが公開されて企業だけでなく、個人による開発も積極的に行われています。ChatGPTの個人開発を行うにはGoogle Apps Script(GAS)がおすすめです。その理由を解説します。 本記事は、TechFeed Experts Night#16 〜 ChatGPT, GitHub Copilot…AIはエンジニアの仕事をどう変える?AI×開発最前線!のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 それでは、「ChatGPTの個人開発ではGoogle App Scriptがおすすめな理由」というタイトルで発表させていただきます。 今回お話しする内容はこちらになります。まず少しご紹介させていただいて、ChatG

                                                  めざせ爆速開発! ChatGPTの個人開発にGoogle Apps Scriptをオススメする理由
                                                • GoogleはAMP以外の広告の読み込み時間に1秒の遅延を加えていた

                                                  Googleのデジタル広告に対する独占禁止法違反の訴訟に関した訴状の中で、GoogleがAMP優遇のため、非AMPの広告表示を遅くしていたことが指摘されています。 UNITED STATES DISTRICT COURT SOUTHERN DISTRICT OF NEW YORK - IN RE: GOOGLE DIGITAL ADVERTISING ANTITRUST LITIGATION - Civil Action No.: 1:21-md-03010-PKC (PDFファイル)https://storage.courtlistener.com/recap/gov.uscourts.nysd.564903/gov.uscourts.nysd.564903.152.0_1.pdf Chrome Dev Summit 2021 livestream - YouTube Let's tal

                                                    GoogleはAMP以外の広告の読み込み時間に1秒の遅延を加えていた
                                                  • Next.jsからSPAに移行し、Next.jsに戻した話 - Hello Tech

                                                    グローバルなレストラン予約サービス、AutoReserveの開発をしているjavascripterです。 今回は、ハローでのautoreserve.comのアーキテクチャの変遷についてお話しします。 概要 AutoReserveは最初Next.jsで構築され、その後SPAに移行し、最終的に再びNext.jsに戻るという珍しい技術選択をしています。 この記事では、各アーキテクチャの移行の背景と、大規模アプリケーションの段階的移行の実践について解説します。 AutoReserveについて AutoReserveは世界中のレストランの予約が可能なグローバルサービスです。iOS・Android・Webの3プラットフォームで展開しており、各アプリ100ページ近くある大規模なアプリケーションです。 モバイルアプリはReact Native (Expo)で開発しており、当初のWeb版はNext.jsで構

                                                      Next.jsからSPAに移行し、Next.jsに戻した話 - Hello Tech
                                                    • React Server Components 総まとめ

                                                      先日、React Server Componentsについてまとめる機会がありました。 この記事では、React Server Componentsの概要と、デモを触る中で感じたことについてご紹介します。 React Server Componentsとは React Server Componentsは、Reactコンポーネントをサーバーサイドでレンダーする新しい技術です。 一部のコンポーネントをサーバーサイドでレンダーしてしまうことで、アプリケーションのパフォーマンスを上げることを目的とします。 図は、デモの画面のうち、サーバーでレンダーされる部分を青で、クライアントでレンダーされる部分を赤で示したものです。 ページ全体をサーバーでレンダーするのではなく、一部のコンポーネントはクライアントにレンダーさせていることがわかります。 また、React Server ComponentsはCo

                                                        React Server Components 総まとめ
                                                      • ブランド価値を高めるSDGs時代のマーケティング|経営とマーケティングを結ぶ設計図|大倉 佳晃

                                                        最近P&G APACフォーカスマーケット ヘアケアCMO・シニアディレクターを退職した、大倉佳晃です。本記事で、SDGs時代に企業・ブランド価値を高めるマーケティングの考え方について、私の13年のP&Gキャリアでの多くの成功と失敗から培った経験をベースに語りたいと思います。 本当は、キャリアの一区切りの備忘録として書籍を書き上げるつもりだったのですが、出版となると時間もかかってしまうため、あえて今の時代に合わせてnoteで一冊の本のようにまとめて公開することにしました。その分、noteにしてはとても分量があります。全部読むには30-60分かかるかもしれませんが、どうぞ1冊の本を読む心持ちで読んでみてください。 かなり高難度の内容ですので(例えば、古巣P&Gでもこの内容を精緻に理解している人は極少数だと思われます)、マス受けはしないだろと思っていたのですが、ありがたいことに、公開してからすぐ

                                                          ブランド価値を高めるSDGs時代のマーケティング|経営とマーケティングを結ぶ設計図|大倉 佳晃
                                                        • WordPress 5.5に実装されたネイティブ サイトマップ機能を無効化する方法

                                                          [レベル: 中級] この記事では、Wordpress 5.5 に標準実装されたサイトマップ生成機能を無効化する方法を紹介します。 WordPress のコア XML サイトマップ機能 リリースされたばかりの WordPress 5.5(この記事を公開している時点での最新バージョン)は、検索エンジン向けの XML サイトマップを作成する機能をコア機能として標準実装しました。 これまでサイトマップ生成にはプラグインを利用していました。 コア サイトマップは WordPress をインストールしたディレクトリの直下に作られます。 ファイル名は wp-sitemap.xml です。 example.com に WordPress をインストールしていたらサイトマップの場所は example.com/wp-sitemap.xml になります。 アクセスしたサイトマップはこんな感じです(正確には、サイ

                                                            WordPress 5.5に実装されたネイティブ サイトマップ機能を無効化する方法
                                                          • 君たちはReactをどうやってRuby on Railsに載せるべきか?

                                                            はじめに こんにちは!Ruby on Railsフロントエンドエンジニアを目指し、Hotwireを中心に活動しつつ、Next.jsもReactも勉強している加々美です! 2025年2月14日(バレンタインデイ)に、ReactのチームはCreate React Appを公式に非推奨とするブログポストを公開しました。そして代わりにSPA用のフレームワークを使うべきだと彼らは強く主張しました。 大事なポイントは、SSRフレームワークを推奨したわけではないということです。SPAフレームワークを推奨したのです。CDNとか静的ホスティングサービスにデプロイできるSPAでもフレームワークを使いなさいということです。 「オレはSSRに興味ねぇ!SEOはどうでも良いからSPAで十分だ。Create React Appがダメなら、Viteを使えば良いさ!」 => これは違います。 Reactチームはこういう人

                                                              君たちはReactをどうやってRuby on Railsに載せるべきか?
                                                            • pixivというシステムはどんな形をしているのか、それはなぜか。 - pixiv inside

                                                              こんにちは。pixivのnamazuです。 先日開催されたPIXIV DEV MEETUP 2024にて、『pixivというシステムはどんな形をしているのか、それはなぜか。』というテーマで発表をさせていただきました。当日、セッションにご参加いただいた皆さま、そしてフィードバックをいただいた方々に、改めて感謝申し上げます。 Webサービス開発において面白い点の一つは、どのサービスもその要件や状況に応じて異なる選択がなされることです。結果として、類似点がある場合もありますが、細部において同じものはなく、すべてがユニークです。弊社内でもさまざまな違いが見られますが、業界全体を見渡すとさらに多様性が広がっていることでしょう。 今回の発表では、pixivのシステムに関する重要な要件や状況をいくつか取り上げ、現時点でどのような構造になっているかを、インフラストラクチャ、バックエンドアプリケーション、開

                                                                pixivというシステムはどんな形をしているのか、それはなぜか。 - pixiv inside
                                                              • SSRで認証をどうするべきか?

                                                                既存プロジェクトにNext.js等のSSRを導入する場合は既存の認証機能を維持したり活かしたりする必要があります。しかしSSRの認証とCSR(SPA)の認証は同じではなく、簡単に共有できるものではありません。 ここでは複数のテックブログの事例を見ながら、この難しさと本物のウェブサービスで採用された解決策を見ていきます。 CSRとSSRの認証の違い まず最初に、CSR(SPA)とSSR[1]の認証の違いをざっくり紹介します。技術的制約を理解していただくことが目的です。 クライアント視点では、認証システムは突き詰めると、トークン(鍵)[2]を安全に保管し、必要時にサーバに渡す(鍵穴に差し込む) ことです。この2つに絞って解説します。[3] https://www.flaticon.com/free-icons/vault (by IYIKON) https://www.flaticon.com

                                                                  SSRで認証をどうするべきか?
                                                                • 機械学習APIでWebサイトの改善点を提案するサービスを作った話 - Qiita

                                                                  まえがき アクセシビリティーの観点からWebサイトを診断し、AIプラットフォームを利用して得た情報をもとにベストプラクティスを提案してくれるオープンソースのWebサービス「Visible」を開発しました。 WebサイトURL: https://visi.dev GitHubリポジトリ(Starください!): https://github.com/visible/visible GoogleのLighthouseなど、Webサイトの診断を行ってくれるサービスは以前からありましたが、診断だけではなく改善点の提案も行う新しいサービスになっています。また、アクセシビリティーに関する理解を深めてもらえるように工夫をした設計にしていたり、コマンドライン版ではスタンドアロンで実行可能なようになっています。 2020年度の「独創的アイデアと卓越した技術を持つ小中高生クリエータ支援プログラム」未踏ジュニアに

                                                                    機械学習APIでWebサイトの改善点を提案するサービスを作った話 - Qiita
                                                                  • 大塚流フロントエンド開発の歩き方

                                                                    フロントエンド開発は考えることが多い。とくに 0 -> 1 の場合だと、何からはじめたらいいのか?が全然わからず、途方にくれてしまうこともあるでしょう。実際、ぼくがそうでした。 そして、そういった情報はなかなか検索しても出てこない。設計方法や実装方法みたいなものはたくさんあるのに。なので、書いてみました。 これは、ぼくがいくつかのフロントエンド開発を経て「これを最初に知っていれば、もうちょっとうまくできたかも?あの失敗がなかったかも??」をまとめたものです。 フロントエンド開発に不慣れな方の参考になれば、これ幸いです。 まずは仕事のゴールを確認する プロジェクトや各フェーズごとに仕事のゴールは異なるため「何をもって仕事が完了したと言えるか?」を確認する。たとえば、要件定義フェーズであれば「画面仕様書が完成する」とか、開発フェーズであれば「API結合試験がすべて完了し、バグチケットがすべてク

                                                                      大塚流フロントエンド開発の歩き方
                                                                    • WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG

                                                                      はじめに こんにちは。WEAR部フロントエンドブロックの藤井です。WEARでは現在、Webサイトのリプレイスを進めています。本記事では、リプレイスに至った背景や課題と、課題解決のために行ったリプレイスのアーキテクチャ選定についてご紹介します。 なぜリプレイスするのか WEARはサービスローンチしてから約10年が経ちます。これまでローンチ当時の技術スタックのまま開発を続け、サービスを成長させてきました。今後もより継続的にスピード感を持ってユーザーへ価値を届けていくにあたってさまざまな課題があったため、新たな技術スタックでリプレイスを開始することにしました。 リプレイス前の環境 リプレイス前の環境はオンプレミスの環境にロードバランサー、Windowsサーバー(IIS)があり、そこでVBScriptが動いています。VBScriptでテンプレートHTMLにデータを流し込み、ブラウザに表示する仕組み

                                                                        WEAR Webフロントエンドリプレイスのアーキテクチャ選定とNext.jsへの移行 - ZOZO TECH BLOG
                                                                      • キャンプブログ1年で収益どれくらい?一番気になるお金の話をしてみます。 - 格安^^キャンプへGO~!

                                                                        キャンプブログを2019年の6月23日に真面目にスタートしてから1年ちょっとになりました。 先日のブログ開設1年の記事では、キャンプブログというニッチなブログでありながら、皆様のお陰で1年で120万アクセスを達成する事ができて嬉しかったですね。 キャンプブログ1年で収益どれくらい? 現状のアクセス数は? アクセス効果のあるSEO対策 記事カテゴリの階層化 一番気になるお金の話をしてみます。 収益グラフ ブログ収益化について 収益化1年を振り返って気付いた事 Googleアドセンスの問題点 もしもアフェリエイトの効果 落ち込みが緩やかな理由は? ブログに使う時間 5時~8時(ブログ) 8時~19時(仕事) 19時~21時(夕食&筋トレ&入浴) 21時~23時(ブログ) 23時~5時(睡眠) 一日のまとめ ブログの自給換算 まとめ キャンプブログ1年で収益どれくらい? 実際、ブログをやって多少

                                                                          キャンプブログ1年で収益どれくらい?一番気になるお金の話をしてみます。 - 格安^^キャンプへGO~!
                                                                        • 第128回文學界新人賞受賞作 市川沙央「ハンチバック」 |文學界

                                                                          第128回文學界新人賞は、応募総数2229篇の中から5篇を最終候補とし、3月6日に青山七恵、阿部和重、金原ひとみ、中村文則、村田沙耶香の5選考委員による選考会議が開かれ、市川沙央さんの「ハンチバック」が受賞作に決定しました。今回は、受賞作の冒頭8000字を公開いたします。 市川沙央(いちかわ・さおう)   1979年生まれ。早稲田大学人間科学部eスクール人間環境科学科卒業。筋疾患先天性ミオパチーによる症候性側弯症および人工呼吸器使用・電動車椅子当事者。現在、ライター。 <head> <title>『都内最大級のハプバに潜入したら港区女子と即ハメ3Pできた話(前編)』</title> <div>渋谷駅から徒歩10分。</div> <div>一輪のバラが傾く看板を目印にオレは欲望の城へと辿り着いた。</div> <div>どうも、ライターのミキオです。今回は、ハプニングバーの超有名店「××××

                                                                            第128回文學界新人賞受賞作 市川沙央「ハンチバック」 |文學界
                                                                          • ラッキービジター詐欺で使用されるPHPマルウェア - JPCERT/CC Eyes

                                                                            JPCERT/CCでは、国内のWebサイトが改ざん被害を受け、不正なページが設置される事例を継続して観測しています。これらの事例では、不正に設置されたPHPスクリプト(以下、PHPマルウェア)により、ページにアクセスした訪問者が詐欺サイトや不審な商品販売サイトなどに誘導されることがわかっています。 今回は、複数の調査事例から得られた知見をもとに、国内のWebサイト改ざんで頻繁に見られているPHPマルウェアの詳細について紹介します。 被害事例 PHPマルウェアが設置されたWebサイトでは、アクセスした訪問者を詐欺サイトや不審な商品販売サイトなどに転送する不正なWebページが多数サーバー上に作成されます。図1は、ページにアクセスした際に表示されるラッキービジター詐欺サイトの例です。 図1:転送先の詐欺サイトの例 攻撃者は、コンテンツマネジメントシステム(以下、CMS)の脆弱性を悪用して、PHP

                                                                              ラッキービジター詐欺で使用されるPHPマルウェア - JPCERT/CC Eyes
                                                                            • 企業がSEOで注意すべき点とは? はてな・大西とSEO専門家・辻正浩が語る - 週刊はてなブログ

                                                                              個人ユーザーだけでなく、「はてなブログMedia」などを通して多くの法人の「言葉」も伝えてきたはてなブログ。このたび、新たな法人向けブログ利用プラン「はてなブログBusiness」をリリースしました(背景について詳しくはこちら)。 新プランのオプションには、ブログをサブディレクトリに設置できる機能も用意。長年、SEO専門家として活躍している辻正浩さんも設計に加わり実現したこの機能は、昨今のSEOの潮流を踏まえて非常に有効です。 『週刊はてなブログ』では本プランのリリースを記念し、「連続企画:コンテンツと企業 2020」を実施。今回から全5回に渡り、Webマーケティングのプロに企業ブログの現在について伺っていきます。 初回となる今回は、はてなブログの開発・運営を取り仕切る、はてな大西康裕(id:onishi)と、SEO専門家・辻正浩(id:t-w-o)さんの対談を敢行。昨今のコンテンツマーケ

                                                                                企業がSEOで注意すべき点とは? はてな・大西とSEO専門家・辻正浩が語る - 週刊はてなブログ
                                                                              • Googleの検索ランキングに閲覧やクリックなどの行動データは影響する? SEOプロの結論はこれだ! | JADEのSEOプロフェッショナル相談室

                                                                                  Googleの検索ランキングに閲覧やクリックなどの行動データは影響する? SEOプロの結論はこれだ! | JADEのSEOプロフェッショナル相談室
                                                                                • kintoneマイクロサービス化検証プロジェクトのWebフロントエンドにおける技術選定 - Cybozu Inside Out | サイボウズエンジニアのブログ

                                                                                  こんにちは、フロントエンドエキスパートチームのsakitoです。 本記事ではkintoneをマイクロサービス化するためのPoCプロジェクトにおけるWebフロントエンドの技術選定について紹介します。 プロジェクト背景 本記事で扱うプロジェクトは「kintoneマイクロサービス化Proof of concept(PoC)プロジェクト」です。 現在サイボウズの主力製品であるkintoneは大きなモノリシックなアーキテクチャになっています。 モノリシックなサービスに関わる人数が増えるに伴って、意思決定や開発速度の低下が課題となってきています。 モノリシックなアーキテクチャや組織によって起こる課題を、マイクロサービスとして切り離して小さくすることで解決ができるのではないかと考えました。マイクロサービス化にあたって、まずはPoCとして一部の機能をマイクロサービス化するプロジェクトを発足し、kinton

                                                                                    kintoneマイクロサービス化検証プロジェクトのWebフロントエンドにおける技術選定 - Cybozu Inside Out | サイボウズエンジニアのブログ