https://labs.cybozu.co.jp/blog/akky/tags/%E5%B8%82%E5%90%8D/ Recent content in 市名 on akky@サイボウズラボ・ブログ Hugo ja Fri, 11 Oct 2019 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/ Fri, 11 Oct 2019 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/ <p><a href="https://iafisher.com/projects/cities/">How many US city can you name? (アメリカの市、いくつ知ってる?)</a>は、アメリカの都市の名前を当てるブラウザゲームです。</p> <p>フォームに都市名を入れて当たると、その都市が人口比に合わせた大きさの円で表示されます。当てた都市の総人口も下に表示してくれます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/how-many-us-city-can-you-name.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/how-many-us-city-can-you-name_hu_5fb8740e8a0f4561.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/how-many-us-city-can-you-name_hu_bf715af91bca9135.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/how-many-us-city-can-you-name_hu_d4d78db6f26f68a0.webp 1072w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2019/10/us-city-names-guiz/how-many-us-city-can-you-name.png" width="1072" height="753" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>住んでたことあるのにこんなものか? と言われそうですが全然出てこない… アンカレッジとかニュージャージーとか、カタカナでは書けても綴りが全然出てこないものも多かったです…</p> <p>間違えたペナルティもないし、綴りが惜しいとかのヒントもくれないので、クイズゲームとしては飽きるのが早いかも。</p> <p><a href="https://iafisher.com/projects/cities/bC__sBSVMcHqUQHCxNOINo1ULT8YC3AR6mOKq1yYb8w">URLに自分の答えた都市のリストが積まれるようになっている</a>ので、ブックマークすればいつでも続きを楽しむことができます。サーバ側にユーザー登録も状態を積む必要もないので、これはいいアイデア</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/M7JVlpm0eRs?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> <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/_E2CNZIlVIg?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>via Hacker News</p>