大和証券様のiPhone向けサイト

　はじめまして。ＰＩ部の制作運用課で、大和証券様のサイト運用のお手伝いをしている山田です。今回は、わたしから、大和証券様のiPhone向けサイトの事例をご紹介したいとおもいます。

 
このサイトでは、弊社にて運用を行っております、ダイワインターネットＴＶサイト（http://www.daiwatv.jp/）



から、特に人気の2つの以下のコンテンツを配信中です。

■【解説】東京マーケット前引　（更新）毎日17:10
株式市場（大引け）の主な指標に加え、株式相場の概況や個別銘柄の動向など1日の株式の動きの総まとめをトレーディングセンターから解説します。

■週刊　株式マーケット　（更新）毎週金曜 20:30
１週間の株式市場を総まとめ。翌週の主な経済統計発表や会見日程などとそのポイントを解説します。

一日のマーケットの動き、
毎週のマーケットの動きをわかりやすく動画で解説する、投資には欠かせない情報を提供するコンテンツです。

動画は200kbpsのmp4でエンコードしています。大和証券さま向けにはビデオポッドキャストでも配信していたため、iPhoneで配信できる動画については問題ありませんでした。iPhoneの大画面であれば、図表などもはっきりと見やすいです。

 
iPhoneにはsafariが入っているので通常のＷＥＢサイトも見ることができるのですが、せっかくのiPhoneですので、iPhone向けのＵＩも実装しました。
 
 
　大き目の要素、ボタン
　他のiPhoneアプリなどと共通するイメージのＵＩ（ここでは戻るボタンなど）
　極力ファーストビューに主な要素を入れる。
　iPhoneならではの動きのあるＵＩ

 
 にを意識して、
 HTML5とJavaScriptでコーディングを実装しました。

 
【ＴＯＰページ】

各タイトルのエリアをクリックするとエリアが左にずれて各タイトルのページに進みます。

  

Playボタンを押せば動画の再生が開始されます。

 
もちろんiPhoneを横に傾ければサイトも横表示に最適化されます。  

 

iPhone向けのサイトに関しましては、
iPhoneの液晶サイズ、タッチパネルでの動作を意識したサイト作りが欠かせません。
クライアント様にも喜んで頂き、面白い取り組みができたと思っております。

Ｊストリームでは、この他にも、iPhone向け動画配信の実績がございますので、ご興味のある方はぜひお気軽にお問い合わせいただければとおもいます。

Jストリーム
山田　浩之