<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>kamoi-kenichi</author_name>
  <author_url>https://blog.hatena.ne.jp/kamoi-kenichi/</author_url>
  <blog_title>System.out.println(&quot;Java学習中&quot;);</blog_title>
  <blog_url>https://blog.kenichikamoi.com/</blog_url>
  <categories>
    <anon>【ポートフォリオ改善】</anon>
  </categories>
  <description>🟢 はじめに 現在作成中のポートフォリオサイトには、Suno AIで作成した楽曲を掲載しているのですが、ふとこんなことを思いました。 『YouTubeで聴く』だけでなく、サイト上でサクッと聴ける『MP3』や、プロンプトが見られる『Suno AI』へのリンクも追加した方が親切かも…？ 今回は、ポートフォリオを見に来てくれた方へ「最高のおもてなし（UX）」をするために、サイトを改修したお話です。 🍽️ 音楽の提供方法をレストランに例えてみる どのリンクを置くべきか迷ったので、ポートフォリオを「冒険者が集うレストラン」に例えて考えてみました。 すでに設置されている「YouTubeで聴く」は、映像とい…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kenichikamoi.com%2Fentry%2F2026%2F04%2F30%2F180352&quot; title=&quot;【ポートフォリオ改善】MP3プレイヤーの実装と、モーダルを閉じたら音が止まるJavaScriptの書き方 - System.out.println(&amp;quot;Java学習中&amp;quot;);&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/k/kamoi-kenichi/20260430/20260430174731.jpg</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2026-04-30 18:03:52</published>
  <title>【ポートフォリオ改善】MP3プレイヤーの実装と、モーダルを閉じたら音が止まるJavaScriptの書き方</title>
  <type>rich</type>
  <url>https://blog.kenichikamoi.com/entry/2026/04/30/180352</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
