wacw wiki

デジタルサイネージ

Raspberry Pi でデジタルサイネージ（キオスク、情報表示端末）として使うためのメモ。

misc

日付・時刻

Free Clocks for Your Website

iFrame 内の拡大縮小

0.55倍の場合

<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>

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

表の活用

表を使うことで、iframe を縦に並べることができる。
- テーブル(表)
表に色を付けるには↓
- HTMLタグ/テーブルタグ/表の背景色を指定する - TAG index
セル内での位置調整
- HTMLタグ/テーブルタグ/セル内の文字の位置を指定する - TAG index

天気の表示

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

Googleマップで緯度・経度を求める

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

<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>

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

<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>

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

参考：Raspberry Pi: Wall Mounted Calendar and Notification Center - All