https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%BF%E3%82%A4%E3%83%AB/ Recent content in タイル on akky@サイボウズラボ・ブログ Hugo ja Thu, 02 Sep 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/ Thu, 02 Sep 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/ <p>グーグルが<a href="https://japan.googleblog.com/2012/04/google-8.html">ドラクエ風Googleマップを発表</a>したのが 2012年のエイプリルフール。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/google-april-fools-nes-google-map.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/google-april-fools-nes-google-map_hu_4a22f7b3f9802845.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/google-april-fools-nes-google-map_hu_a9b02e6722b155e1.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/google-april-fools-nes-google-map_hu_b1e08532ffd27e17.webp 828w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/google-april-fools-nes-google-map.png" width="828" height="443" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>その時はエイプリルフールのネタでしかなかったのですが、このファミコン風Google Maps を自作した人が現れました。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map_hu_ccaaa67f2c967ae.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map_hu_e966a6e924c24eba.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map_hu_12c9dbc3e26a8e15.webp 920w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map.png" width="920" height="511" alt="" loading="lazy" decoding="async"> </picture></a></p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map-yokohama.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map-yokohama_hu_a27a6be6dd15c191.webp 410w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map-yokohama.png" width="410" height="210" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ファミコン/ドラクエの祖国に敬意を表してか、<a href="https://www.youtube.com/watch?v=5vcPnk-6saw">デモ動画</a>の中では東京周辺から川崎、横浜を訪れています。(3:20頃)</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map-making-tiles.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map-making-tiles_hu_15155ff6dd79fb1b.webp 378w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/09/nes-google-maps/real-nes-google-map-making-tiles.png" width="378" height="374" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>元の衛星動画をグリッドで切り、グリッド内の色の多さをカウントし、色に合わせたファミコン風のタイル地形を割り当てるという形で8bit地形図を作り、それをタイルサーバとして動かしているということ。</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/5vcPnk-6saw?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div> <p>現在はラズベリーパイ上などを外に置いたままNESにつないでの動作ですが、NESのカートリッジの形に収めるようがんばりたいそう。</p> <p>via Hacker News</p> https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/ Fri, 12 Mar 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/ <p><a href="https://japanesecomplete.com/visual-composer">Japanese Sentence Builder</a> は、タイルに書かれた日本語(英語ヒントつき)を組み合わせて日本語の文章を作るという特殊なエディタです。</p> <p><a href="https://japanesecomplete.com/visual-composer-demo">ブラウザ版のデモ</a>が公開されています。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer_hu_4b5cbab2e706a9dc.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer_hu_7eb84fe26d73f27f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer_hu_99e4cbfe324b107.webp 806w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer.png" width="806" height="881" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>左下の名詞を選ぶと、トップの助詞が選べるようになり、助詞を選ぶと、次の名詞かまたは右下の動詞を選べるようになります。</p> <p>日本語タイルの下には英語で意味が書いてあるので、英語のヒントをみながら、それらしい日本語の文章を組み立てることができるというわけ。</p> <p>とは言っても、日本語話者だから組み立てられるわけで、この英語のヒントだけをもって通じる日本語文を作るのも、なかなか難しそうではあります。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer-translation.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer-translation_hu_f46ac85972810cd8.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer-translation_hu_4b95b3cd6911daad.webp 698w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/03/japanese-sentence-builder/japanese-composer-translation.png" width="698" height="192" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>できあがった文章は、日英の自動翻訳で英語に変換され、組み上げた日本語の意味が通じるのかを確認することができます。</p> <p>最近は機械翻訳が進歩してきているので、このような手動(を支援するソフトウェアツール)がなくても自動翻訳だよりでかなりのことができつつあるでしょうけれど、自分で外国語を身に着けたいというときは、このような支援ツールを使うことで学習が進むこともありそうです。</p> <p>日本語話者にとっての英語学習もたいへんですが、逆の立場のたいへんさも想像できますね。</p> <p>via Hacker News</p>