<?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/%E7%B5%B5/</link>
		<description>Recent content in 絵 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 13 Oct 2017 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E7%B5%B5/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>人間の顔を、世界地図の「図法」で表すとこうなる、というコード</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/</link>
				<pubDate>Fri, 13 Oct 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://bl.ocks.org/awoodruff/9216081&#34;&gt;Projection face!&lt;/a&gt; は、人間の顔を世界地図の上に描いて、図法を変えたらどう歪んで見えるか、というのを見せてくれるウェブサイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator_hu_4494339220a11b53.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator_hu_82c0726763c08895.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator_hu_68510da1a8df4dbc.webp 983w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-projection-mercator.png&#34; width=&#34;983&#34; height=&#34;577&#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;D3.js を使って63もの図法で表示してくれますが、&lt;a href=&#34;http://bl.ocks.org/awoodruff/9216081&#34;&gt;ソースコード&lt;/a&gt;も公開されています。&lt;/p&gt;&#xA;&lt;p&gt;一個ずつ選択するのではなく全部を並べて見たい人のために一ページにおさめられたものが&lt;a href=&#34;http://bl.ocks.org/vlandham/raw/9216751/&#34;&gt;こちら&lt;/a&gt;になります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://bl.ocks.org/vlandham/raw/9216751/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-map-projection-samples_hu_dca98df5b49ae39f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-map-projection-samples_hu_65ae5feaebc3cfc3.webp 738w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-map-projection-samples.png&#34; width=&#34;738&#34; height=&#34;764&#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;顔をマップしてみるというのは、元々は、&lt;a href=&#34;https://archive.org/stream/cu31924003898271#page/n1/mode/1up&#34;&gt;1921年に書かれた論文 &amp;ldquo;Elements of Map Projection&amp;rdquo;&lt;/a&gt;に描かれていたものが初出だそうです。100年近く前ですから、この時のプロットは当然手書きでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-mapping-thesis-1921.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-mapping-thesis-1921_hu_ee1986b9fe27a056.webp 473w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/face-mapping-on-globe-map-projections/face-mapping-thesis-1921.png&#34; width=&#34;473&#34; height=&#34;596&#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;geojson形式のデータを用意すれば、別の絵についても簡単に同様のプロジェクションが作れます。さまざまな図法の違いの体感もできるし、架空の世界の地図で、真東がどこになるか、等距離の場所はどこになるか、等を考えるのに使えたりするかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://flowingdata.com/2014/01/13/map-projections-illustrated-with-a-face/&#34;&gt;FlowingData&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>ピアノロールがそのまま物語の絵にもなっている曲</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/</link>
				<pubDate>Tue, 09 May 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.youtube.com/channel/UCNhppARArisfCUbfT46K8uw&#34;&gt;マリ・レスターバーグ(Mari Lesteberg)さん&lt;/a&gt;が作る曲は、音階がそのまま絵にもなっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/midi-drawing-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/midi-drawing-screenshot_hu_17c7f48df9dc60de.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/midi-drawing-screenshot_hu_80a3bdbcaa8ef4d8.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/midi-drawing-screenshot_hu_5a9bfb00ccb3b282.webp 800w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/05/piano-roll-also-shows-story/midi-drawing-screenshot.png&#34; width=&#34;800&#34; height=&#34;476&#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;少女の冒険(The Adventures of a Little)&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/r2WjVUJyro8?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;高速の車(Cars on the highway)&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/yKGnCUhbylM?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;正直、曲として面白いとは思わないのですが。2つのことを同時に実現しているのでしょうがないのかなとも。&lt;/p&gt;</description>
			</item>
			<item>
				<title>漢字をイラストで覚えさせるChineasy</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/</link>
				<pubDate>Wed, 05 Feb 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/</guid>
				<description>&lt;p&gt;漢字は象形文字で、元々は絵から発展したもの、というのは、東アジア以外の人でも知っている人は多いと思います。2,30字程度のアルファベットですべてを表現する人たちから見たら、数千文字の漢字を操る言語は驚きであり、またなかなか学ぶつもりにまでなれないかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;Kickstarterで&lt;a href=&#34;https://www.kickstarter.com/projects/shaolanchineasy/chineasy-begins-0&#34;&gt;出資成立&lt;/a&gt;した&lt;a href=&#34;http://chineasy.org/&#34;&gt;Chineasy&lt;/a&gt; (Chinese + easy = 中国語 + 簡単)は、漢字をその意味を表すイラストとセットで描くことで、漢字とその意味を結びつけて記憶できるようにするという学習法です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-letters.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-letters_hu_3e762c89eccb53aa.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-letters_hu_505c8d4f6f1aab84.webp 605w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-letters.png&#34; width=&#34;605&#34; height=&#34;375&#34; alt=&#34;chineasy-letters&#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;a href=&#34;http://chineasy.org/about/about-shaolan.aspx&#34;&gt;シャオランさん&lt;/a&gt;が、イギリス生まれの自分の子供たちに中国語を教えようとして、英語ネイティブにとって漢字を覚えることがいかに大変か気付き、漢字を覚える様々な手法を試したあげくに辿りついたのが、自分で作ったこのChineasyだということ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-compound-letter.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-compound-letter_hu_a77a17f9f07fe2a6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-compound-letter_hu_fd700a16d64292ea.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-compound-letter_hu_a8989ed901ef756a.webp 961w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-compound-letter.png&#34; width=&#34;961&#34; height=&#34;595&#34; alt=&#34;chineasy-compound-letter&#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;a href=&#34;http://chineasy.org/basics/set-1.aspx?set=1502&#34;&gt;ベースとなる「口」に、他の要素を追加した「困」を解説&lt;/a&gt;しています。&lt;/p&gt;&#xA;&lt;!-- Legacy embedded HTML preserved:&#xA;&lt;iframe width=&#34;640&#34; height=&#34;480&#34; src=&#34;https://www.kickstarter.com/projects/shaolanchineasy/chineasy-begins-0/widget/video.html&#34; frameborder=&#34;0&#34; scrolling=&#34;no&#34;&gt;&lt;/iframe&gt;&#xA;--&gt;&#xA;&lt;p&gt;二文字以上で作られた熟語の説明も。日本語にもある言葉もあれば、中国語にしかないものもありますね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-words.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-words_hu_ff837bd2189008f5.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-words_hu_3ba0dc2ef90e897a.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-words_hu_f1d1ff9ffdc9eabf.webp 922w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-words.png&#34; width=&#34;922&#34; height=&#34;861&#34; alt=&#34;chineasy-words&#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;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-tatoos.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-tatoos_hu_2678e7b7bf572cc.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-tatoos_hu_1898434b9eded990.webp 619w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/02/chineasy-memorize-kanji-with-illustration/chineasy-tatoos.png&#34; width=&#34;619&#34; height=&#34;396&#34; alt=&#34;chineasy-tatoos&#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;</description>
			</item>
	</channel>
</rss>
