今回、初めてデジタルサイネージを作る、という案件に携わりました。 もともと普通のWebサイトを作る、というようなことしかしてこなかったので、サイネージに関する知識は皆無。 かなりいい勉強になったので、今回はそれを書いてみようと思います。 (付け焼き刃な知識も非常に多いので、間違いや改善点などあればコメントください!) 要件 ショッピングモール内にある小型店の店頭に置く、タッチパネル式のサイネージ 派手なアニメーションや広告は配置せず、見せるコンテンツをいくつか並べたい 店頭に設置してるポスターの代わりになるようなものにする もともとの要件はこれだけ。 ここからモニターからPC、使用技術までの全てを選定しました。 使用技術 1店舗に設置するものということもあり、普通にHTMLで作成してサーバーにアップして、それをブラウザで表示させよう、ということになりました。 モニターとPC ディスプレイと
![デジタルサイネージを作ったので学んだことを晒してみる Part.1 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/55df0884cc8e973c87b18e64cb16b910258c3761/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgzJTg3JUUzJTgyJUI4JUUzJTgyJUJGJUUzJTgzJUFCJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJThEJUUzJTgzJUJDJUUzJTgyJUI4JUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgxJUFFJUUzJTgxJUE3JUU1JUFEJUE2JUUzJTgyJTkzJUUzJTgxJUEwJUUzJTgxJTkzJUUzJTgxJUE4JUUzJTgyJTkyJUU2JTk5JTkyJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJTIwUGFydC4xJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iMmIwNDNhMjQ5OGM0NDEwMWJjMWEzNGRmOTg0MmFmZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQWtvYXJ1bV9LJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00YTQyYjU5YmVkYTA1MWRjMDNjZDA2ZWUzNTQ3MjEwOA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D900a9b2097eb364121e8e850b112a501)