<p>
            <div class="podlove-web-player intrinsic-ignore podlove-web-player-loading" id="player-68e98515795cb"><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-68e98515795cb");
                podlovePlayerCache.add([{"url":"https:\/\/airsap.net\/wp-json\/podlove-web-player\/shortcode\/publisher\/387","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":"#48 2020\u5e74\u306b\u5927\u9032\u5316\u3092\u9042\u3052\u305fSwiftUI\u3092\u8a9e\u308b","subtitle":"","summary":"2020\u5e74\u306e\u65b0\u3057\u3044SwiftUI\u306b\u3064\u3044\u3066 @notoroid \u3055\u3093\u306b\u8a9e\u3063\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002","publicationDate":"2020-07-24T14:30:48+09:00","duration":"00:37:00.826","poster":"https:\/\/airsap.net\/podlove\/image\/687474703a2f2f6169727361702e6e65742f77702d636f6e74656e742f75706c6f6164732f706f77657270726573732f617661746172732d3030303239383836313736322d69336b35696a2d6f726967696e616c2e6a7067\/500\/0\/0\/airsap","link":"https:\/\/airsap.net\/2020\/07\/24\/48-2020swiftui\/","chapters":[],"audio":[{"url":"https:\/\/airsap.net\/podlove\/file\/159\/s\/webplayer\/c\/website\/AirSap_Episode_48_20200708.mp3","size":"26650117","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"https:\/\/airsap.net\/podlove\/file\/159\/s\/webplayer\/AirSap_Episode_48_20200708.mp3","size":"26650117","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/387", "https://airsap.net/wp-json/podlove-web-player/shortcode/config/default/theme/default").then(function() {
                  player && player.classList.remove("podlove-web-player-loading");
                });
              });
            </script>
            
        <br />
2020年の新しいSwiftUIについて @notoroid さんに語っていただきました。</p>
<p><a href="https://developer.apple.com/jp/xcode/swiftui/">Xcode – SwiftUI – Apple Developer</a><br />
<a href="https://irimasu.com/">Irimasu Densan Planning – いります電算企画</a><br />
<a href="https://twitter.com/notoroid">@notoroid</a><br />
<a href="https://airsap.net/2019/12/29/36-swiftui-mines/">#36 SwiftUIの地雷を全部踏んだ男</a></p>

<p>
            </p>
  
    
      
      
      
      
      
    

    
      
        
      
      
        
          
          
          
        
        
          
            
              
            
          

          
            
              
            
            
              
            

            

            
              
            
            
              
            
          

          
            
              
            
          
        
        
          
        
        
          
            
          
          
            
              
            
          
          
            
          
        
      
    
    
    
      
        
          
        
        
          
        
        
          
        
        
          
        
        
          
        
      
      
    
  
  
    
      
    
    
      
    
    
      
    
    
      
    
    
      
    
    
  
  


            
            
        <br>
2020年の新しいSwiftUIについて @notoroid さんに語っていただきました。<p></p>
<p><a href="https://developer.apple.com/jp/xcode/swiftui/" rel="noopener noreferrer">Xcode – SwiftUI – Apple Developer</a><br>
<a href="https://irimasu.com/" rel="noopener noreferrer">Irimasu Densan Planning – いります電算企画</a><br>
<a href="https://twitter.com/notoroid" rel="noopener noreferrer">@notoroid</a><br>
<a href="https://airsap.net/2019/12/29/36-swiftui-mines/" rel="noopener noreferrer">#36 SwiftUIの地雷を全部踏んだ男</a></p>

#48 2020年に大進化を遂げたSwiftUIを語る

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

Share #48 2020年に大進化を遂げたSwiftUIを語る

Sign up to save your podcasts

#48 2020年に大進化を遂げたSwiftUIを語る

#48 2020年に大進化を遂げた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 // ユカスタポッドキャスト

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