---
slug: "windows-kiosk-mode-digital-signage-html-js"
title: "Windows で Webサイト(HTML+JS) でデジタルサイネージをする簡単な方法"
description: "Webサイト上のWebアプリとしてダッシュボードや広告スライドショーを作っていて、それを Windows のデジタルサイネージに表示する方法。"
url: "https://www.ytyng.com/blog/windows-kiosk-mode-digital-signage-html-js"
publish_date: "2021-07-13T12:33:20Z"
created: "2021-07-13T12:33:20Z"
updated: "2026-02-27T12:37:08.480Z"
categories: ["Windows"]
keywords: ""
featured_image_url: "https://media.ytyng.com/resize/20250602/dd87f457181b49c28729ba2e63ef0569.png.webp?width=768"
has_video: true
has_music: true
video_urls: ["https://media.ytyng.net/ytyng-blog/206/featured-video-1.mp4", "https://media.ytyng.net/ytyng-blog/206/featured-video-2.mp4", "https://media.ytyng.net/ytyng-blog/206/featured-video-3.mp4"]
music_urls: ["https://media.ytyng.net/ytyng-blog/206/featured-music-206-3.mp3", "https://media.ytyng.net/ytyng-blog/206/featured-music-206-4.mp3"]
lang: "ja"
---

# Windows で Webサイト(HTML+JS) でデジタルサイネージをする簡単な方法

<p class="p1">Webサイト上のWebアプリとしてダッシュボードや広告スライドショーを作っていて、それを Windows のデジタルサイネージに表示する方法。</p>
<p class="p1"></p>
<p class="p1">方法はいくつかあるが、結論として今回は、</p>
<p class="p1">「普通のWindows ユーザーを作って、キオスクモードオプションを指定した Chrome のショートカットをスタートアップに入れる」</p>
<p class="p1">という方法にした。</p>
<h1 class="p2">いくつかの方法</h1>
<h2 class="p1">A. キオスク専用のユーザーを作る方法</h2>
<p class="p1">Windows では、「キオスクモードを設定する」とか「割り当てられたアクセス」とよばれる機能。</p>
<p class="p1">フルスクリーンで動作する、単一のアプリのみを起動するユーザーを作れる機能が Windows にすでにある。</p>
<p class="p1"></p>
<p class="p1">機能的にはいちばんセキュアだが、Web サイトをキオスクにするのは難しい。</p>
<p class="p1">標準機能がいくつか用意されているのに難しい。</p>
<h3 class="p1">A1. キオスクモード + Edge のキオスクモード</h3>
<p class="p1">うってつけの機能が Windows 標準で用意されている。</p>
<p class="p1">キオスクモードのユーザー(割り当てられたアクセス) を作る際、Edge を選択すると、</p>
<p class="p1">起動時のURLはどこにするかとか、何分ごとにセッションをリセットするかとか聞いてくる。</p>
<p class="p1">だが、この機能は Edge が Chromium エンジンになってから、Edge 自体がキオスクモード内で<strong>起動できなくなった</strong>ため使えない。</p>
<p class="p1">キオスクモード起動時に、「アプリを起動できませんでした。 Ctrl + Alt + Del 云々 0xffffffff 」というエラーメッセージだけの画面になり何もできない。</p>
<p class="p1">この問題のディスカッション:</p>
<p class="p3"><a href="https://docs.microsoft.com/en-us/answers/questions/204877/assigned-access-will-not-start.html">https://docs.microsoft.com/en-us/answers/questions/204877/assigned-access-will-not-start.html</a></p>
<p class="p1"><a href="https://answers.microsoft.com/ja-jp/windows/forum/all/windows10-pro/9e37d1f5-2694-4e1e-99ce-8158bcdb6054">https://answers.microsoft.com/ja-jp/windows/forum/all/windows10-pro/9e37d1f5-2694-4e1e-99ce-8158bcdb6054</a></p>
<p class="p2"></p>
<p class="p1">明快な解決方法も無いようだ。諦める。</p>
<p class="p2"></p>
<h3 class="p1">A2. キオスクブラウザを使う</h3>
<p class="p1">キオスクモード用の、Kiosk Browser というアプリが WIndows のストアから提供されている。</p>
<p class="p1">これは、インストールされるとキオスクのユーザーで起動することができる。</p>
<p class="p1">ただし、初期URL の指定が難しい。</p>
<p class="p2">アプリをインストールしただけでは、初期URLを設定できない。</p>
<p class="p2"></p>
<p class="p1">どうやって設定するかというと、</p>
<p class="p1">Kiosk Browser + Windows ADK (アセスメント &amp; デプロイメントキット) の中に入ってる、イメージおよび構成デザイナー(ICD) というツールで作るらしい。設定を埋め込んだアプリ? か Windows イメージを作るもののようだ。</p>
<p class="p3"><a href="https://docs.microsoft.com/ja-jp/windows-hardware/get-started/adk-install"><b>Download and install the Windows ADK</b></a></p>
<p class="p4"><b></b></p>
<p class="p1">ちなみにツールは1GB ほどサイズがある上、構築が難しい。なんでweb を表示するだけなのにこんな手間をかけなければならないのかと思う。却下。</p>
<p class="p2"></p>
<h3 class="p1">A3. 独自アプリをビルドする</h3>
<p class="p1">WebViewを使うだけなら、Kiosk Browser + イメージおよび構成デザイナ を使うより、C#, ザマリン, Electron, Flutter など使って WebViewだけのアプリをビルドした方がよっぽど簡単な気がする。今回はやってないが。</p>
<p class="p2"></p>
<h2 class="p1">B. 普通のユーザーを作って、普通のブラウザの「キオスクモード」をスタートアップで起動する</h2>
<p class="p1">上記、A の「割り当てられたアクセス」のユーザーを作る方法よりよっぽど簡単。だが、普通のユーザーなので、アプリを閉じられたり、アプリがクラッシュして終了した場合、デスクトップにアクセスできたり別のアプリを起動することができる。そのためセキュリティは良くない。</p>
<p class="p1">目の届く範囲で、限られたユーザーで使う条件では問題無い。</p>
<p class="p2"></p>
<h3 class="p1">B1. Edge のキオスクモード起動</h3>
<p class="p1">Edge に「<code>--kiosk &lt;URL&gt; --edge-kiosk-type=fullscreen</code>」オプションをつけて起動するとキオスクモードになる。引数に指定したURLが最大化されて表示される。</p>
<p class="p1">今回やりたかった機能。これで全く問題無い。</p>
<p class="p1"></p>
<p class="p1">Edge のキオスクモードのその他のオプションの解説</p>
<p class="p3"><a href="https://docs.microsoft.com/ja-jp/deployedge/microsoft-edge-configure-kiosk-mode#configure-using-windows-settings">https://docs.microsoft.com/ja-jp/deployedge/microsoft-edge-configure-kiosk-mode#configure-using-windows-settings</a></p>
<p class="p2"></p>
<p class="p1">Edgeのショートカットを作って、右クリックからプロパティを表示し、コマンドラインに上記オプションを追加。</p>
<p class="p2"></p>
<p class="p1">Windows +R から <code>shell:startup</code> と入力し、スタートアップフォルダを表示して上記ショートカットを入れる。</p>
<p class="p1">これでOK。</p>
<p class="p2"></p>
<p class="p1">Alt+Tab などの機能でアプリを終了できてしまう。目の届く範囲で、しかもキーボードを使わないサイネージ等の用途であれば、問題なさそう。</p>
<p class="p2"></p>
<p class="p1">ただし、<strong>アプリ終了時にクッキーが消える</strong>。なのでログインセッションを継続できない。</p>
<p class="p1">もしログイン必須のページであれば、Chrome を使ったほうが良い。</p>
<p class="p2"></p>
<h3 class="p1">B2. Chrome のキオスクモード起動</h3>
<p class="p1">Chrome も、 <code>--kiosk &lt;URL&gt;</code> でキオスクモード起動ができる。Edge と見た目はまったく一緒。</p>
<p class="p2"></p>
<p class="p1">Chrome の場合は、終了して再度起動しても<strong>クッキーは消えない</strong>ので、ログイン必須のページであれば Chrome の方が良い。</p>
<p class="p2"></p>
<p class="p1">今回は、ログインしたページでデジタルサイネージがしたかったので、 キオスクモードオプションを指定した Chrome を スタートアップに入れる方法にした。</p>
<p class="p2"></p>
