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

開発部だより 第95回

秋…なのか…？
近頃、テレビを買って満喫している開発部pinkでございます。



もう少ししたら、シナリオ書きの作業が始まるので、「e-LearningConference2010 Summer」で聞いてきた話を参考にしつつ、シナリオ関連のお話を軽くね。

シナリオ・・・台本ですね。
お芝居ですと、場面設定などが書いてあるト書きと台詞が書かれています。

eラーニングですと、画面レイアウト、アニメーション指示、ナレーションが書かれているものになります。
これを見ながら、実際にコンテンツを制作するわけです。


で、やっぱり伝わらなきゃ意味ないじゃないですか。
伝えるために大事なのって何？

何？


それは「コミュニケーション能力」


ってことで、買ってみました。


池上彰「伝える力」（←まだ、読んでない）


まぁ、これって、eラーニングに限らず、人としてとても参考になるかなと思うんですけどね。

読んだ感想は、また次回（多分、忘れてる）。


世の中、何事もコミュニケーションだし、シナリオ作成をこんなところからアプローチしてみるのもありかと。

そんなことを思いながら、さ、書きましょ。

開発部だより 第94回

みなさんこんにちは。
４ヶ月ぶりに登場の開発部リーダーです。

もう９月（でもこれを書いているのは８月３１日）だというのに、毎日暑い（熱い？）日が続いていますが、皆様は体調など崩していませんか？
私は、夏の初めに買い換えたエアコンが冷えすぎて、最近ダルダルって感じです
休みの日には、なるべくエアコンを使わないように努めているのですが、なにせ埼玉の一番暑い場所の近くに住んでるので、ついつい「運転」のボタンをポチっと。。。
こんなときは、涼しい北のほうに旅行にでも行きたいですね

・・・と、開発とは、まったく関係ない話題を書き込んでいるのは、期末（うちの会社は９月が決算月なのです）の追い込みで、仕事が詰まっているための現実逃避です

さ〜て、仕事、仕事

開発部だより　第93回

こんにちは。
残暑の真っ只中ですね。
そんな暑さの中、日陰で涼みながらのカキ氷は最高です。

さて、先月から東京ディズニーランドで再上演されている「キャプテンEO」。
皆さんはご覧になりましたか？
東京では1987年から、その後1996年まで上演されていたようです。

この再上演の機会に見に行ったのですが、当時見たはずの映像があまり記憶に残っておらず、新鮮な気持ちで見ることができました。
で、大人になってから見て気付いたこと。
それは、映像内でストップモーションアニメが使われていること！
今では簡単にCGで作ってしまうんだろうな〜というところも、地道な作業であろうコマ撮りで作られている部分があったりして、アトラクションのメインではないところに反応してしまいました。
大人になってから、というよりはいろいろなアニメーションに興味を持ってから、の方が正しいかもしれませんが。

見せ方の工夫っておもしろいですね。

開発部だより　第92回

毎日暑いですね。

どうも、振り返れば子猫です。

もうね、外に出ると日差しがくゎーと来て、全ての気力を削いでくれますね。

自分はこの圧倒的なパワーが好きです。
えぇ、大好きです。

さて今回はちょうどeラーニングワールドが終わったばかりなので、本来ならばその事について書くのが一番なのでしょうが、
まぁ間違いなく他の方が書いているだろうという事で、あえて外してみます。

では何について書きましょうか。バイトのＮ君の近況についてでも書いてみましょう。

Ｎ君の仕事内容は主にコンテンツの作成の補助や、ドキュメント作りが主だったのですが、最近とうとうアクションスクリプトを覚え始めました。

これがもうスジがいいのなんのって、まぁー出来る子！

こないだなど「電卓作ってごらんなさいな」とスクリプト始めて１ヶ月の人にムチャ振りしてみたら、スクリプトのみを使って、ものの２日で完成してしまいました。

今では大小様々な色の風船がふらふら上がっていくスクリプトを完成させて自分のサイトにアップしているようです。

あれですね、好きこそものの上手なれとは言いますが、やっぱり面白いと思った事は吸収が違うんですね。

さぁ、皆さんもこの夏何か始めてみませんか？！

自分はここ最近の週末を使って世界をデーモンから救いました。
ＰＳ３です。

ムチャ振りの成果（少々バグ風味） ↓

開発部だより 第91回

みなさま、いかがお過ごしでしょうか？　ついこの前、登場したと思ったら、またしても出番が廻ってきました。　ちょうど3ヶ月ぶりのお目通り、開発部（チ）です。

ここ最近は、保険商品のコンテンツ制作に携わっております。
保険商品の内容をお客様へしっかり正確に説明出来るようになるための、社員さん向け教育コンテンツです。
解説あり、アニメあり、ドラマ仕立てあり、で、作っている側としても、なかなか興味深い内容になっています。（が、"おとなのじじょう"のため、外部公開不可です。ここでみなさまにご紹介できないのがとっても残念です…。）

ちょっと前には、「CD-Rを60枚以上焼く！」という業務もありました。
いや、こだわりのおせんべい屋さんじゃないので、一枚一枚手焼きした訳じゃないんですけど…。　大きなCD-R自動作成マシン使いましたけど…。
ま、それくらいココロを込めて焼かせていただきましたよ！（…あれ？　イマドキのヤングはCDを「焼く」なんて言わないのかな？）
もし、CD-R作成のご用命などございましたら、弊社までご連絡くださいませ。ペコリ。

これからますます暑い日が続きます。（考えるだけでグッタリです。）
「素人園芸家」の父は、家の庭に、キュウリとニガウリで「緑のカーテン」を作っています。
真っ黒に日焼けをしながら、毎日せっせせっせと世話をしています。
少しでも暑さを和らげて、家族に快適な暮らしを…、と。
地球にも家族にもやさしい、ecoな父です。
そんな丹精こめたキュウリを母と娘（私）は、端からモリモリ食べちゃいます。
…父にやさしくない母と娘です。
私の部屋にはクーラーをつけていないので、今年も扇風機オンリーでこの夏を乗り切る予定です…。大丈夫かな？？？
みなさま、「適度な水分」と「程よい休養」で、お健やかにお過ごしくださいませ。

おまけ
5月の中旬くらいから「若鮎」というお菓子にハマっています。　お魚の形をした夏の季節の和菓子です。　求肥が入ってモッチモチです。
都内各地の和菓子屋さん＆デパ地下を巡り、これまでに25種類くらい食べました。
神保町の「亀澤堂」さんと湯島の「つる瀬」さんがおススメですっ。
「亀澤堂」さんへはSATTからも歩いて行けますので、お立ち寄りの際には、ゼヒどうぞ〜。

開発部だより　第90回

最近、ちょっとDreamweaverで感動した機能があったので、ご紹介しようかと！

Dreamweaverの「ライブビューとライブコード」機能です。

まあ自分が、Dreamweaverを主にColdFusionのコードエディターとしてしか使用していなかったせいもあるのですが、いや〜久しぶりに、CSSでのデザインにはまってしまいましたよ（苦笑）

普段は、社内にデザイン部があるので、Webサイトや制作するページのデザインなどのコンセプトやイメージを伝えてデザインを行なってもらっているんですが、今回は、実行時に動的にページが作成され、ブラウザからはソースが隠されてしまっていたので頼めなかったんですよ。

自分でやり始めたのですが、最近はFlexでのプログラムがメインでしたので、既存のHTML（JavaScriptで動的に作成）を改編するのって、デザインが大変
なぜって、動的に生成されるページが、ブラウザでソースを表示しても、その部分が表示されずどんなタグ構成になっているか分らないんです。
内部のタグ構成が複雑な為、CSSを適用しても、意図したとおりに表示されなかったりするんですよね〜
上手くいったと思って、IE以外で表示テストをすると、動的に作成したコンテンツ領域の背景が透けてしまっていたり・・・
IEのバージョンによって、表示の仕方も異なるので、大変でした。

そんな時に、役にたったのが、Dreamweaver CS4（まだ、最新版は使っていないので）の「ライブビュー」機能！



これは、Dreamweaver CS4から搭載された機能で、Dreamweaver上で、JavaScriptの動作やSCCの適用状態をブラウザなしで確認できる機能なのですが、「ライブビュー」中に「ライブコード」を表示すると、ボタンの動作など操作でスクリプトが実行されてリアルタイムにソースコードが変わるのが見えるんです。
JavaScriptで生成されるコードが見えるので、どんなタグ構造になっているのか、動作をさせて確認ができるので、大変助かりました。


余談ですが、IEのバージョン毎にタグやCSSを切り替える場合は、「Internet Explorerの条件分岐コメント」を使うといいですよ。
検索キーは、「IE 条件分岐コメント」。
覚えておくと便利ですよ。

ではでは、たっくんでした

開発部だより　第89回

たくさんの種類のあじさいを見るのが楽しい今日この頃。。。
開発部pinkでございます。

先日、小学校の運動会に行きました。
運動会の花形と言えば「組体操」！（「リレー」と言う噂もあるけど、まっいいか）

pinkが子供の頃の組体操と言えば、先生が吹く笛に合わせて、
ポーズを決めたり、動いたりしていたのですが、イマドキは違います。
すべて、音楽に合わせて行うのです。

私が観た組体操のタイトルは「we are the world」。
曲はもちろん、タイトル曲を始め、マイケルとか。

これは、エンターテイメントです。

「３段タワー」とか、下になる子は、顔が見えなくなっちゃうじゃないですか。
ちゃんと、顔を見せて、まわりに手を振ってから、タワーを組み始めたり、
最後には、ちゃんとカーテンコールなみのご挨拶があったり。。。
イマドキですね


玉入れだって、玉入れる前に、一踊り（結構長い）して、
玉入れして（すでに疲れている気がする…）、さらに踊って終わりとか。
こちらもイマドキですね
ちなみに「チェッコリ」っす。この曲、ガーナの民謡なんだって


時代に合わせて、色々工夫してるんだなぁと感心。


では、eラーニングは？（←無理に話を持ってくる）
こちらも、時代に合わせること重要ですよね。
もちろん、内容的なもの（今なら、メンタルヘルスとか個人情報とか）も
ありますが、デザインや動き、そして技術的なことも、全て含めて。

ホントは、いつの時代にも通じるものが理想だと思うのですが、
楽しく学習しなきゃね。
そんなわけで、何年かに一度、デザインや仕様の一新を行ったりすることもあるのです。
これ、結構重要かと。

世の中何でもですけど、「イマドキ」の意識は常に必要。
アンテナをはり続けなきゃなとつくづく思う、今日この頃。。。

開発部だより　第88回

こんにちは！

iPhone4の鬼スペックぶりに、思わず3GSを遠投しそうになった ij です。


今回は、ColdFusion(以下、CF)で構造体にキーを追加する時に注意したいことをご説明したいと思います。

読者の皆様はCFで構造体にキーを追加する時、どのようにしていますでしょうか？

「そんなのStructInsert()を使うでしょ？」

と即答されそうですが、実は StructInsert() を使わなくても出来てしまいます。

下記のコードをご覧ください。
struct1、struct2という２つの構造を作り、同じ名前のキーを追加する簡単なサンプルです。

<cfscript>
//StructInsert()を使う
struct1 = StructNew();
StructInsert(struct1,"prop", "SATT");

//StructInsert()を使わない
struct2 = StructNew();
struct2.prop = "SATT";
</cfscript>

struct2の方は、StructInsert()を使っていませんが、エラーにもならずキーを追加出来てしまいます。

一見するとstruct1、struct2 ともにキー"prop"が追加されたように見えますが、実は違います。

以下のコードでダンプしてみましょう。

struct1<br />
<cfdump var="#struct1#" />
<br />
struct2<br />
<cfdump var="#struct2#" />

結果はこうなります。



StructInsert()を使わなかったstruct2のキー"prop"が大文字になっていますね。
＊ColdFusionの設定によっては上記のような結果にならない場合もあります。

CFで完結するアプリケーションであればあまり気にする必要は無いのかもしれませんが、RemoteObjectを利用して値をFlash、Flexアプリケーション等に返す場合は、当然の事ながら大文字/小文字を区別するので注意しなくてはなりません。

普通にStructInsert()を使用していれば、まず問題にはならないのですが、FlashでActionScriptを記述しているところからColdFusionを使い始めた私は、ついつい上記のサンプルコードのstruct2のような記述をしてしまいハマる事がありました＾＾；


教訓:面倒くさがらずにStructInsert()を使いましょう(笑


ではまた！！

開発部だより　第87回

こんにちは。
もうすぐ6月ですね。
6月4日から10日まで、「歯の衛生週間」となっています。
昔は「6（む）」と「4（し）」にちなんで「虫歯予防デー」とされていたようです。
今でも6月4日は虫歯の日だと思っていました。

さて、私は歯医者さんへ定期的に通っているのですが、そこでは各治療台（席）ごとにモニターが置かれています。
そのモニターには、患者さんのカルテを表示する以外は、歯や治療に関するムービー（って程でもないのですが）を流しています。
自分で操作ができないようになっているため、眺めるだけなのですが、職業柄気になってしまい通院のたびに観察しています。

・自動ページ遷移：何も操作しなくても、数十秒ごとに自動で次のページに進んでいく。
・カテゴリごとに章分け、ページ分けされている。
・トップページは不明：全200ページくらいあるので、カテゴリごとにジャンプできたりしないのかなぁ、と考えます。（そもそも操作ボタンがなかったような…デバッグモードみたいなのがあるかもですね）
・画面が見やすい：文字が大きく、あまり長文でなく、イラストがかわいらしい。全体的にすっきりしていて、万人向けなイメージです。部分的に「悪化するとこうなります」というのがある場合は症例等の写真が載せられています。→危機感があおられる感じ。
・作成ソフト：Flashではないと思います。ディレクターとか、オーサウェアとか、そういう感じ。画面上の動きはほとんどなく、画面の切り替えははシンプルです。
…ざっとこんな感じでしょうか。

普段作っているコンテンツとはまた違ったものでして、なかなか眺めているのも面白いです。
歯や口腔内について学ぶこともなかったので、ためにもなります。
残念なのは、治療に入るとそのムービーが見られなくなること。
ま、仕方ないですけど。

歯医者さんへ通院して学ぶのも良いですが、できればあまり通わずに済ませたいところです。
皆様も歯磨きはしっかりと。

開発部だより　第86回

もうすぐ公開されるAdobe Air2.0の新機能について、ご紹介します。まずは、NativeProcess クラスについて。

これは、Air2.0では、Windowsのコマンドプロンプトの標準入出力が使用可能になるというものです。例えば、C言語で作成したEXEと連携したり、この応用で、DLLを使用することも可能です。
（→ C言語で取得可能な値は、Air2.0にて取得可能となります。）

この機能を使用する場合は、「-app.xml」ファイルにて、以下の記述が必要です。
<supportedProfiles>extendedDesktop</supportedProfiles>
また、インストーラも拡張子.airでなくて、.exe（windows）や.dmg（MAC）になります。
インストーラの作成は、現状、FlexやFlashのメニューからではなく、これもコマンドプロンプトのコマンドラインを使用して行います。amxmlc（swf化）、adl（「-app.xml」にてアプリチェック）を実行して、adtにて、パッケージを作成となります。

Adobe社サイトなどに、Air2.0のサンプルが多数あがっていますので、みなさんぜひ、チェックしてみてくださいねっ☆