モテると聞いて女子大に iPad 持って行ってみた
先週のRuby/Rails勉強会@関西に iPad を持って行った。
結論から言うとモテなかった。
「初めて見ましたー」「触ってもいいですかー」と女子大生がやってきたので、とりあえず
- "Winnie the Pooh" を見せて、
- "noby noby boy" を見せて、
- 「つみネコ」をやらせてみた。
「きゃっ おもしろーい」「へー」「ありがとうございましたー」…… 終了
iPad にタイムキーパーをやらせてみた
昔どこかでひろった LT 用タイマー。
これが一部で好評だった。
ちなみにスタンドは 100均で買った額縁スタンド。
iPad で縦に表示するなら : はいらないか。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Lightning Talks Timer for iPad</title> <script language="JavaScript" type="text/javascript"> <!-- function getSecondTime(hour, minute, second) { return hour * 60 * 60 + minute * 60 + second; } function getSecondTimeForDate(date) { return getSecondTime(date.getHours(), date.getMinutes(), date.getSeconds()); } var talk_time; var change_time; var start; var talk_end; var change_end; function setYellow(min) { yellow = min; } // 時計を1秒ごとに更新する関数 function showTime(term) { if (isNaN(talk_time)) { talk_time = term; start = getSecondTimeForDate(new Date()); talk_end = start + talk_time; change_end = start + talk_time + change_time; } var now = new Date(); // 200msecごとに自分自身を呼び出す。 setTimeout("showTime(0)", 200); var point = getSecondTimeForDate(now); if (change_end < point) { talk_end = point + talk_time; change_end = point + talk_time + change_time; var body = document.getElementById("body"); body.style.background = "white"; } var diff = talk_end - point; if (diff <= change_time && diff > 0) { var body = document.getElementById("body"); body.style.background = "yellow"; } if (diff <= 0) { diff = -diff var body = document.getElementById("body"); body.style.background = "red"; } var second = diff % 60; var minute = (diff - second) / 60; if (minute < 10) { minute = "0" + minute; } else { minute = "" + minute; } if (second < 10) { second = "0" + second; } else { second = "" + second; } var minuteSpan = document.getElementById("minute").firstChild; minuteSpan.nodeValue = minute; var secondSpan = document.getElementById("second").firstChild; secondSpan.nodeValue = second; } //--> </script> </head> <body id="body"> <div style="text-align:center"> <div style="font-size:400pt"> <span id='minute'>minute</span><span id='second'>second</span> </div> <script language="JavaScript" type="text/javascript"> <!-- var m = location.toString().match(/([0-9]+)(\+([0-9]+))?$/); if (!m) { change_time = 60; showTime(5 * 60); } else if (m[3]) { change_time = m[1] * 60; showTime(m[3] * 60); } else { change_time = 60; showTime(m[1] * 60); }//--> </script> </div> </body> </html>
使い方
- http://example.com/timer.html
- LT タイマーとして
- 持ち時間 5 分。残り 1 分で黄色。
- http://example.com/timer.html?10
- 持ち時間 10 分。
- http://example.com/timer.html?5+30
- 持ち時間 30 分。
- 残り 5 分で黄色。