<div class="podlove-web-player intrinsic-ignore podlove-web-player-loading" id="player-684ee27902f3b"><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-684ee27902f3b");
                podlovePlayerCache.add([{"url":"https:\/\/airsap.net\/wp-json\/podlove-web-player\/shortcode\/publisher\/345","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\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":"#44 iPad\u3067UI\u30c7\u30b6\u30a4\u30f3 \/ Macbook\u306e\u30ad\u30fc\u30dc\u30fc\u30c9\u30d0\u30c3\u30c6\u30ea\u30fc \/ \u6c34\u51fa\u3057\u30b3\u30fc\u30d2\u30fc","subtitle":"","summary":"iPad\u30aa\u30f3\u30ea\u30fc\u751f\u6d3b\u3067UI\u30c7\u30b6\u30a4\u30f3\u306b\u4f7f\u7528\u3057\u305f\u30a2\u30d7\u30ea\u306e\u7d39\u4ecb\u3084\u554f\u984c\u70b9\u3001\u5bb6\u5ead\u3067\u4f5c\u308c\u308b\u6c34\u51fa\u3057\u30b3\u30fc\u30d2\u30fc\u306b\u3064\u3044\u3066\u8a71\u3057\u307e\u3057\u305f\u3002","publicationDate":"2020-06-12T13:29:04+09:00","duration":"00:39:28.444","poster":"https:\/\/airsap.net\/podlove\/image\/687474703a2f2f6169727361702e6e65742f77702d636f6e74656e742f75706c6f6164732f706f77657270726573732f617661746172732d3030303239383836313736322d69336b35696a2d6f726967696e616c2e6a7067\/500\/0\/0\/airsap","link":"https:\/\/airsap.net\/2020\/06\/12\/44-ipad-ui-design\/","chapters":[],"audio":[{"url":"https:\/\/airsap.net\/podlove\/file\/135\/s\/webplayer\/c\/website\/AirSap_Episode_44_20200606_rev2.mp3","size":"28421532","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"https:\/\/airsap.net\/podlove\/file\/135\/s\/webplayer\/AirSap_Episode_44_20200606_rev2.mp3","size":"28421532","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/345", "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>iPadオンリー生活でUIデザインに使用したアプリの紹介や問題点、家庭で作れる水出しコーヒーについて話しました。</p>
<p>Cold Bruer<br />
<a href="https://www.bruer.co" target="_blank" rel="noopener noreferrer">https://www.bruer.co</a></p>
<p>LITHON ホームロースター RT-01<br />
<a href="https://www.lithon.co.jp/product/cooking/ホームロースター-rt-01/">https://www.lithon.co.jp/product/cooking/ホームロースター-rt-01/</a></p>
<p>Affinity<br />
<a href="https://affinity.serif.com/ja-jp/" target="_blank" rel="noopener noreferrer">https://affinity.serif.com/ja-jp/</a></p>
<p>Affinity Designer<br />
<a href="https://affinity.serif.com/ja-jp/designer/" target="_blank" rel="noopener noreferrer">https://affinity.serif.com/ja-jp/designer/</a></p>
<p>Affinity Photo<br />
<a href="https://affinity.serif.com/ja-jp/photo/" target="_blank" rel="noopener noreferrer">https://affinity.serif.com/ja-jp/photo/</a></p>
<p>iPad Pro<br />
<a href="https://www.apple.com/jp/ipad-pro/" target="_blank" rel="noopener noreferrer">https://www.apple.com/jp/ipad-pro/</a></p>
<p>Apple Pencil<br />
<a href="https://www.apple.com/jp/apple-pencil/" target="_blank" rel="noopener noreferrer">https://www.apple.com/jp/apple-pencil/</a></p>
<p>Magic Keyboard<br />
<a href="https://www.apple.com/jp/ipad-keyboards/" target="_blank" rel="noopener noreferrer">https://www.apple.com/jp/ipad-keyboards/</a></p>
<p>Macbookのキーボードトップとバッテリーについて<br />
<a href="https://starrrrr.com/entry/macbookpro-repair" target="_blank" rel="noopener noreferrer">https://starrrrr.com/entry/macbookpro-repair</a></p>


  
    
      
      
      
      
      
    

    
      
        
      
      
        
          
          
          
        
        
          
            
              
            
          

          
            
              
            
            
              
            

            

            
              
            
            
              
            
          

          
            
              
            
          
        
        
          
        
        
          
            
          
          
            
              
            
          
          
            
          
        
      
    
    
    
      
        
          
        
        
          
        
        
          
        
        
          
        
        
          
        
      
      
    
  
  
    
      
    
    
      
    
    
      
    
    
      
    
    
      
    
    
  
  


            
            
        
<p>iPadオンリー生活でUIデザインに使用したアプリの紹介や問題点、家庭で作れる水出しコーヒーについて話しました。</p>
<p>Cold Bruer<br>
<a href="https://www.bruer.co" rel="noopener noreferrer">https://www.bruer.co</a></p>
<p>LITHON ホームロースター RT-01<br>
<a href="https://www.lithon.co.jp/product/cooking/ホームロースター-rt-01/" rel="noopener noreferrer">https://www.lithon.co.jp/product/cooking/ホームロースター-rt-01/</a></p>
<p>Affinity<br>
<a href="https://affinity.serif.com/ja-jp/" rel="noopener noreferrer">https://affinity.serif.com/ja-jp/</a></p>
<p>Affinity Designer<br>
<a href="https://affinity.serif.com/ja-jp/designer/" rel="noopener noreferrer">https://affinity.serif.com/ja-jp/designer/</a></p>
<p>Affinity Photo<br>
<a href="https://affinity.serif.com/ja-jp/photo/" rel="noopener noreferrer">https://affinity.serif.com/ja-jp/photo/</a></p>
<p>iPad Pro<br>
<a href="https://www.apple.com/jp/ipad-pro/" rel="noopener noreferrer">https://www.apple.com/jp/ipad-pro/</a></p>
<p>Apple Pencil<br>
<a href="https://www.apple.com/jp/apple-pencil/" rel="noopener noreferrer">https://www.apple.com/jp/apple-pencil/</a></p>
<p>Magic Keyboard<br>
<a href="https://www.apple.com/jp/ipad-keyboards/" rel="noopener noreferrer">https://www.apple.com/jp/ipad-keyboards/</a></p>
<p>Macbookのキーボードトップとバッテリーについて<br>
<a href="https://starrrrr.com/entry/macbookpro-repair" rel="noopener noreferrer">https://starrrrr.com/entry/macbookpro-repair</a></p>

#44 iPadでUIデザイン / Macbookのキーボードバッテリー / 水出しコーヒー

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

Share #44 iPadでUIデザイン / Macbookのキーボードバッテリー / 水出しコーヒー

Sign up to save your podcasts

#44 iPadでUIデザイン / Macbookのキーボードバッテリー / 水出しコーヒー

#44 iPadでUIデザイン / Macbookのキーボードバッテリー / 水出しコーヒー

More shows like AirSap

Apple News Radio ワンボタンの声

Rebuild

Accidental Tech Podcast

backspace.fm

engineer meeting podcast

nextstep.fm

Off Topic // オフトピック

歴史を面白く学ぶコテンラジオ（COTEN RADIO）

ガジェタッチ

かいだん

Today I Learned -シリコンバレーの現場から-

ゆる言語学ラジオ

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

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

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

Sign up to save your podcasts

Apple News Radio ワンボタンの声

Rebuild

Accidental Tech Podcast

backspace.fm

engineer meeting podcast

nextstep.fm

Off Topic // オフトピック

歴史を面白く学ぶコテンラジオ （COTEN RADIO）

ガジェタッチ

かいだん

Today I Learned -シリコンバレーの現場から-

ゆる言語学ラジオ

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

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

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

歴史を面白く学ぶコテンラジオ（COTEN RADIO）