eラーニングをすべての人に！blog.eラーニング.co.jp

「水谷うぃっち」（mizutani-uicchi）が、パンダスタジオから放送されました。バーチャル3Dスタジオを利用して放送をしました。バーチャル3Dスタジオでどのような番組ができるのか、下記のアーカイブを御覧ください。 参考までに、番組の裏側の写真もアップしておきます。

「水谷うぃっち」２０１１年１月１１日（火）スタート　隔週火曜日放送　２０：００～２１：３０
出演：水谷彩也加、初原千絵、メンタイマン
内容：アイドル２人と珍味ヒーローメンタイマンが繰り広げる異空間脱線アンストッパブル・ガールズトーク・ヴァラエティ

（水谷彩也加ＨＰ）http://www.aqua-p.net/mizutani.html
（初原千絵ＨＰ）http://mentaiman.com/attraction/uihara/index.html
（メンタイマンＨＰ）http://mentaiman.com/

パンダスタジオのfacebookファンページ（http://www.facebook.com/pandastudio.tv）もよろしくお願い致します。

▼千代田区秋葉原のUstreamレンタルスタジオ【PANDA STUDIO パンダスタジオ】
スタジオの詳細・活動記録はfacebookファンページに公開していますので、ぜひご覧下さい。
http://facebook.com/pandastudio.tv

『きばらじ』（http://kiban.tv）は、キバンインターナショナルによる、eラーニング・ネット生中継など、さまざまな情報を提供するお昼の気の抜ける生放送番組です。

▲バーチャル3Dスタジオで実験放送を開始

WirecastPROという配信用ソフトと、ローランドのV-1600HDというハイビジョン対応のスイッチャーを利用して、バーチャル3Dスタジオによる試験放送を開始しました。バタバタで、放送を録画していなかったのですが、livestreaming for facebook側で行った放送が残っていましたので、下記に公開しておきます。

3分27秒ぐらいから本番が始まります。

月曜から金曜まで12：30からのキバンインターナショナルのお昼の生放送番組『きばらじ』（http://kiban.tv）の2011年2月8日の番組の内容を紹介いたします。

本日は試験的にFacebookでも配信を行います。

『きばらじ』は、キバンインターナショナルによる、eラーニング・ネット生中継など、さまざまな情報を提供するお昼の気の抜ける生放送番組です。
パンダスタジオ（http://pandastudio.tv/）で配信予定の最新の番組情報を紹介いたします。

Ustreamの最新の情報や、カリスマ英語教師のベリタス・アカデミー坂木先生が、旅行で活用できる便利な英語のフレーズを番組の中で紹介します。

今週のキバンインターナショナル

ソーシャルメディア・パッケージの紹介(http://blog.elearning.co.jp/archives/16332.php)
『水谷うぃっち』の紹介 (http://www.ustream.tv/channel/mizutani-witch)
ソフトバンク・就活セミナーの紹介(http://blog.elearning.co.jp/archives/16439.php)

英語を学ぼうシリーズ１

前半　会話編
海外旅行でよく使う表現

• 飛行機の中で使う表現

後半　文法編

文型の基礎

• ４題の問題と解説

毎日12：30から

就活ライブチャンネル2012、「WEBRONZA」と連携し、 就活生向け対談番組を「Ustream」で配信

～田原総一朗氏、一色清・朝日新聞編集委員らが出演～

ソフトバンク・ヒューマンキャピタル株式会社（本社：東京都港区、代表取締役社長：木崎 秀夫）が運営する「Ustream」を活用したオンラインでの会社説明会配信サービス『就活ライブチャンネル2012』は、株式会社朝日新聞社（本社：東京都中央区、代表取締役社長：秋山 耿太郎）が運営する言論・解説サイト『WEBRONZA』と連携し、就活生向け対談番組「若者よ、未来は自分で切り拓け！～就職氷河期に立ち向かう就活生へのメッセージ～」を2011年2月12日（土）に配信します。朝日新聞編集委員・『WEBRONZA』編集長の一色清氏による司会進行のもと、田原総一朗氏・城繁幸氏・常見陽平氏が、厳しい就職戦線をいかに乗り切るかを議論します。

就活ライブチャンネル2012、「WEBRONZA」と連携し、 就活生向け対談番組を「Ustream」で配信～田原総一朗氏、一色清・朝日新聞編集委員らが出演～

番組概要

就職氷河期の再来、終身雇用制の崩壊、海外の人材に対する採用ニーズの急騰など、日本の学生を取り巻く環境は厳しくなる一方です。このような状況下で、就活生はいかにして企業を選び、仕事観を養い、就職戦線を勝ち抜いていくべきか、日本を代表するジャーナリスト田原総一朗氏と、雇用・就職問題の第一人者、城繁幸氏・常見陽平氏の3名が議論し、就活生に向けて熱いメッセージを送ります。

今回の対談番組は、Ustreamを活用し、就活ライブチャンネル2012のサイト上で生中継されます。視聴者はTwitterやFacebookのアカウントを利用して、質問やチャットへの参加ができます。また、番組終了後も就活ライブチャンネル2012に設けられたアーカイブ一覧にアクセスし、番組を視聴することができます。

WEBRONZAでは同じく12日に、新卒の就職問題についてWEBRONZAの筆者陣が論考を展開します。

開催概要

田原総一朗氏プロフィール

ジャーナリスト。1934年、滋賀県生まれ。60年岩波映画製作所に入社。64年、東京12チャンネル（現テレビ東京）に開局とともに入社。77年にフリーに転身し、テレビ朝日系『朝まで生テレビ！』『サンデープロジェクト』でテレビジャーナリズムの新しい地平を拓く。『日本の戦争』（小学館）、『田原総一朗自選集（全5巻）』『日本の戦争 BC級戦犯60年目の遺書』『ズバリ！先読み 日本経済』（アスコム）ほか著書など多数。

城繁幸氏プロフィール

人事コンサルティング「Joe’s Labo」代表取締役。1973年山口県生まれ。東京大学法学部卒業後、富士通入社。2004年に独立し、人事制度、採用等の各種雇用問題のスペシャリストとして各メディアで積極的な発言を続ける。代表作『たった1%の賃下げが99%を幸せにする』（東洋経済新報社）『3年で辞めた若者はどこへ行ったのか』（ちくま新書）『7割は課長にさえなれません　終身雇用の幻想』（PHP研究所）など著書多数。

常見陽平氏プロフィール

人材コンサルタント、作家、実践女子大学非常勤講師。1974年宮城県生まれ。北海道札幌市出身。一橋大学商学部卒。リクルート、玩具メーカーを経て株式会社クオリティ・オブ・ライフに参加。『就活難民にならないための大学生活30のルール』（主婦の友社）『くたばれ！就職氷河期』（角川SSC新書）など、就活、キャリア関連の著書、連載多数。

WEBRONZAとは

WEBRONZAは、ネット上に点在する大量の情報の中から価値ある情報を選び出し掲載する言論・解説サイトです。「政治・国際」「経済・雇用」「社会・メディア」「科学・環境」の4分野から、ニュースにそった重要テーマを切り出し、関連するニュースやブログ、NPOの動きなどを分かりやすく整理して紹介します。

就活ライブチャンネル2012とは

就活ライブチャンネル2012は、ライブ配信プラットフォームUstreamを活用した、オンラインでの会社説明会配信サービスです。Ustreamオフィシャルコンテンツとして、「地方学生・留学生の就職活動を応援する」をテーマとして、毎週火曜・木曜18時30分より、首都圏の魅力的な企業の新卒採用会社説明会を全世界にライブ配信しています。

学生はインターネット環境さえあればどこからでも説明会に参加でき、TwitterやFacebookのアカウントを利用してリアルタイムで質問したり、チャットに参加したりすることができます。また、リアルタイムのライブ配信だけでなく、アーカイブの視聴も可能なため、大学の授業や通常の就職活動に支障をきたすことなく参加することができます。

会社概要

本件に関する報道関係者様のお問い合わせ先

来週から、Ustreamの番組配信の改善プロジェクトを開始しようと思う。「きばらじ」という番組を開始して、ずいぶん沢山の改善や、いろいろなテクニックを使うようになった。番組の時系列で、どんな事をしているか、思いつくまま書き出してみたい。

番組用に改善しても、リストにしておかないと、その改善点、テクニックを忘れて使わなくなったりする。または準備不足で、利用しようとおもったら、本番中に準備ができていないので、青くなる。改善点、利用できるテクニックは、放送前に全部チェックして、いつでも利用できる状態で、本番に臨むようにしたい。

1. 番組内容を、Webで告知すること。
2. 番組内容を、Blogで告知すること。
3. 特番は、プレスリリースを配信する。
4. 配信画面の左下に、告知、番組内容のバナーを用意する。
5. 関連するURLなどを、画面左下に出せるように、別twitterアカウントを用意する。
6. 出演者用のPC、PC用の有線を用意し、インターネットの接続を確保する。
7. 出演者用のiPhone,iPadの無線接続を用意し、インターネット接続を確保する。
8. プレ放送（開始前の様子や開始時間の告知）をする。
9. 独自ドメインを取得して、番組、タイムライン（ソーシャルストリーム）を埋め込むこと。
10. 埋め込み可能な場所は、可能な限り埋め込むこと。（ブログ、会社ページ、パンダスタジオ、KIBAN.TVなど）
11. 埋め込みをしてもらえるよう、呼びかけをするページを作ること。
12. 裏方スタッフ用のインカムを用意する。
13. 出演者用のカンペを用意する。（スケッチブック）
14. カメラアングル内に入る効果的な小物を用意する。
15. 65インチ液晶ディスプレイが、効果的に配置され、表示されるようにする。
16. 天井（上）と、床（下）からの照明を用意する。
17. セット（机や椅子）を効果的に配置する。
18. ビデオカメラのメモリー（フォーマットをして空の状態になってること）を確認する。
19. ビデオカメラをバックアップ用に録画する。
20. ワイヤレスマイクなど、電池を利用するものは、すべてフル充電のものに切り替える。
21. ビデオカメラも、バックアップ用にフル充電されたバッテリーを装着する。
22. ICレコーダーで、バックアップ用に録音する。
23. 配信用のマシンを事前に一度再起動しておく。
24. 配信用マシンのハードディスク空き容量を確認する。
25. 配信用マシンのCPUモニターを起動しておく。
26. ブルーバックの時には、オートフォーカスが誤動作するので、マニュアルフォーカスに切り替えること。
27. USTREAMの番組表サイトへ、放送の連絡をいれ、掲載してもらうこと。
28. USTREAMのトップページにバナー申請をすること。
29. 配信用のPCのバックアップを用意すること。
30. イッチャーからの出力を、ノートでも受けてスタンバイをしてくこと。
31. 電波時計を用意して、予定時間には放送を開始すること。
32. 放送の残り時間が分かるような、タイマーを用意すること。
33. Ustream Watershedに高画質版を配信する。
34. Ustream側に、iPhone視聴可能な低画質のものを配信する。
35. Livestream for Facebookに配信をする。
36. CerevoLiveboxで配信をする。
37. オープニングを入れる（映像と曲）を用意する。
38. 出演者に音を返す。
39. 出演者にプレビュー（スイッチした映像）を返す。
40. 出演者のカメラ目線上にタイムラインを表示させる。
41. 各マイクの音量、音のレベルを確認する。
42. ミキサーでの音のモニターと、配信のモニターの2系統でモニターする。
43. ノートパソコンの内蔵スピーカーで視聴して音を確認してくれるユーザーを確保するか番組で音を確認してもらう。
44. オリジナルのソーシャルストリームを用意する。（ハッシュタグを設定する。）
45. 番組名をテロップで入れる。
46. iPadをテロップ（出演者名）や告知用に、表示をする。
47. 出演者の名前をテロップで入れる。(wirecastで用意しておく。）
48. 番組でクロマキー合成を行う。（色の抜けを確認するだけではなく、出演者の服の色を確認する。）
49. クロマキー追加用のボードを用意する。（クロマキーの幕が足りないところを追加できるように、90cm四方のブルーの板を用意する。）
50. クロマキー追加用の手袋を用意する。
51. 大きな指示棒（先の大きなもの）を用意する。
52. PCの映像や音を入れる。65インチ液晶に表示できるように準備しておく。
53. zoomitの起動をする。
54. 効果音を入れる。（ポン出し機を利用する。）
55. Skypeで他の場所と接続する。
56. Facetimeで他の場所と接続する。
57. ハイアングルのカメラを利用する。
58. エンディングを入れる（映像と曲）
59. 番組のメイキング、番組中に撮影したもので、iPhotoを利用してエンディングを即席出作る。
60. PinPで複数カメラを切り替える。
61. タイムライン上のコメントを紹介する。
62. エンディング（映像＋音）を流す。
63. 余韻タイムと次回予告時間を作る。
64. 音から落とす。
65. 映像を止める。
66. タイムラインで紹介しきれなかったコメントにRTをつけて返事をだす。
67. コメントをいただいた方は、全員フォローをする。
68. バックアップを確認し不要箇所をカットする。
69. Youtubeにもアップする。
70. ブログに紹介する。
71. Facebookに紹介する。
72. アップロードの完成を、twittterで告知する。
73. 音、映像、スライドは、1つのフォルダ（日付＋番組名）にしてバックアップを取る。
74. 番組終了後、良かった点、改善すべき点についてミーティングをする。
75. スイッチャー（ビデオスイッチ担当者）は、番組を最初から最後まで見直して、スイッチの改善点がないか振り返りの時間を持つ。
76. 視聴者数（同時）、のべ視聴者数を記録にとっておく。（バックアップフォルダにテキストで残す。）
77. 気がついた改善点、ひやっとしたことは、メモしておき、次の改善点につなげる仕組みを作る。

iPhoneアプリ開発ではUITableViewを利用する場合が多々あります。そこでちょっと変わったUITableViewの使い方を紹介します。

TableViewを回転させる

標準ではセルが上から下にかけて並んでいますが、TableViewを回転させることで任意の方向にセルを配置することが可能です。

通常のTableView

90度回転させたTableView

90度回転させたものは中に入っているTexLabelも回転させています。Viewを回転させるにはCGAffineTransform構造体を利用します。

CGAffineTransformMakeRotationで回転行列を設定できます。ここでは、90度左に回転させるために−90度を設定しました。CGAffineTransformMakeRotationで指定できる角度はラジアンです。また、その値をUIViewのsetTransformというクラスメソッドに渡すことによって、回転させることが出来ます。また、90度以外にも中途半端に回転させることも可能です。

中途半端に回転させた図

加速度センサとの融合

これだけだとちょっとつまらないので、加速度センサと組み合わせてみました。iPhoneを傾けると、次のページ(セル)に移動するサンプルを作成してみました。

傾きを検知してスライドするサンプル

このプログラムはXcodeのデフォルトのUITableViewControllerのものを利用しております。RootViewController.mの実装は以下のとおりです。

ポイントは加速度センサから得られた値をもとに傾きを検出しています。今回はiPhoneを左右に30度傾けた時にセルの移動をするようにしました。また、色んなものと組み合わせれば面白いものができそうですね。

きばらじのファンページができました。新しい試みで、FBMLのテンプレートを使用し、様々なことができるようになりましたのでご紹介致します。

1.タブの階層構造化

▲タブの中に複数のタブを作成

StaticFBMLで作成したオリジナルタブの中に、さらに複数のタブを階層化しています。第２のメニューになるので、使い方によっては、縦長になりがちなオリジナルタブ内もすっきり整理できます。

2.お問い合わせフォーム

▲お問い合わせフォーム

ファンページかWebサイトへリンクしてお問い合わせを取る、という流れも悪くはありませんが、ファンページにもお問い合わせフォームがあった方がいい！と場合もあるでしょう。きばらじに問い合わせがあればどしどしこちらのフォームからご連絡ください。

３．スライド写真

▲複数の写真を1箇所でスライド表示できるようになりました。

オリジナルタブに写真を何枚も貼ると、タブ内が縦長になりがちですが、スライド写真を導入することでスッキリします。キャプション（写真下の簡単な説明文）もつけることができます。

４．シェアボタン

▲シェアボタン

」

シェアボタンをつけることで、スグにシェアしてもらえる可能性が高まります。ここだ！というポイントに効果的に置きたいですね。

今回は、「スタティックFBML実用サンプル集」というファンページで無料配布されているテンプレートを利用させて頂きました。

最近では、こういう無料配布サイトがではじめましたが、私の見るところ、現状ではこちらが一番充実していて、この他、ファンページでいいね！をクリックしないと見ることができない仕組みや、コメント欄のタグなども公開されているようです。

きばらじのファンページ、どうぞよろしくお願い致します。

学習管理システムSmartBrainには、コース内の進捗が分かるようにグラフが表示されているのですが、次回のアップデート時に、グラフが伸縮するようになります。iPhoneなど、表示領域が限られたモバイル端末が増えています。こういった端末でも快適に利用していただけるように、これからも様々な工夫を取り入れています。

幅が広い場合

幅が狭い場合

キバンインターナショナルでは、ブログでの情報発信を推進しています。

情報発信の状況を定量的に把握するための集計ページまで作ったのですが、そのページの表示方法が分からない！との意見を多数いただきましたので、FollowMeタブの↓にリンクを設置致しました。

記事数統計へのリンクを

集計ページのトップに、投稿件数のグラフを表示してほしい。という要望も頂いておりますので、近日中にさらにアップデートいたします。また、Wordpressのプラグインで、画面の端にアイコンを表示する方法についての記事も近日中に公開いたします。

アイコンの提供元　
無料素材倶楽部　＞　uターン矢印アイコン フリー素材