wacw wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
=====デジタルサイネージ=====
Raspberry Pi でデジタルサイネージ（キオスク、情報表示端末）として使うためのメモ。

====misc====
  * [[http://fefnir.com/school/4-2.htm|スクロールバーを消す]]
  * [[http://masaboo.cside.com/new_html1/ht_43.htm|HTMLタグ インラインフレームの細かい設定]]
  * [[https://allabout.co.jp/gm/gc/23796/|ウェブページ周囲の余白サイズや背景色を調整する方法 [ホームページ作成] All About]]

====日付・時刻====
  *[[https://www.timeanddate.com/clocks/free.html|Free Clocks for Your Website]]


====iFrame 内の拡大縮小====
0.55倍の場合
<code><iframe src="★URL★" frameborder="1" width="640" height="480" style="transform:scale(0.55);-o-transform:scale(0.55);-webkit-transform:scale(0.55);-moz-transform:scale(0.55);-ms-transform:scale(0.55);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;"></iframe></code>

参考：[[http://blog.asial.co.jp/1314|外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法 : アシアルブログ]]

====表の活用====
  *表を使うことで、iframe を縦に並べることができる。
    *[[http://www.tohoho-web.com/html/table.htm|テーブル(表)]]
  *表に色を付けるには↓
    *[[http://www.tagindex.com/html_tag/table/table_bgcolor.html|HTMLタグ/テーブルタグ/表の背景色を指定する - TAG index]]
  *セル内での位置調整
    *[[http://www.tagindex.com/html_tag/table/td_align.html|HTMLタグ/テーブルタグ/セル内の文字の位置を指定する - TAG index]]

====天気の表示====

（１）以下のページにアクセスし、天気を表示したい地域の経度・緯度を求める。

[[https://user.numazu-ct.ac.jp/~tsato/webmap/sphere/coordinates/|Googleマップで緯度・経度を求める]]


（２）以下の [経度]、[緯度] に１で求めた値を入れ、[表示する地域] に地域名を入れる。

 <code><iframe style="align:right"id="forecast_embed" type="text/html" frameborder="0" height="250px" width="830px" src="http://forecast.io/embed/#lat=[経度]&lon=[緯度]&name=[表示する地域]&units=si"> </iframe></code>

東京駅の緯度（北緯　35°　40′　49″）経度（東経　139°　46′　7″）なら以下のようになる。

 <code><iframe style="align:right"id="forecast_embed" type="text/html" frameborder="0" height="250px" width="830px" src="http://forecast.io/embed/#lat=35.4049&lon=139.4607&name=Tokyo Station&units=si"> </iframe></code>

（３）２のコードを html に書き込む。

参考：[[http://www.instructables.com/id/Raspberry-Pi-Wall-Mounted-Calender-and-Notificatio/?ALLSTEPS|Raspberry Pi: Wall Mounted Calendar and Notification Center - All]]

====ブログに書いたこと====
  * [[http://blog.withachristianwife.com/2017/04/03/displaying-info-on-mac-mini-3/|Mac Mini を使った情報表示ディスプレイ ３ – with a Christian Wife]]
  * [[http://blog.withachristianwife.com/2017/04/10/prevent-raspberrypi-from-sleeping/|スクリーンのスリープを防ぐ – with a Christian Wife]]
  * [[https://blog.withachristianwife.com/2018/12/19/prevent-raspberrypi-from-sleeping-2/|[Raspberry Pi] スクリーンのスリープを防ぐ２ – with a Christian Wife]]
  * [[http://blog.withachristianwife.com/2017/04/09/disable-mouse-cursor-in-raspberry-pi/|Raspberry Pi でマウスカーソルを非表示にする – with a Christian Wife]]
  * [[https://blog.withachristianwife.com/2018/12/20/control-hdmi-display-with-pi/|Raspberry Pi で HDMI 接続のディスプレイをオン・オフ – with a Christian Wife]]