2015/07/23

【JavaScript】バスの時刻表を作る

JavaScriptの勉強用に作ってみました。
時刻表の一覧と現在時刻を照らし合わせて、現在時刻以降のものだけを表示するようにしています。
// 現在時刻を取得する
var nowTime = new Date();
var nowYear = nowTime.getFullYear();
var nowMonth = nowTime.getMonth()+1;
var nowDay = nowTime.getDate();
var nowWeek = nowTime.getDay();
var yobi= new Array("日","月","火","水","木","金","土");
var nowHour = nowTime.getHours();
var nowMinute = nowTime.getMinutes();
// 現在時刻を表示する
document.write("現在時刻: "+nowMonth+"月"+nowDay+"日 "+"("+yobi[nowWeek]+")"+nowHour+"時"+nowMinute+"分");
document.write("<br/>");
// 時刻表を設定する
var timeTable = [
  [7,5],
  [8,5],[8,20],
  [9,0],[9,15],[9,30],[9,45],
  [10,20],[10,50],
  [11,20],[11,50],
  [12,20],[12,50],
  [13,20],[13,50],
  [14,20],[14,50],
  [15,20],[15,50],
  [16,20],[16,50],
  [17,20],[17,50],
  [18,20],[18,50],
  [19,15],[19,35],[19,55],
  [20,15],[20,35],[20,55],
  [21,35],
  [22,10]
];
//  timeTable内の配列の個数に合わせる
var tableMax =33;

//  時刻表を表示する
for(i=0; i<tableMax; i++){
  var timeTableHour = timeTable[i][0];
  var timeTableMinute = timeTable[i][1];
  var timeTableTime = new Date(nowYear+"/"+nowMonth+"/"+nowDay+" "+timeTableHour+":"+timeTableMinute);
  if(nowTime < timeTableTime){
    document.write(timeTableHour+":"+timeTableMinute);
    document.write("<br/>");
  } else {
    document.write("発車予定時刻を過ぎました。");
    document.write("<br/>");
  }
}
テストページ

平日と土日で時刻表が変わることやスマホ対応などには全く考慮していない簡易版です。
timeTableの配列を弄るだけでも、行先の追加など高機能化ができるかと思います。

2015/03/19

auのiPhoneにドコモメールを設定する方法

はじめに

ドコモメールがiPhoneで使えるようになって久しいが、諸事情でdocomo以外のキャリアのiPhoneでドコモメールを受信したいという方向け。

* 自己責任でお願いいたします。

記事中の間違え等はコメントにお願いいたします。

準備として

ドコモメールのiPhone設定はここのページに書いてある。


この方法はdocomoのiPhoneを使っているユーザー向けであり、auのSIMを挿したままでは「iPhone利用設定」のプロファイルをダウンロードすることはできない。

そこで参照すべきはこちらのページである。

 注意点は先のページ中に、以下のように書かれている通り
各メールソフトで設定を行う際には、docomo ID利用設定を有効にする必要があります。設定方法はマルチデバイスでのご利用方法をご確認ください。
*ドコモメールのdocomo ID利用が有効であること。


ドコモメールのdocomo ID利用については公式サイト等の解説を参考に行ってほしい。
今回はそこまではすでに設定を終えているものとする。

設定内容について

先ほど紹介したページでも書かれていることだが、IMAP対応のメーラーであれば、特にiPhoneに限らずともAndroidのスマートフォンでも対応アプリを用いれば同様に設定できる。
今回はiPhoneの既存のメーラーの場合の設定を紹介する。Androidの場合の設定方法は他のサイトを参考にしてほしい。

設定する内容は、ここの「設定内容」の部分。


Android等の場合の設定と違うところは「受信サーバ(IMAP)」が「imap2.spmode.ne.jp」になっている点である。

*設定の仕方は「マルチデバイスでのご利用方法」を参照。

iPhoneの設定手順

以下、参考になるよう基本的な手順についてまとめた。

1.「設定」->「メール/連絡先/カレンダー」->「アカウントを追加」




 2.「その他」->「メールアカウントを追加」


3.
「名前」:任意
「メール」:設定したいドコモメールのアドレス「パスワード」:設定したいドコモメールのパスワードを入力->「次へ」



4.
[受信メールサーバー]の
 「ホスト名」:imap2.spmode.ne.jp 「ユーザー名」:docomo ID
「パスワード」:docomo IDパスワード
[送信メールサーバー]の
 「ホスト名」:smtp.spmode.ne.jp 「ユーザー名」:docomo ID
「パスワード」:docomo IDパスワード
を入力->「次へ」



 5.
「詳細」->「受信設定」の
「SSLを使用」:ON「認証」:パスワード
「サーバーポート」:993


6.
[送信メールサーバー]->「smtp.spmode.ne.jp」の
「SSLを使用」:ON「認証」:パスワード
「サーバーポート」:465


7.「完了」



2014/12/12

【JavaScript】YouTubeのサムネをクリックでiframeに入れ換える

サイトにYouTubeの埋め込みを入れすぎると読み込みが重くなることがあります。
そこでJavaScriptでクリックしてから、iframeに切り替えるようにしてみようという試みです。

当方JavaScript初心者ですので間違えがあってもご容赦を。
コメントで教えてくれると幸いです。
function changeThumbnail(obj)
{
 var width  = 480;
 var height = 360;
 var pattern = /vi\/([^&]+)\//;
 var video_id  = obj.childNodes[0].src.match(pattern);
 var iframe = "<iframe width=\""+width+"\" height=\""+height+"\" src=\"http://www.youtube.com/embed/"+video_id[1]+"\" frameborder=\"0\" allowfullscreen></iframe>";
 obj.innerHTML = iframe;
}
<a href="https://www.youtube.com/watch?v=n7H4p0ArZUU">Mr.Children「フェイク」Music Video</a><br/>
<div onClick="changeThumbnail(this);"><img src="http://i.ytimg.com/vi/n7H4p0ArZUU/hqdefault.jpg"></div>

テストページ
jQueryを使えばもっと簡易化できそうです。

2014/10/19

【PHP】動画サイトの埋め込みプレイヤーを呼び出す


PHPで動画サイトのURLを入力して、埋め込みプレイヤーを呼び出すというのが今回の目標です。
URLをformに入力して、そのURLを元に動画のIDを抽出し、外部プレイヤー用の埋め込みコードを作成します。

[テストページ]

まだ、対応サイトは少ないです。
正規表現を使って、各動画サイトのURLから動画のIDを抽出しているのですが、なかなか上手く書けず苦労しています。

参考にした記事

・ YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する
・ YOUTUBEのURLから動画のIDだけを抜き出す正規表現
・ 【PHP】 YouTubeのURLを解析してiframeを作成する

追記

「Embedly」というサイトで似たようなことができるようです。

2014/05/06

マスプロ電工の「VSW41」を購入


マスプロ電工のAVセレクター「VSW41」(画像下)を購入しました。



オーディオセレクターは、オーディオテクニカやSONYからも発売されていますが、プラスチック製で外観に安物感があります。AVセレクターでもオーディオ端子だけ使えば機能は同じですので、この商品を購入しました。

実売価格3000円強程度と他社のオーディオセレクターよりも少しお高めですが、その分高級感のある見た目と質感です。


4入力1出力に対応しているので、今はPCとPS3から以前買ったLepaiのアンプ(画像上)に繋いでいます。

PCとゲーム機のスピーカーを共有しようと考えている方や普通のオーディオセレクターではもの足りない方の参考に成れば幸いです。