Playwright を利用してスクリーンショットを取得する（前編）
ブログでは Playwright に関してしばらく取り上げていきます。というのも、検索結果に対してそのページのスクリーンショットを利用したい、というニーズに対応する簡単なサンプルを作っていくことにします。
関連技術
ここでは各カテゴリに含まれない技術的な情報を掲載しています。
React Router を利用する
久しぶりに React での開発をしていると、ここ数年で過去の知識が使えなくなっていました。それくらい普通やろ！って感じかもしれませんが、自分向けのメモということで React Router に関して書いておきます。
MyGet から NuGet への変更
Sitecore が提供しているツールが利用しているパッケージマネージャが、MyGet から NuGet に変更されました。今回は影響範囲とその手順に関して紹介をします。
Xpath Helper の活用
Web ページの HTML の構造を利用して、XPath (XML Path Language)を利用することでツリー構造となっているXML/HTMLドキュメントから要素や属性値などを取得することができます。今回はブラウザ上で簡単に確認することができるアドインを紹介します。
Sitecore オンラインガイド
Sitecore に関連する情報が増えてきました。そこで取り上げているサイトに関して今回は取り上げていきます。
Haramizu.com のサイトをリニューアルしました
しばらくサイトの更新をしていませんでしたが、コンテンツのボリュームも増えたり古い記事がそのままになっていたりと問題があったので、リニューアルをして見ました。
Sitecore Digital Experience Tokyo 2022 レポート
先週、12 月 2 日にサイトコアのイベント Sitecore Digital Experiece Tokyo 2022 を開催しました。今回、私が担当したのは Sitecore Developer Lunch ということで、お昼を食べながら Sitecore のパートナー、認定エンジニアの方に参加していただいた軽食付きのランチでした。そこで説明した内容をブログでも紹介します。
Sitecore とデザインツール Figma の連携
今回は少し趣向を凝らして、デザインツールの Figma との連携について紹介をします。このツールはブラウザ上で動作する Web サイトのデザインツールで、無料でも使うことができるようになっています。近々日本語版もリリースされるそうです。最初に Figma で簡単なコンポーネントを作成して、Sitecore のヘッドレスと連携して GraphQL からデータを取得、デザインに反映させるための手順を簡単に紹介します。
GlobalLink パッケージのインストール
最初にセミナー開催の告知を入ましたが、すでにセミナー終了後オンデマンドとして参照できるようになっています。今回紹介をしているデモを 2021 年 11 月 26日（金）のセミナーでもご覧いただけます。
Sitecore 権限の確認 - 権限設定のコツ
前回は、Sitecore 権限の確認 - アクセスビューアーの活用ということで、２つの権限を作成してそれぞれ異なる権利を付与、またそれをユーザーに割り当てた時にどういう形になるのか、というのを紹介しました。今回は、ロールを組み合わせて権限を設定していくコツに関して紹介をしていきます。
Netlify - ステージング環境の構築
Netlify と連携しているリポジトリに関して、デフォルトではすべてのブランチに対して自動的に Build を実行するようになっています。もちろん、事前に設定しているブランチのみが公式サイト、という形になりますが、ステージングのブランチを作っておくことで、Web サイトを公開する前に確認をするためのステージングを用意することができます。