<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>koizumid</author_name>
  <author_url>https://blog.hatena.ne.jp/koizumid/</author_url>
  <blog_title>ENGINEERING BLOG ドコモ開発者ブログ</blog_title>
  <blog_url>https://nttdocomo-developers.jp/</blog_url>
  <categories>
    <anon>python</anon>
    <anon>プログラミング</anon>
    <anon>アプリ開発</anon>
    <anon>アドベントカレンダー2025</anon>
  </categories>
  <description>もくじ 1. はじめに 2. Streamlitでスタイルをカスタマイズする方法 3. アプリ全体の見た目をカスタマイズする 3.1. 余白を減らしてコンテンツを配置できる面積を増やす 3.2. スクロールレスの1ページUIにする 3.3. 日付入力UIを和訳する 3.4. サンプルアプリ 4. マウスホバーによるアクションを追加する 4.1. 単体のツールチップ 4.2. 選択UIの各選択肢へのツールチップ 4.3. サンプルアプリ 5. 複数ボタンUIを応用する 5.1. 独立して実行させるタブレイアウト 5.2. タブレイアウトのサンプルアプリ 5.3. 進捗をわかりやすく提示するプログ…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnttdocomo-developers.jp%2Fentry%2F2025%2F12%2F20%2F090000_4&quot; title=&quot;コピペで使える！UX向上のためのStreamlitのCSSをカスタマイズするテクニック - ENGINEERING 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/n/nttdocomord/20251220/20251220090016.png</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2025-12-20 09:00:00</published>
  <title>コピペで使える！UX向上のためのStreamlitのCSSをカスタマイズするテクニック</title>
  <type>rich</type>
  <url>https://nttdocomo-developers.jp/entry/2025/12/20/090000_4</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
