![見出し画像](https://assets.st-note.com/production/uploads/images/84338893/rectangle_large_type_2_aefb025d182f5235a18bdcf83f0a9730.png?width=800)
Stream Deck ステップバイステップ④【一発!ウェブリンク 患者さん説明を簡単に】
今回のSTREAM DECKのシリーズでは
① 一発!テキスト入力
② 一発!ウェブリンク
③ 一発!タイムスタンプ(WINDOWSのみ)
④ フォルタ機能でボタンを増やす
という事をしていこうと思います。
前回までで、シンプルな① 一発!テキスト入力ができるようになりましたね!?
一発!ウェブリンク
開院当初は、自作したパワーポイント資料などを印刷してラミネート加工したり、 製薬企業様の疾患説明パンフレットを用いて患者様に疾患説明を行っておりました。しかし、一旦作ったラミネートをUPDATEして作り直すことはできますが実際には「考えとくわー」(=関西弁でNO)という状況になって そのまま古いままの資料を使い続けるということになっていました。そこで当院ではランチャーアプリを使っています(KINDLE出版で出しています21,22)が、それはいきなりはハードルが高いので
STREAM DECKで疾患説明用のWEBサイトを一発で呼び出せるボタンをつくってみましょう
これも前回のテキスト入力ボタンの手順の応用です
①ボタンの背景色を変える
②ボタンを押したときに飛ぶリンク先の編集
③STREAM DECKのボタンに表示するテキストを編集
![画像1](https://assets.st-note.com/production/uploads/images/84344366/picture_pc_e15e7cf50409b5bf552c3d31d2b17323.png?width=800)
前回は【テキスト】でしたが
・今回は【Webサイト】を選んでください
・そしてその【Webサイト】を配置したいボタンのところに<ドラッグ&ドロップ>してください
![画像2](https://assets.st-note.com/production/uploads/images/84344572/picture_pc_e6629bb62b243fc1afd6840b87aa43f3.png?width=800)
このようなアプリの画面になります。そしてリアルタイムにSTREAM DECK本体にもそのアイコンが出てきます
![画像3](https://assets.st-note.com/production/uploads/images/84344882/picture_pc_e87de9bec6fd36b34ef86664ff18900b.jpg?width=800)
①ボタンの背景色を変える
・
【下矢印】をクリックして【ファイルから設定】を選び、
![画像4](https://assets.st-note.com/production/uploads/images/84347692/picture_pc_823f4a92b322d980f9927388267c6130.png)
前回のnoteの投稿記事で作製した背景色アイコンを選びます
今回は黄緑にしました。これもアプリでの設定がすぐにSTREAM DECKにも反映されます
![画像5](https://assets.st-note.com/production/uploads/images/84347885/picture_pc_fdea2fbcf7bb33a7966e0fc77fdf8abb.png)
![画像6](https://assets.st-note.com/production/uploads/images/84347902/picture_pc_97899b48fa858e41928916316e84544a.jpg?width=800)
②ボタンを押したときに飛ぶリンク先の編集
今回は 花粉症の時期によく使う 妊婦さんや授乳婦さんに使えるおくすりの説明文書へのウェブリンクをボタンに割り当ててみたいと思います
・そのアドレスをURLのところに入力してください
*【背景でGETリクエストを実行】というのは 僕の大好きなZAPIERなどでWEBHOOKなどを使うときで このあたりはマニアックになるので割愛します チェックを入れる必要はありません
![画像7](https://assets.st-note.com/production/uploads/images/84349721/picture_pc_2c8c5940dd5cb385a2b3db82bbfbf520.png?width=800)
・そしてSTREAM DECKのボタンを押してみて下さい
・そのウェブサイトが開き 感動でしょ?
③STREAM DECKのボタンに表示するテキストを編集
・表示させたい【タイトル】を入力します。今回は2行にします<薬 妊婦>と。
タイトルの右側にある【Tの右側の下矢印】をクリックすると
・ボタン位置(上・中・下)
・フォント種類
・フォントサイズ
・太字・斜体・下線
・色
・改行して複数行
を変えることができます。
・またもや アプリ上とSTREAM DECK本体がすぐに変更になります
![画像8](https://assets.st-note.com/production/uploads/images/84349924/picture_pc_68ebe604ae33aea6962bc7675e0dcda4.png)
![画像9](https://assets.st-note.com/production/uploads/images/84349935/picture_pc_09853ff5d94ef08dbb22bcb61ce06fcd.jpg?width=800)
こうやって グループごとに背景色を変えるとわかりやすいかもですね
例えば
・橙赤色:次回指示
・黄緑色:薬説明
・白色:カルテのSOAP部分
・黄色:レセコン部分のもの
などなど
今日のまとめ
①ボタンの背景色を変える
②ボタンを押したときに飛ぶウェブサイトを編集
③STREAM DECKのボタンに表示するテキストを編集
これで 基本的なウェブリンクボタンが作れました!
今日はここまで
よろしければサポートお願いします。 NYAUWの活動は現在マネタイズを考えずに意義のみを追求するフェーズです。 ニッチな分野のやせ我慢プロジェクトですので お気持ちだけでも嬉しいです。