https://labs.cybozu.co.jp/blog/akky/tags/%E5%BD%B1/ Recent content in 影 on akky@サイボウズラボ・ブログ Hugo ja Wed, 27 Jan 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/ Wed, 27 Jan 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/ <p>マウスカーソルではなく、「ここ!」という感じで影の形の手が現れるという地図です。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/finger-pointing-map.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/finger-pointing-map_hu_228cd8479379832a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/finger-pointing-map_hu_df36b0df029afbea.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/finger-pointing-map_hu_9b36398fd7c28f2e.webp 1108w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/finger-pointing-map.png" width="1108" height="757" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>OpenStreetMap を使い、影を表示しているだけの単機能のサービスですが、地図の特定の場所を指で差している感じがよく表れています。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/hand-sliding-map.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/hand-sliding-map_hu_856442a9b8daa19b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/hand-sliding-map_hu_3d4b3017bc6c5e3b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/hand-sliding-map_hu_1750b42bf3edfd96.webp 786w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/01/the-shadow-on-the-map/hand-sliding-map.png" width="786" height="647" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ドラッグで地図をスクロールしてる時は、ちゃんと掴む、というか紙を押さえてずらすような形の腕に変わっています。</p>