<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>a_miyanaga</author_name>
  <author_url>https://blog.hatena.ne.jp/a_miyanaga/</author_url>
  <blog_title>ITANDI Engineer Blog</blog_title>
  <blog_url>https://tech.itandi.co.jp/</blog_url>
  <categories>
  </categories>
  <description>はじめに こんにちは！イタンジ株式会社「ITANDI 売買支援」開発チームの鶴田です。 この記事では、売買プロダクトの新規ページ開発にあたり、UIライブラリの選定からスタイリングルールの策定、さらにそのルールをLinterやAIコーディング支援ツール向けのルール定義で守れるようにした取り組みを紹介します。 技術選定をして終わりではなく、ライブラリの思想を理解し、チームの運用まで含めて設計することを意識しました。 対象読者: フロントエンドのUI基盤をこれから整備しようとしているエンジニア デザインシステムとの接続を意識したライブラリ選定に興味がある方 AI時代のコーディングルールの伝え方を模索…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.itandi.co.jp%2Fentry%2F2026%2F06%2F03%2F193552&quot; title=&quot;不動産売買プロダクトのフロントエンド環境を&amp;quot;ルールごと&amp;quot;整備した話 ── UIライブラリ選定とスタイリング設計 - ITANDI Engineer Blog&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url>https://cdn-ak.f.st-hatena.com/images/fotolife/a/a_miyanaga/20260604/20260604132347.png</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2026-06-03 19:35:52</published>
  <title>不動産売買プロダクトのフロントエンド環境を&quot;ルールごと&quot;整備した話 ── UIライブラリ選定とスタイリング設計</title>
  <type>rich</type>
  <url>https://tech.itandi.co.jp/entry/2026/06/03/193552</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
