Hatena Blog Tags
はてなブログ トップ
react-helmet
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

react-helmet

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
asoview! Tech Blog•3年前

Reactで構造化データをJSON-LD形式で実装してみた

Reactで構造化データをJSON-LD形式で実装してみた こんにちは！アソビューでバックエンドエンジニアをしている島田です。 先日、FAQ(よくある質問)の構造化データをGoogle検索のリッチリザルトに表示させるためにreact-helmet-asyncというコンポーネントを使って構造化データをJSON-LD形式で実装を行ったのでそれについて書いていきます。 そもそもなぜ構造化データにJSON-LD形式を採用したのか Google検索では以下の構造化データを使用できます。 JSON-LD：ページの見出しまたは本文の <script> タグ内に埋め込まれる JavaScript 表記 mic…

#react#JSON-LD#react-helmet-async#react-helmet

関連ブログ

タオルケット体操•18日前

いいかげんAtomic Designを捨てて別の統一解が欲しい

Atomic Design、どうですか？ フロントエンドをやってる系の人たちはぶっちゃけしっくりきてないとおもいます。 僕を含めて、当初より「これ微妙やね（まぁ流行ってるし適当ではあるから使っておくか）」という見解の人はチラホラみかけました。 それもそのはずです。 朧げな記憶ではありますが、Atomic Designはそもそもプログラマーのために作られたメソッド……ではありません。 デザイナーの方が考案した、デザインシステム構築のためのフレームワークです（そうだよね？）。 Sketchでデザインコンポーネントを作成する際に（たしかSketchだったはず。懐かしいですね）、Sketch上のコンポ…

ENECHANGE Developer Blog•3ヶ月前

React 19 RC で、アンケート画面を作ってみた

ENECHANGEの Yuto Ono です。エンジニアリングマネージャーをしながら、フロントエンドの開発もしています。 2024年4月に、React 19 Beta がリリースされました。2024年9月現在、 React 19 はRC版となっており、正式リリース間近となっております。そこで、早めに React 19 の新機能をキャッチアップし、正式リリース時にスタートダッシュをきれるようにしたいと思いました。 最近、実務でアンケート機能の実装をしていることもあり、このようなアンケートアプリケーションを作ってみました。React 19 の機能をふんだんに使ってみましたので、その解説を書いていこ…

Web開発における知見共有系ページ•5ヶ月前

Reactでgoogleフォントの読み込みをさせる

Reactでgoogleフォントの読み込みをさせる 方法 1: HTMLの 方法 2: JavaScriptで動的に読み込む Reactでgoogleフォントの読み込みをさせる Google FontsをReactアプリケーションで読み込むための簡単な方法を紹介します。 方法 1: HTMLの public/index.htmlファイルに以下のようにタグを追加します。 この方法は最も簡単です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width…