<p><em data-rich-text-format-boundary="true">
            <div class="podlove-web-player intrinsic-ignore podlove-web-player-loading" id="player-68e98515ce385"><root data-test="player--xl" style="max-width:950px;min-width:260px;">
  <div class="tablet:px-6 tablet:pt-6 mobile:px-4 mobile:pt-4 flex flex-col">
    <div class="flex-col items-center mobile:flex tablet:hidden">
      <show-title class="text-sm"></show-title>
      <episode-title class="text-base mb-2"></episode-title>
      <subscribe-button class="mb-4 mobile:flex tablet:hidden"></subscribe-button>
      <poster class="rounded-sm w-48 shadow overflow-hidden"></poster>
      <divider class="w-full my-6"></divider>
    </div>

    <div class="tablet:flex flex-grow">
      <div class="w-64 mobile:hidden tablet:block tablet:mr-6">
        <poster class="rounded-sm shadow overflow-hidden"></poster>
      </div>
      <div class="w-full">
        <div class="hidden tablet:block">
          <show-title class="text-base"></show-title>
          <episode-title class="text-xl desktop:text-2xl"></episode-title>
          <divider class="w-full my-4"></divider>
        </div>
        <div class="flex items-center justify-between">
          <div class="block">
            <play-state on="active">
              <speed-control class="flex items-center"></speed-control>
            </play-state>
          </div>

          <div class="flex">
            <play-state on="active">
              <chapter-previous class="mx-2 block"></chapter-previous>
            </play-state>
            <play-state on="active">
              <step-backward class="mx-2 block"></step-backward>
            </play-state>

            <play-button class="mx-2 block" :label="$t('PLAYER.PLAY_EPISODE')"></play-button>

            <play-state on="active">
              <step-forward class="mx-2 block"></step-forward>
            </play-state>
            <play-state on="active">
              <chapter-next class="mx-2 block"></chapter-next>
            </play-state>
          </div>

          <div class="block">
            <play-state on="active">
              <volume-control class="flex items-center"></volume-control>
            </play-state>
          </div>
        </div>
        <div class="flex w-full">
          <progress-bar></progress-bar>
        </div>
        <div class="flex w-full -mt-2">
          <div class="w-3/12 text-left">
            <timer-current class="text-sm"></timer-current>
          </div>
          <div class="w-6/12 text-center truncate">
            <play-state on="active">
              <current-chapter class="text-sm"></current-chapter>
            </play-state>
          </div>
          <div class="w-3/12 text-right">
            <timer-duration class="text-sm"></timer-duration>
          </div>
        </div>
      </div>
    </div>
    <divider class="w-full mt-6 mb-3"></divider>
    <div class="flex justify-between">
      <div class="flex mobile:w-full tablet:w-3/12 desktop:w-3/12 justify-between">
        <tab-trigger tab="chapters">
          <icon type="chapter"></icon>
        </tab-trigger>
        <tab-trigger tab="transcripts">
          <icon type="transcripts"></icon>
        </tab-trigger>
        <tab-trigger tab="files">
          <icon type="download"></icon>
        </tab-trigger>
        <tab-trigger tab="playlist">
          <icon type="playlist"></icon>
        </tab-trigger>
        <tab-trigger tab="share">
          <icon type="share"></icon>
        </tab-trigger>
      </div>
      <subscribe-button class="mt-1 mobile:hidden tablet:flex"></subscribe-button>
    </div>
  </div>
  <div class="w-full relative overflow-hidden">
    <tab name="chapters">
      <tab-chapters></tab-chapters>
    </tab>
    <tab name="transcripts">
      <tab-transcripts></tab-transcripts>
    </tab>
    <tab name="files">
      <tab-files></tab-files>
    </tab>
    <tab name="playlist">
      <tab-playlist></tab-playlist>
    </tab>
    <tab name="share">
      <tab-share></tab-share>
    </tab>
    <tab-overflow></tab-overflow>
  </div>
  <error></error>
</root>
</div>
            <script>
              document.addEventListener("DOMContentLoaded", function() {
                var player = document.getElementById("player-68e98515ce385");
                podlovePlayerCache.add([{"url":"https:\/\/airsap.net\/wp-json\/podlove-web-player\/shortcode\/publisher\/299","data":{"version":5,"show":{"title":"AirSap","subtitle":"\u672d\u5e4c\u306eiOS\u30a2\u30d7\u30ea\u958b\u767a\u8005\u305f\u3061\u304c\u30a2\u30d7\u30ea\u754c\u9688\u306e\u8a71\u3092\u4e2d\u5fc3\u306b\u96d1\u8ac7\u3092\u3059\u308bPodcast","summary":"\u672d\u5e4c\u306eiOS\u30a2\u30d7\u30ea\u958b\u767a\u8005\u306e@frnk\u3068@guttyo\u304c\u30a2\u30d7\u30ea\u754c\u9688\u306e\u8a71\u3092\u4e2d\u5fc3\u306b\u96d1\u8ac7\u3092\u3059\u308bPodcast\u3067\u3059\u3002\r\n\r\n\u69d8\u3005\u306a\u30b2\u30b9\u30c8\u3068\u4e00\u7dd2\u306b\u30c8\u30fc\u30af\u3059\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002","poster":"https:\/\/airsap.net\/podlove\/image\/687474703a2f2f6169727361702e6e65742f77702d636f6e74656e742f75706c6f6164732f706f77657270726573732f617661746172732d3030303239383836313736322d69336b35696a2d6f726967696e616c2e6a7067\/500\/0\/0\/airsap","link":"https:\/\/airsap.net"},"title":"#36 SwiftUI\u306e\u5730\u96f7\u3092\u5168\u90e8\u8e0f\u3093\u3060\u7537","subtitle":"","summary":"SwiftUI\u3067\u65b0\u898f\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u305f @notoroid \u3055\u3093\u306bSwiftUI\u3092\u5b9f\u969b\u306b\u4f7f\u3063\u305f\u611f\u60f3\u3092\u805e\u3044\u3066\u307f\u307e\u3057\u305f\u3002","publicationDate":"2019-12-29T21:29:34+09:00","duration":"00:38:28.331","poster":"https:\/\/airsap.net\/podlove\/image\/687474703a2f2f6169727361702e6e65742f77702d636f6e74656e742f75706c6f6164732f706f77657270726573732f617661746172732d3030303239383836313736322d69336b35696a2d6f726967696e616c2e6a7067\/500\/0\/0\/airsap","link":"https:\/\/airsap.net\/2019\/12\/29\/36-swiftui-mines\/","chapters":[],"audio":[{"url":"https:\/\/airsap.net\/podlove\/file\/108\/s\/webplayer\/c\/website\/AirSap_Episode_36_20191117_rev2.mp3","size":"27720964","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"https:\/\/airsap.net\/podlove\/file\/108\/s\/webplayer\/AirSap_Episode_36_20191117_rev2.mp3","size":"27720964","title":"MP3 Audio","mimeType":"audio\/mpeg"}]}}, {"url":"https:\/\/airsap.net\/wp-json\/podlove-web-player\/shortcode\/config\/default\/theme\/default","data":{"activeTab":null,"subscribe-button":null,"share":{"channels":["facebook","twitter","mail","link","pinterest"],"outlet":"https:\/\/airsap.net\/wp-content\/plugins\/podlove-web-player\/web-player\/share.html","sharePlaytime":true},"related-episodes":{"source":"disabled","value":null},"version":5,"theme":{"tokens":{"brand":"#ed455a","brandDark":"#287df7","brandDarkest":"#2c2c2e","brandLightest":"#f2f2f7","shadeDark":"#8e8e93","shadeBase":"#8e8e93","contrast":"#000","alt":"#fff"},"fonts":{"ci":{"name":"ci","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":800},"regular":{"name":"regular","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":300},"bold":{"name":"bold","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":700}}},"base":"https:\/\/airsap.net\/wp-content\/plugins\/podlove-web-player\/web-player\/"}}]);
                podlovePlayer(player, "https://airsap.net/wp-json/podlove-web-player/shortcode/publisher/299", "https://airsap.net/wp-json/podlove-web-player/shortcode/config/default/theme/default").then(function() {
                  player && player.classList.remove("podlove-web-player-loading");
                });
              });
            </script>
            
        </p>
<p></em></p>
<p>SwiftUIで新規アプリを作った @notoroid さんにSwiftUIを実際に使った感想を聞いてみました。</p>
<p>Kaname Noto(@notoroid)さん | Twitter<br />
<a href="https://twitter.com/notoroid">https://twitter.com/notoroid</a></p>
<p>SwiftUI<br />
<a href="https://developer.apple.com/jp/xcode/swiftui/">https://developer.apple.com/jp/xcode/swiftui/</a></p>
<p>【notroidさんが出演している過去のAirSap放送回】<br />
#20 @notoroid さんが語るiOSと業務アプリとスプラトゥーン<br />
<a href="https://airsap.net/2018/04/20/20-notoroid-splatoon/">https://airsap.net/2018/04/20/20-notoroid-splatoon/</a><br />
#33 WWDC19で登場したSwiftUIの衝撃<br />
<a href="https://airsap.net/2019/07/01/33-wwdc19-swiftui/">https://airsap.net/2019/07/01/33-wwdc19-swiftui/</a></p>
<p> </p>

<p><em>
            </em></p><em>
  
    
      
      
      
      
      
    

    
      
        
      
      
        
          
          
          
        
        
          
            
              
            
          

          
            
              
            
            
              
            

            

            
              
            
            
              
            
          

          
            
              
            
          
        
        
          
        
        
          
            
          
          
            
              
            
          
          
            
          
        
      
    
    
    
      
        
          
        
        
          
        
        
          
        
        
          
        
        
          
        
      
      
    
  
  
    
      
    
    
      
    
    
      
    
    
      
    
    
      
    
    
  
  

</em><em>
            
            
        <p></p>
</em><p><em></em></p>
<p>SwiftUIで新規アプリを作った @notoroid さんにSwiftUIを実際に使った感想を聞いてみました。</p>
<p>Kaname Noto(@notoroid)さん | Twitter<br>
<a href="https://twitter.com/notoroid" rel="noopener noreferrer">https://twitter.com/notoroid</a></p>
<p>SwiftUI<br>
<a href="https://developer.apple.com/jp/xcode/swiftui/" rel="noopener noreferrer">https://developer.apple.com/jp/xcode/swiftui/</a></p>
<p>【notroidさんが出演している過去のAirSap放送回】<br>
#20 @notoroid さんが語るiOSと業務アプリとスプラトゥーン<br>
<a href="https://airsap.net/2018/04/20/20-notoroid-splatoon/" rel="noopener noreferrer">https://airsap.net/2018/04/20/20-notoroid-splatoon/</a><br>
#33 WWDC19で登場したSwiftUIの衝撃<br>
<a href="https://airsap.net/2019/07/01/33-wwdc19-swiftui/" rel="noopener noreferrer">https://airsap.net/2019/07/01/33-wwdc19-swiftui/</a></p>
<p>&nbsp;</p>

#36 SwiftUIの地雷を全部踏んだ男

札幌のiOSアプリ開発者たちがアプリ界隈の話を中心に雑談をするPodcast

Share #36 SwiftUIの地雷を全部踏んだ男

Sign up to save your podcasts

#36 SwiftUIの地雷を全部踏んだ男

#36 SwiftUIの地雷を全部踏んだ男

More shows like AirSap

Apple News Radio ワンボタンの声

Rebuild

backspace.fm

engineer meeting podcast

りんごは踊る、されど並ばず。

楽しいラジオ「ドングリFM」

fukabori.fm

ガジェタッチのTech Life Talk with you

かいだん

Work In Progress

ゆる言語学ラジオ

ゆるコンピュータ科学ラジオ

ひまじんプログラマーの週末エンジニアリングレッスン

Podcast by Yuka Studio // ユカスタポッドキャスト

となりのデータ分析屋さん