1. okoppe8

    Posted

    okoppe8
Changes in title
+[Chrome] プリンターから直接印刷する方法
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,61 @@
+## この記事について
+
+Google Chrome で印刷ダイアログを表示させずに直接プリンターより印刷する方法を紹介します。英語で言うところの「silent printing」の設定です。
+
+## やりかた
+
+Chrome の起動コマンドにオプション「`--kiosk-printing`」を指定すればOKです。実際には非表示ではなく一瞬ダイアログが表示されてすぐ消えます。印刷設定はChromeで最後に使った設定が利用されます。
+
+- **Windowsの場合**
+
+Chromeのショートカット、もしくは`chrome.exe`のプロパティ画面より起動コマンドを修正します。
+
+参考:[YouTube: Silent printing in Google Chrome](https://www.youtube.com/watch?v=4aByczxnfHo)
+
+
+- **Mac の場合**
+
+Windowsのようにショートカット自体に起動コマンドを持てないので、直接実行コマンドをたたくとのことです。
+
+参考:[How to setup the Kiosk printing on Chrome and Opera](How to setup the Kiosk printing on Chrome and Opera)
+
+## 活用方法
+
+**以下のJavascriptのコードと組み合わせることで、ブラウザで印刷画面を表示させずに印刷することができるようになります。**
+
+**レジや証明書発行サービスのように、その場で印刷物を渡す系のシステムがWEBアプリで実装可能になります。**
+
+レシートプリンタやKioskモード(機能制限した全画面モード)と組み合わせて色々活用方法を考えると楽しいと思います。
+
+
+```js:メインウィンドウ
+$('#print_button').on('click', function (e) {
+ var url = '印刷用ウィンドウのURL';
+ window.open(url);
+})
+```
+
+```js:印刷用ウィンドウ
+$(window).load(function () {
+ setTimeout(function () {
+ window.print();
+ window.close();
+ }, 200);
+})
+```
+
+コード引用: [Qiita: そろそろ真面目に、HTMLで帳票を描く話をしようか](https://qiita.com/cognitom/items/d39d5f19054c8c8fd592)
+
+
+## 参考
+
+- 印刷帳票をデザインするときに参考にしてください。
+
+ - [Qiita: 紙の帳票を元にHTML帳票を作る方法](https://qiita.com/okoppe8/items/45e7b37774899e763d31)
+
+- Google Chrome キオスクモードの紹介
+
+ - [簡単!GoogleChromeのKIOSKモードで簡易デジタルサイネージ](https://blogs.fc-taka.net/blog/2015/06/27/post-1195/)
+
+ - [Qiita: デジタルサイネージを作ったので学んだことを晒してみる Part.1](https://qiita.com/Akoarum_K/items/7f65c67f78b2ed9edb6c)
+