<p class="p1">
            <div class="podlove-web-player intrinsic-ignore podlove-web-player-loading" id="player-68e9851491f6e"><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-68e9851491f6e");
                podlovePlayerCache.add([{"url":"https:\/\/airsap.net\/wp-json\/podlove-web-player\/shortcode\/publisher\/524","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":"#80 \u8cdb\u5426\u4e21\u8ad6\uff01Flutter\u306b\u3064\u3044\u3066\u8a9e\u308a\u5408\u3046\uff08\u5f8c\u7de8\uff09","subtitle":"","summary":"iOS\u306eUI\u3092\u518d\u73fe\u3059\u308bCupertino \/ Flutter\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9 \/ \u30a2\u30d7\u30ea\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30b5\u30a4\u30ba \/ iOS\u3068Android\u3067UI\u3092\u5171\u901a\u5316\u3059\u308b\u662f\u975e \/ \u958b\u767a\u8a00\u8a9e\u306eDart\u3063\u3066\u3069\u3046\uff1f \/ Fuchsia\u3068Flutter\u304cAndroid\u3092\u7f6e\u304d\u63db\u3048\u308b\uff1f \/ Flutter\u3068\u30cd\u30a4\u30c6\u30a3\u30d6\u958b\u767a\u74b0\u5883","publicationDate":"2022-03-14T06:00:51+09:00","duration":"00:59:38.958","poster":"https:\/\/airsap.net\/podlove\/image\/687474703a2f2f6169727361702e6e65742f77702d636f6e74656e742f75706c6f6164732f706f77657270726573732f617661746172732d3030303239383836313736322d69336b35696a2d6f726967696e616c2e6a7067\/500\/0\/0\/airsap","link":"https:\/\/airsap.net\/2022\/03\/14\/80-flutter-part-2\/","chapters":[],"audio":[{"url":"https:\/\/airsap.net\/podlove\/file\/263\/s\/webplayer\/c\/website\/AirSap_80_20220224.mp3","size":"42947101","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"https:\/\/airsap.net\/podlove\/file\/263\/s\/webplayer\/AirSap_80_20220224.mp3","size":"42947101","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/524", "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 />
iOS<span class="s1">の</span>UI<span class="s1">を再現する</span>Cupertino / Flutter<span class="s1">のパフォーマンス /</span> <span class="s1">アプリのダウンロードサイズ</span> / iOS<span class="s1">と</span>Android<span class="s1">で</span>UI<span class="s1">を共通化する是非</span> / <span class="s1">開発言語の</span>Dart<span class="s1">ってどう？</span> / Fuchsia<span class="s1">と</span>Flutter<span class="s1">が</span>Android<span class="s1">を置き換える？</span> / Flutter<span class="s1">とネイティブ開発環境</span></p>
<p>ゲスト: <a href="https://twitter.com/yusuga_">@yusuga_</a> <a href="https://twitter.com/bf_task">@bf_TASK</a> <a href="https://twitter.com/teammosa2">@TeamMOSA2</a> <a href="https://twitter.com/tochi86_">@tochi86_</a></p>
<p>【参考リンク】<br />
<a href="https://flutter.dev/">Flutter</a><br />
<a href="https://docs.flutter.dev/resources/faq#why-would-i-want-to-share-layout-code-across-ios-and-android">Why would I want to share layout code across iOS and Android?</a></p>
<p>【お便りフォーム】<br />
番組へのご感想やご感想や話題のご提案などをお寄せください。<br />
<a href="https://forms.gle/J76fFzP9vsyvwheE9">https://forms.gle/J76fFzP9vsyvwheE9</a></p>

<p>
            </p>
  
    
      
      
      
      
      
    

    
      
        
      
      
        
          
          
          
        
        
          
            
              
            
          

          
            
              
            
            
              
            

            

            
              
            
            
              
            
          

          
            
              
            
          
        
        
          
        
        
          
            
          
          
            
              
            
          
          
            
          
        
      
    
    
    
      
        
          
        
        
          
        
        
          
        
        
          
        
        
          
        
      
      
    
  
  
    
      
    
    
      
    
    
      
    
    
      
    
    
      
    
    
  
  


            
            
        <br>
iOSのUIを再現するCupertino / Flutterのパフォーマンス / アプリのダウンロードサイズ / iOSとAndroidでUIを共通化する是非 / 開発言語のDartってどう？ / FuchsiaとFlutterがAndroidを置き換える？ / Flutterとネイティブ開発環境<p></p>
<p>ゲスト: <a href="https://twitter.com/yusuga_" rel="noopener noreferrer">@yusuga_</a> <a href="https://twitter.com/bf_task" rel="noopener noreferrer">@bf_TASK</a> <a href="https://twitter.com/teammosa2" rel="noopener noreferrer">@TeamMOSA2</a> <a href="https://twitter.com/tochi86_" rel="noopener noreferrer">@tochi86_</a></p>
<p>【参考リンク】<br>
<a href="https://flutter.dev/" rel="noopener noreferrer">Flutter</a><br>
<a href="https://docs.flutter.dev/resources/faq#why-would-i-want-to-share-layout-code-across-ios-and-android" rel="noopener noreferrer">Why would I want to share layout code across iOS and Android?</a></p>
<p>【お便りフォーム】<br>
番組へのご感想やご感想や話題のご提案などをお寄せください。<br>
<a href="https://forms.gle/J76fFzP9vsyvwheE9" rel="noopener noreferrer">https://forms.gle/J76fFzP9vsyvwheE9</a></p>

#80 賛否両論！Flutterについて語り合う（後編）

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

Share #80 賛否両論！Flutterについて語り合う（後編）

Sign up to save your podcasts

#80 賛否両論！Flutterについて語り合う（後編）

#80 賛否両論！Flutterについて語り合う（後編）

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 // ユカスタポッドキャスト

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