<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>React-Js on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/react-js/</link>
		<description>Recent content in React-Js on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 14 Jun 2019 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/react-js/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Never-Blink ウェブカメラ対戦型の「まばたき我慢」ゲーム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/06/never-blink-makes-you-a-winner/</link>
				<pubDate>Fri, 14 Jun 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/06/never-blink-makes-you-a-winner/</guid>
				<description>&lt;p&gt;Never-Blink は、まばたきを我慢し合うゲームです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/ByronHsu/Never-Blink&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/never-blink-makes-you-a-winner/never-blink_hu_aa92befb8af13b00.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/06/never-blink-makes-you-a-winner/never-blink_hu_61d35c30265a04c7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/06/never-blink-makes-you-a-winner/never-blink_hu_ed9e94bccd3e03c1.webp 789w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/never-blink-makes-you-a-winner/never-blink.png&#34; width=&#34;789&#34; height=&#34;453&#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;サーバにつながった中からランダムな相手が決まり、その相手とwebカメラがついたブラウザ経由でにらめっこのように向き合います。&lt;/p&gt;&#xA;&lt;p&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/VCP36k5OqDs?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;類似の先行例として、2017年にBBCが人気ドラマ「ドクター・フー」のプロモーションで短期公開した、&lt;a href=&#34;https://www.bbc.co.uk/taster/pilots/doctor-who-dont-blink-game&#34;&gt;&amp;ldquo;Don&amp;rsquo;t Blink&amp;rdquo;(まばたきするな)&lt;/a&gt;があるそうです。こちらは他人との対戦ではなく、ウェブカメラをみながらどれだけまばたきを我慢できるかというゲームだったよう。&lt;/p&gt;&#xA;&lt;p&gt;ランダムにつながるというあたりは、一時期世界中で話題となった &lt;a href=&#34;https://chatroulette.com/&#34;&gt;Chatroulette&lt;/a&gt; を思い出しますね。単にランダムにつなげるより、そこにゲームが有った方が楽しいという人はいるかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;ソースコードが&lt;a href=&#34;https://github.com/ByronHsu/Never-Blink&#34;&gt;GitHub に公開&lt;/a&gt;されていますが、今のバージョンは処理が重いそうで、どこかのサーバに載せて一般公開はできていないということ。自分でインストールした上で相手を探して遊ぶのはちょと大変かもしれませんね。&lt;/p&gt;&#xA;&lt;p&gt;モバイルゲームとして手軽に遊べれば、そこそこ流行るかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=20171446&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>React.js - 「ブラックリスト」は人種差別?</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/09/is-blacklist-offensive-in-react-js/</link>
				<pubDate>Mon, 10 Sep 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/09/is-blacklist-offensive-in-react-js/</guid>
				<description>&lt;blockquote&gt;&#xA;&lt;p&gt;「ブラックリスト」の利用は侮辱的である!&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/facebook/react/issues/13604&#34;&gt;The use of &amp;ldquo;blacklist&amp;rdquo; is offensive! #13604&lt;/a&gt;&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;という &lt;a href=&#34;https://github.com/facebook/react&#34;&gt;React&lt;/a&gt; のGitHub Issues におけるバグレポート。&lt;/p&gt;&#xA;&lt;p&gt;報告者は、「人種差別的や、家父長的な背景のある用語を避けよう」という主張で、こちらのツイッターを引いています。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;ブラックリスト → 否定リスト&lt;/li&gt;&#xA;&lt;li&gt;ホワイトリスト → 許可リスト&lt;/li&gt;&#xA;&lt;li&gt;キラーアプリ → 愛されアプリ&lt;/li&gt;&#xA;&lt;li&gt;マスター/スレーブ → プライマリ/レプリカ&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://twitter.com/andrestaltz/status/1030200563802230786&#34;&gt;https://twitter.com/andrestaltz/status/1030200563802230786&lt;/a&gt;&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;本気か、と思いましたが、たった2時間のうちに、&lt;a href=&#34;https://github.com/gaearon&#34;&gt;Dan Abramov氏&lt;/a&gt;が「もちろん。いいね」と、多少文言を変えて修正し、チケットはクローズされました。&lt;/p&gt;&#xA;&lt;p&gt;ちなみに、ブラックリストの語源には、&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%88&#34;&gt;人種的な意味はなさそう&lt;/a&gt;です。&lt;/p&gt;&#xA;&lt;p&gt;まあ、言い換えの効かない単語ではないし、ささっと変えてしまえば済むといえば済むんでしょう。ソースコードチェックツールにこの手のセンシティブな単語のチェッカが入るようになるかもしれないですね。&lt;/p&gt;&#xA;&lt;p&gt;# もしかしたらもう入ってたりするのかな。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=17950306&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
