<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>アイアンマン on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A2%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%9E%E3%83%B3/</link>
		<description>Recent content in アイアンマン on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Mon, 23 Mar 2020 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A2%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%9E%E3%83%B3/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Vidrio - 共有画面に話者を重ねて表示するオンライン・プレゼンテーションツール</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/</link>
				<pubDate>Mon, 23 Mar 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/</guid>
				<description>&lt;p&gt;Vidrio は、スクリーンキャストを「アイアンマン風(作者曰く)」にするツールです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://vidr.io/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-image_hu_edf16345ed3b9f03.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-image_hu_d0a70089edde0470.webp 635w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-image.png&#34; width=&#34;635&#34; height=&#34;380&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;プログラミング解説などの動画をスクリーンキャストでおこなう際、話している人の表情が見えるといいですよね。従来の手法では上の図の右のように話者の枠を画面のどこかに出すものが多いかと思います。&lt;/p&gt;&#xA;&lt;p&gt;Vidrio は、ウェブカムからの入力を任意の透明度でスクリーンに重ねて表示することで、スクリーンショット全体に話者の映像を被せての表示ができるようにしています。&lt;/p&gt;&#xA;&lt;p&gt;映画「アイアンマン」の主人公トニー・スターク氏の使うUIを見て「これがほしい」と思ったのが開発の動機だそうで。映画はいろいろと未来的なUIが出てくるようですが、&lt;a href=&#34;https://www.youtube.com/watch?v=3x_Y53ZWed8&#34;&gt;このあたり&lt;/a&gt;の表示の向こうに主人公が見える描写がそれでしょうかね。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/3x_Y53ZWed8?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;画面上に表示しているので、その画面をそのまま中継できるYouTube や Zoom 等でそのまま使えるそうです。&lt;/p&gt;&#xA;&lt;p&gt;作者のジム・フィッシャーさん自身が必要として作ったツールで、Go言語のガベージコレクションについて解説する動画などで実際にVidrioが使われたプレゼンテーションを見ることができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-in-use.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-in-use_hu_cfd0132d0d8ce5d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-in-use_hu_ee187f7f1a043018.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-in-use_hu_3550852d5a13df3f.webp 855w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/03/vidrio-shows-speakers-behind-screencast/vidrio-in-use.png&#34; width=&#34;855&#34; height=&#34;484&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/n59VtiRx34s?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;ツールは Mac 用のみ。Windows版は開発中で、リリースまでに数週間はかかりそうということ。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
