『教育とITで企業の経営を革新』
駿台グループのITラーニング専門企業 SATT （エスエイティーティー） が明日をサポートします。

開発部だより　第73回

みなさん　こんにちは　michelです。
久々の登場です。
私は、いつもラーニングというものをやわらか頭で、
日常の出来事から考えてみたいと思います。

つい先日、渋谷からバスに乗りました。

行き先は、自宅の方面・・・中野駅南口です。
実は、生まれてはじめての体験・・・初体験でありんした。

いやあ、これがなかなか面白かったんすよ〜。

まずはバス停。

渋谷のバス乗り場は広い広い！！西口もある　東口もある。
そして中野にも新宿にも六本木にも田町にも行ける！！
さすが渋谷、ヒュ〜♪

私の目指すは京王バス。


探すこと、10分・・・


あ、あった　あった。西口だ。

西口のバス広場は少々汚いかな？
さらにちょっとカオス状態で、どこに並べばいいのか？
どこをバスが通るのか？全くわからない状態でした。

おそるおそるバスの目印の近くに向かって歩いていると、
なんと！バスが私に向かって突進してくるではないですか！？

きゃあ〜　轢かれるう〜


と命からがら逃げました。ぜえーぜえー。

あまりに恐かったので、誰かいない？？とあたりを見回すと、
突然バリー・ボンズに似た男性が走ってきて、
ガムをクチャクチャと噛みながら、当たり前のように壊れかけた
柵に寄りかかってバスを待ち始めたのであります。


なるほど〜　ここに並べばいいんだ。


私もちょこんと、彼の横に並んでバスを待つことにしました。


ふと空を眺めると、不思議な気持ち。


あら？ここは日本かしら？
なんだかＮＹにでもいるみたい。


すると、ちょっと楽しくなってきました。
バスの乗り方もわかったし（笑）


やがてバスが到着し、私は無事に帰宅できたのでありました。
ジャンジャン。


え？ここで何がラーニングって？


みなさん、いつものちょっと違う行動をしてみるとか
いつもとちょっと違うルートを利用してみるとか、
こんな些細なことだけで、つまらないと思われがちな日常でも、
楽しくなったり、発見があったり、学んだりするものです。


日常を生きることすべてがラーニングなのでした。


完

開発部だより　第72回

どうもお久しぶりです。
「振り返れば子猫がいる」です。うちの猫もすっかり大人の猫になり、朝の５時には窓の側で「出してー」と鳴き続け、７時には「入れてー」と鳴き続けるとってもかわいい猫に成長しました。お返しに気持ち良さそうに寝ているのを見つけると、愛のほおずりを必ずお見舞いしてやります。

さて私もそろそろ入社して一年近くが経ちました。やっと仕事にも慣れてきて最近覚えたFlexやColdFusionにも少しずつ愛着がわいてきました。
ぐぁ、やっぱりデータのやり取りの作業ばかりでは少しさびしい今日この頃。
そこで簡単なアニメーションを作ってみました。
マウスカーソルのように動く魚の骨をネコ？が追いかけて行くというものです。

とりあえず完成がこちら。
で、動きの肝の部分の解説です。
まずはお魚(hone_mc)の動きから。

Mouse.hide();
hone_mc.addEventListener(Event.ENTER_FRAME ,honeMoveHandler);

function honeMoveHandler(e:Event):void{
hone_mc.x = stage.mouseX;
hone_mc.y = stage.mouseY;
}

これはそのまんまですね。Mouse.hide()でカーソルを見えなくして、常にマウスの座標とお魚の座標を合わせる事によって、お魚がマウスカーソルのようになります。

次にダッシュしてちかづい追いかけてくるネコ(neko_mc)の動きです。
やっている事を要約すると、
�@　マウスの座標とネコの座標の距離を計算する。
�A　計算した距離を一定の数で割った分だけX,Y座標を近づける。
となります。

なんだか�Aの説明がよく分からないですが、例を挙げると、
距離が
1000の時は10で割ると100になり、100距離を近づける。
900の時は10で割ると90になり、90距離を近づける。
810の時は10で割ると81になり、81距離を近づける。
と、離れている距離が大きいほど、近づくX,Y座標も大きくなりダッシュして見えるというわけです。ソースにするとこんな感じです。

neko_mc.addEventListener(Event.ENTER_FRAME,nekoMoveHandler);

function nekoMoveHandler(e:Event):void {
var speed:uint = 10;
neko_mc.x += (stage.mouseX - neko_mc.x)/speed;
neko_mc.y += (stage.mouseY - neko_mc.y)/speed;
}

ここでspeedの値を大きくすると動きがゆっくりになり、小さくすると動きが速くなります。
いかがでしたか？
こんなんでも少しでも皆様のお役に立てれば幸いです。

開発部だより　第71回

このところ夜になるとめっきり寒くなりましたね。

もう先週の話になりますが、米国時間10月4日から7日まで、米国カリフォルニア州ロサンゼルスにて開催されていた「Adobe MAX 2009」にてAppleのiPhone、iPod touch向けのアプリケーション開発を可能にするオーサリングツール「Adobe Flash Professional CS5」が発表されました。
ついにようやくといった感じですが、、、

とはいえ、Appleが制限を課しているため、ウェブブラウザのプラグインという形でFlashが提供されるわけではありません。プログラマーは、Adobeの「Flash Professional CS5」開発者向けツール（現在ベータテスト実施中）を用いて、FlashアプリケーションをiPhoneのネイティブアプリケーションに変更し、Appleの「App Store」からダウンロード提供可能となるのです。それでも大きな前進ですね。

Adobe MAX 2009でのデモの様子はこちら

33分ぐらいからiPhoneでのデモをやっています。
まだまだ、障害は多そうですが近い将来iPhoneアプリの開発をやってみたいです。

また、iPhone関連ではAdobeのWeb会議アプリ「Adobe Acrobat Connect」のiPhone版を現在「App Store」に登録申請中だそうです。
こちらもどのようになるのか興味あります。登録されたら是非体験してみたいです。


PS
お気に入りのスイーツ紹介コーナー！！
今回ご紹介するのは京都嵐山の京ロール　ＡＲＩＮＣＯの東京駅限定「塩キャラメルロール」です。
ふわふわとしたやわらかな食感で甘さ控えめで美味しいです。
是非一度お試しください。

開発部だより　第70回

こんにちは、シルバーウィークをゴールデンウィークにしてしまったたっくんです。

今回は、Flexで良く使う、『 DataGrid 』のカスタマイズ（かゆいところに手が届く？）をご紹介します。

データグリッドの列ソート機能をカスタマイズ

・データグリッド全体をソート無効にする
・データグリッドの特定の列をソート無効にする
・オリジナルのソートをさせる

・データグリッド全体をソート無効にする
　データグリッド全体をソート無効にする場合は、＜DataGrid＞の「sortableColumns プロパティ」を変更します。

＜mx:DataGrid dataProvider="{sampleAC}" sortableColumns="false"＞

＜/mx:DataGrid＞

・データグリッドの特定の列をソート無効にする
　特定の列のソート無効にする場合は、＜DataGridColumn＞の「sortable プロパティ」を変更します。

＜mx:DataGrid dataProvider="{sampleAC}"＞
　＜mx:columns＞
　　＜mx:DataGridColumn headerText="国" dataField="Country" sortable="false"/＞
　＜/mx:columns＞
＜/mx:DataGrid＞

・オリジナルのソートをさせる
デフォルトのソートイベントを止めて、自分で書いた処理を実行する。
＜DataGrid＞ の headerReleaseで、自分で作ったメソッドを呼び、ソート処理を行なう。
※ポイント
単純に、処理を書くと、「デフォルトの動作＋自分で設定した動作」と2重の処理が行なわれてしまうので、preventDefault()メソッドを使い、デフォルトのソートを実行しないようにします。

＜mx:DataGrid dataProvider="{sampleAC}" headerRelease="headerReleaseHander(event);"＞

＜/mx:DataGrid＞

--Scriptタグ中-----
//データグリッドの自動ソート機能を無効化
private function headerReleaseHander( event:DataGridEvent ):void{
　event.preventDefault();
　//ここにカスタムソート処理を書く
}

データグリッドは、表形式の情報を取り扱うので、非常に使いやすいため、いろんなところで使うと思います。ソート機能も便利ですが、必要ない場合もあるかと思いますので、ちょっと紹介させていただきました。

特に、最後に紹介した「オリジナルのソートをさせる」での、preventDefault()メソッドで、イベントを中断する方法は、他のコンポーネントとかでも使えますので、覚えておくといいですよ！

ではでは

開発部だより　第69回

シルバーウィーク中の高速バスが売り切れてしまって臨時便が出るのを今か今かと待っていたら、見事に臨時便が出て、しっかりgetした開発部pinkです。

さてさて、ちょいと（かなり？）古いネタですが。。。
2010年度よりSCORMアセッサ制度が変わりますね。

まず、名前が変わります。
SCORMアセッサ→SCORM技術者

中身はというと、eラーニング・プロフェッショナル（eLP）資格制度と統合し、SCORM2004にも対応する資格となります。
つまり「1.2も2004もまかせてちょうだい！」ってことですよ。

ちなみに、すでにSCORMアセッサを持っている場合は、「SCORM技術者Lite」となり、１年以内に差分の講習会（任意）と試験を受けて、合格すれば「SCORM技術者」になれるそうな。
そうしたら「1.2も2004もまかせてちょうだい！」って言えるのです。

詳細はコチラ

まだ、検討中だそうで、変更になる可能性もありますけどね。


影練。。。練習じゃないか、、、影勉？？？しよっと

開発部だより　第68回

こんにちは！

めっきり秋めいてきた今日この頃、掛け布団を出すべきか迷いっぱなしの burnercrew です。

現在Adobe Labsでパブリックベータ版が公開されているColdFusion 9ですが、すでに試している方も多いと思います。

今回は「うーん、いまいち何が8から変わったのか、どうせ大して変ってないのでは？」とお思いの方に向けて、ColdFusion 9で新たに追加されたCFMLタグをざっくりご紹介いたします。

追加されたタグは以下になります。


[cfcontinue]
ループ処理の先頭に移動。(cfloopタグ内で使用)

[cffileupload]
ユーザーのシステムから複数のファイルをアップロードするためのダイアログを表示。

[cffinally]
cftryをタグの内側に使用。

[cfimap]
IMAPサーバーの電子メールやフォルダを取得・管理。

[cfmap]
ColdFusion Webページ内へGoogleマップを埋め込む。

[cfmapitem]
cfmapで埋め込んだ地図上にマーカーを作成。(cfmapタグの子タグ)

[cfmediaplayer]
FLVファイルを再生できる組み込みのメディアプレーヤーを作成する。

[cfmessagebox]
ポップアップメッセージを表示するためのコントロールを提供する。

[cfprogressbar]
プログレスバーを表示。

[cfsharepoint]
ColdFusionからSharePointのアクションを呼びだす。

[cfspreadsheet]
Excelスプレッドシートファイルを管理。


追加されたタグの数は少ないかもしれませんが、フローコントロールに関するものから、Googleマップ、ビデオプレーヤー、メールにExcelスプレッドシートと、リッチメディアから基幹系システム用途まで幅広くカバーされています。

今年のAdobe MAXでもColdFusion 9に関するセッションは盛り沢山のようです。

これを機会に是非お試しください

Adobe Labs ColdFusion 9
http://labs.adobe.com/technologies/coldfusion9/

開発部だより　第67回

このブログでも何度かご紹介させていただいておりますが、SATTは東京ビッグサイトで行われた「e-Learning WORLD 2009」に参加。
私ベル子は3日間とも、現場に立っておりました〜０＾o＾０
今回は、手前味噌てんこ盛りの感想に少しお付き合いください。


白色や青系のブースが続く会場を、奥に進んで見えてくるのは弊社の濃ゆーい茶色の空間。
どっしり感重視の横の木目、カーペットは赤。モニターがズラリで、大モニターからは笑えるプロモーションが・・。
これは、どう見ても目立ちました。



イメージは、個人的には、セレブの隠れ家パークハイア●トホテル！
ファッションショーも行われるあの有名なボールルームのマルチスクリーン前で、歩みを止めたかのような気分です（大げさ）。
当の私は、早速バックヤードで着替えて、コンシェルジュの コスプレ 姿です。

黒のベスト、ワイン色のロングエプロンと同色のタイ、自慢の黒縁メガネまでかけて接客に立ったのですが、なんでしょうこの居心地のよさ。
レセプション業界出身のベル子の血は抑えようもなく、お客様と目が合うだけで、「お呼びでっ。」と心の中で片ヒザを付いています。


期間中、「どうしてそういう衣装なの？」と嬉しいご質問をいただけること十数回。
「ハイ、コンセプトは「ラーニングコンシェルジュ」でございまして」とお答えすると、お客さまは続けて「ああそう。ウチでは・・」とお悩みや現状などを打ち明けてくださることもありました。
熱心な教育関係の方は、ご自身で、イチからeラーニング教材を制作・配信されているとのこと。頭が下がる思いです。
こうしたことをお聞かせいただける機会のない開発部のベル子ゆえ、感動でした。お話くださったお一人お一人に感謝しております。

おかげさまで期間中は大盛況だった上、展示しているサービスも幅広く、これだけモニターをご用意してもお客様にプレゼンをお見せしきれないこともありました。


社員がこぞって出演した、ツッコミどころ満載のプロモビデオの横に立ちながら・・。
ここでずっとeラーニングの露店（？）をやっていたい、そんな気にもなったベル子でございます。
またお会いできることを願って。
ありがとうございました０＾o＾０

開発部だより　第66回

8/5（水）からの e-Learning WORLD 2009で、SATTの「Attain +」（アテイン プラス：コードネーム）と、「smart QUTE」（スマート キュート）がついに公開されます！！
「Attain +」は、SATTの新開発LMSで、今までの「Attain3」とは全く異なるテイストとロジックを取り入れています。
「smart QUTE」は、「interaction Maker PRO」をさらに使い易く、洗練されたデザインでお届けしています。
まだ、SATTサイトにも載っていない「Attain +」と「smart QUTE」！ぜひ、e-Learning Worldで、ご覧ください☆

【Attain +】

（画像をクリックすると拡大します）



【smart QUTE】

（画像をクリックすると拡大します）




【Attain + の特徴】
・Mac OS Xに対応。
・Adobe Flexで作成したリッチなUI。
・データの検索、抽出がリロード無しで高速に。

【smart QUTE の特徴】
・画像のみでなく、音声やFlashファイル、Flashビデオの表示が可能に。
・使い慣れたExcelで、問題の出題や設定が可能。
・ロゴの変更や追加で使用社専用のデザインに。

それでは、東京ビッグサイトでお待ちしています！！
（途中、ゆりかもめでガンダムが見れるはず☆）

開発部だより　第65回

政府のIT戦略本部は「i-Japan戦略2015」を7月6日に決定、7月16日に公表しました。
[概要]
http://www.kantei.go.jp/jp/singi/it2/kettei/090706gaiyou.pdf
[本文]
http://www.kantei.go.jp/jp/singi/it2/kettei/090706honbun.pdf


この戦略には実現可能で具体的な目標が書かれていると感じました。

「i-Japan戦略2015」の将来ビジョンには、「i」を含んだ以下のような２つのキーワードが盛り込まれています。

『Digital Inclusion』　(デジタルインクルージョン)
　　−デジタル技術がまるで「空気」や「水」のように人々に受け入れられる社会の実現
『Digital Innovation』　(デジタルイノベーション)
　　−個人、経済社会がデジタル技術の改革により、新たな価値を創造、革新に取り組める社会の実現

さらに戦略の柱として、
・電子政府・電子自治体分野、医療・健康分野、教育・人材分野の３つに対し重点をおくこと
・デジタル技術の有効利用による産業の活性化、新産業の育成
・デジタル基盤整備として、超高速ブロードバンド基盤の構築、情報セキュリティの確立、使いやすい機器の普及等

を掲げています。
３つの重点分野のうちの１つである「教育・人材分野」の中に
「あらゆる分野におけるデジタル活用の進展を支え、成長を促進」
「先進的なネットワークを活用した遠隔教育やコンテンツを活用した授業・学習支援」
という目標があります。eラーニング産業はこのあたりに関わりがありそうです。

戦略ビジョンにあるキーワードの『Digital Inclusion』が実現していけば、eラーニングの利用を「空気」や「水」のように自然に感じることのできるラーニングシステム・教材コンテンツの需要が高まっていくでしょう。

こういったところに目を向けていくと、これまで以上に「ユーザビリティ(使いやすさ)」を意識し、eラーニング教材の開発・研究を進めていくことが必要だと思います。

開発部だより　第64回

　eラーニングと映像、eラーニングで使用する映像を作成するために役に立つ知識・技術について紹介していきます。

　2011年7月24日のアナログ放送終了、高精細度デジタル放送への完全移行とテレビ放送では横長の画面が完全に標準になる日も近づいてきました。ソフトの制作では縦横比（横縦比）16：9としているものも多くなっています。この横長画面への移行の流れ、eラーニングを含むPCで観る動画にも及ぶものでしょうか。今回は画面のアスペクト比について考えます。

　画面が横長になることの利点は、人間の視野に近くなることで臨場感を高く感じるということが一番でしょう。大画面テレビや映画館のスクリーンがその例ですが、一方その条件を外れた場合はその効果はあまり発揮されないことになります。
　現在eラーニングで使用される映像は、大画面で臨場感を伴ってみるものよりも、情報として提示される静止画の延長のような用途が多いと思います。早くも結論が出てしまいますが、このような用途ではテレビの風潮にあわせてワイド画面にこだわる必要はありません。

　ただ問題なのは撮影する機材の方です。現在、一般的に入手できるビデオカメラは4：3、16：9を切り替えて録画できるタイプがほとんどですが、これが今後テレビに合わせて4：3の撮影機能が省かれていく可能性もあります。そうなると4：3での制作が困難になり、長期間で制作する連続コンテンツ等では、現在から16：9をすすめるべきかも知れません。

　なおコンテンツによっては、静止画と動画をレイアウトとして同じもののように扱うこともあります。そこで静止画について見てみますと、現在一般的に入手・使用されるデジタルスチルカメラで撮影した画像のアスペクト比は通常4：3、従来のテレビと同じです。（ただし動画撮影機能で録画した映像は16：9だったりするので紛らわしい）
こうなると、どちらかをどちらかに合わせて加工するか、または異なるアスペクト比の混在を許してもらうしかありません。

　結論が出たようで出ていないアスペクト比の問題ですが、eラーニングで動画を使用する場合はそのような状態はしばらく続くと思われます。もっともPCでは画像や映像の表示サイズを自由に設定することすらできるので、制作に当たっては綿密な調整と応変に対応が必要でしょう。