<h3 id="expo-ui-%E3%81%A8%E3%81%AF" data-line="0" class="code-line">
<a class="header-anchor-link" href="#expo-ui-%E3%81%A8%E3%81%AF" aria-hidden="true"></a> Expo UI とは</h3>
<p data-line="1" class="code-line">ios26からbeta versionとして使用できるglassUIというグラスチックなUIをExpoでも使用できます。</p>
<h3 id="%E6%89%8B%E3%81%93%E3%81%9A%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E6%89%8B%E3%81%93%E3%81%9A%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" aria-hidden="true"></a> 手こずったこと</h3>
<p data-line="5" class="code-line">何度buildしても、XCodeの設定をいじってもエラーになった。<br>
apple idがおかしいだとか、<br>
osのversionがおかしいだとか、<br>
10000行ぐらいのログが流れていた。</p>
<h3 id="%E5%8E%9F%E5%9B%A0" data-line="10" class="code-line">
<a class="header-anchor-link" href="#%E5%8E%9F%E5%9B%A0" aria-hidden="true"></a> 原因</h3>
<p data-line="11" class="code-line">XcodeやMacOSのUpdateをしていなかった。<br>
これのXcode 26っていうのをdownloadした。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__fd43818972c4a" src="https://embed.zenn.studio/card#zenn-embedded__fd43818972c4a" data-content="https%3A%2F%2Fdeveloper.apple.com%2Fdownload%2Fall%2F%3Fq%3DXcode" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.apple.com/download/all/?q=Xcode" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.apple.com/download/all/?q=Xcode</a></p>
<h3 id="%E5%8B%95%E3%81%8B%E3%81%97%E3%81%8B%E3%81%9F" data-line="15" class="code-line">
<a class="header-anchor-link" href="#%E5%8B%95%E3%81%8B%E3%81%97%E3%81%8B%E3%81%9F" aria-hidden="true"></a> 動かしかた</h3>
<p data-line="16" class="code-line">この人を参考にさせていただきました。<br style="display:none">
<span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/2wXYLWz3YEQ?start=125" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=2wXYLWz3YEQ&amp;t=125s" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=2wXYLWz3YEQ&amp;t=125s</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__64d606d944ef5" src="https://embed.zenn.studio/card#zenn-embedded__64d606d944ef5" data-content="https%3A%2F%2Fgithub.com%2Fbetomoedano%2Fexpo-ui-playground" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/betomoedano/expo-ui-playground" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/betomoedano/expo-ui-playground</a></p>
<ul data-line="20" class="code-line">
<li data-line="20" class="code-line">
<p data-line="20" class="code-line">localに持ってくる</p>
</li>
<li data-line="22" class="code-line">
<p data-line="22" class="code-line">localでbuildする</p>
</li>
</ul>
<div class="code-block-container"><pre><code class="code-line" data-line="23">npx expo prebuild
</code></pre></div><ul data-line="27" class="code-line">
<li data-line="27" class="code-line">localでrunする</li>
</ul>
<div class="code-block-container"><pre><code class="code-line" data-line="28">npx expo run:ios
</code></pre></div><h3 id="%E5%AE%9F%E9%9A%9B%E3%81%AB%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F" data-line="33" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E9%9A%9B%E3%81%AB%E5%8B%95%E3%81%8B%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F" aria-hidden="true"></a> 実際に動かしてみた</h3>
<p data-line="35" class="code-line">きゃっこいいー</p>
<p data-line="37" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/4f885743fede-20250918.png" class="md-img" loading="lazy"></p>


Expo UIを試してみた

Expo UI とは

手こずったこと

原因

動かしかた

実際に動かしてみた

Discussion