『プロフェッショナルのためのラーニングスクール』
アドビ認定トレーニングセンター m-School で短期集中マスター。

2010年02月05日

YESは人生のパスワード

あっという間に週末。。。

こんにちは、チャッピーです。

先日DVDを借りて観た映画で、
おススメしたいものがあったので記事に書かせて頂きますぴかぴか(新しい)




『イエスマン
 ”YES”は人生のパスワード』


イエスマン

映画「マスク」でも有名なジム・キャリー主演の作品です。
仕事にも恋愛にも何に対しても後ろ向きで、
”NO”と答えるカール(ジム・キャリー)は、
親友の婚約パーティーまでもをすっぽかし、
ついには親友に「生き方を変えない限り、お前はひとりぼっちになる」と言われてしまいますあせあせ(飛び散る汗)
そんな時、半信半疑で参加したとあるセミナーでカールの人生が大きく変化していきます。

”意味のある人生を送るための唯一のルール”
それはどんな事であっても全ての事に 「イエス」 と答えるだけ目
どんな事にも”YES”を連発し続けるカールの人生は徐々に好転していきますが、事態は思わぬ方向に・・・。
本当の”YES”の意味とは?ひらめき


観ていると思わず笑ってしまうようなユーモラスなところもあれば、
「うーん」と考えさせられてしまうところもあり、
見終わった後に爽快感がある作品でしたぴかぴか(新しい)

今のご時世、ついつい後ろ向きな考え方や行動をとりがちな人でも
この作品を観たら思わず”YES”と言いたくなってしまいそうです。
やらずに後悔するなら、とりあえずやってみるダッシュ(走り出すさま)
失敗を重ねることで人としての幅も増え、常にチャンスを掴める人になるのかなと思いました。


個人的には、脇役のブラッドリー・クーパーの格好良さも必見です黒ハート

最近気分が落ち込み気味な方、
仕事やプライベートに対してモチベーションが上がらない方におススメですぴかぴか(新しい)
機会がありましたらぜひご覧くださいチャッピー


気分爽快になった暁にはm-Schoolに”YES”を届けに来てくださいねわーい(嬉しい顔)
posted by チャッピー at 17:20
スタッフ日記 | コメント(0) | トラックバック(0)
2010年02月03日

Captivateとは? -What's Captivate-

長い間ご好評をいただいておりました今さら聞けないPDF&Acrobatに続き、新たにわたくしエンディーぴかぴか(新しい)が連載をお届けいたします。手(グー)
cp_4_bxshot_3in.png
連載内容は、このご時世でとても重要なキーワード内製化をテーマにAdobe Captivate(アドビ キャプティベイト)を軸とした内製化を行う便利な機能や製品をご紹介していきたいと思います。

ここで紹介する製品はAdobeサイトより体験版がダウンロードできますのでぜひ試してみてください。

Captivateってなにができるの?


Adobe Captivateについては、Webサイトや書籍でもなかなか情報がありませんが、実はとても優れたコンテンツ作成ソフトです。

簡単に製品を紹介すると

簡単な操作で本格的なシミュレーション&デモンストレーションが作成できるリッチコンテンツ作成ソフト

です。

と、いってもなんのこっちゃ??
って、感じですよね。たらーっ(汗)

Captivateは、ホームページが作れますや、写真の加工をしますといった明確化された製品ではなく、Captivateにある画面キャプチャ機能や、普段から使用しているMicroSoft PowerPointのスライドを活用して、いろんなコンテンツ(正確にはFlashコンテンツ(SWF))が手軽に作れます。
まずは、製品のことを理解していただくため実際の成果物をご覧いただきながらイメージを膨らませてみてください。

デモンストレーションプロジェクト


開始ボタンをクリックして確認してください。
閲覧ができない場合はFlash Playerをインストールしてください。





デモンストレーションは、情報を一方的に相手に伝える実演型のコンテンツです。サンプルコンテンツのように、アプリケーションの操作方法を紹介することによって、文章だけでは伝わりにくい部分をわかりやすく動画で解説することができます。まさに、百聞は一見にしかずぴかぴか(新しい)といった物が作れます。

シミュレーションプロジェクト






シミュレーションは、情報を正確に理解してもらうための学習型コンテンツです。実操作に近い感覚のムービーが作れるので、理解度もグン!とアップグッド(上向き矢印)させることができます。

クイズプロジェクト






クイズは、シミュレーション同様相手に情報を理解してもらう学習型のコンテンツです。簡単操作で、問題作成から解答の集計までできてしまいます。

このように主に3つのタイプのムービーが、ぱぱっと作れちゃいます。

いろんな成果物


用途に応じていろーんなものが作れるようになります。
  • 操作説明などのチュートリアル
  • 製品紹介ムービー
  • プロモーションビデオ
  • 社内用マニュアル
  • プレゼンテーション
  • アプリケーションの操作方法の提示
  • 学習用の教材作成
  • eラーニング配信教材
  • クイズ
  • 問題集
  • テスト


閲覧にはなにが必要なの?


なるほどこんなのが作れるのかひらめき
やってみたいと思った方は、もうひとつ気になる点がありますよね?
それは、Captivateのコンテンツを見る目にはどんな環境が必要なのかという所です。

答えはひらめき
  • ブラウザ(Internet Explorer や FireFoxなど)
  • Flash Player 8 以上


だけです。大抵のパソコンでは既にインストール済みなので、特別なインストールなどせずに閲覧が可能です。インストールされていない場合でも、どちらも無償で手に入れられます。

でもやっぱり作るのは難しいんでしょ?


サンプルを見るとプログラムをたくさん書いて動かしているようにも見えますが、どのムービーも一切プログラムは書いてません。
むしろわたしもプログラマーではないので、小難しいのはよくわかりません。わーい(嬉しい顔)
使うにあたって必要なスキルで言えば、ファイルやフォルダの管理やWord、Excelが少しさわれるぐらいのスキルがあれば、誰でも制作に携わることができます。

最近は、

「外注しないで自社でコンテンツを作ってください」

「今までやってた担当者がいなくなったから明日から作ってください」

なんて言う、無茶な注文をしてくる上司も多いと思います。
そんなときに活躍してくれる製品がCaptivateなのです。

さて、なんとなくでも製品についてご理解いただけたと思いますので、次回以降はCaptivateの機能などにもフォーカスをあてて魅力をお伝えしていきます。

2日間の短期習得講座やっってます。
m-Schoolでは定例でCaptivate4トレーニング(2日間)をやっています。操作方法はもちろん、制作するときのポイントも含め盛りだくさんの内容をご紹介いたします。短期間で集中して習得したい方はぜひご受講ください。
内容の詳細・申し込みはこちらから
Adobe Captivate4トレーニング
posted by エンディー at 17:39
連載:eラーニング教材開発内製化支援 | コメント(0) | トラックバック(0)

極めよ!Webデザイン!怒濤のWeb制作関連講座

2010年のm-SchoolはWeb制作講座が「大幅パワーアップ!」しています。

怒濤の勢いで新講座・バージョンアップ講座がリリース!

そこで、

「どれから受ければいいかわからないあせあせ(飛び散る汗)

という方のために、オススメコースフローを作成しました!

オススメWeb制作講座フローCSSレイアウトマスターパックAdobe Dreamweaver CS4 + CSS スタートパックAdobe Dreamweaver CS4 テンプレート実践活用講座 Dreamweaver & Movable Typeによる Webサイト構築の基本レイアウト自由自在!Dreamweaver CS4 CSSデザイン手法Adobe Dreamweaver CS4: Fundamentals − Webサイト構築の基礎講座即効Webマスター1日養成講座

気になる講座は講座名をクリックすれば詳細ページへジャンプできます。

なかでもオススメは、
 ▼実用サンプルで学ぶ Web標準 XHTML&CSS実践講座

この講座は特に、

 ▼レイアウト自由自在!Dreamweaver CS4 CSSデザイン手法

を既にご受講いただいた方には「ベストマッチ」な講座になっています。

他にもDreamweaverテンプレート講座や、Movable Type講座など、Webデザイナーには欠かせない知識が得られる講座満載です。

posted by こう at 14:40
講座 | コメント(0) | トラックバック(0)
2010年01月27日

マウスチェイサーの作り方

Flashの基本機能がわからないという方や、素朴な疑問をさくっと解決したい!といった方のために、毎週1ネタピックアップしてお届けするこのコーナーチャッピー

第21回の今日は、マウスカーソルを追っかける、マウスチェイサーの作り方です。

マウスチェイサーの作り方



ぴかぴか(新しい)完成ぴかぴか(新しい)







1
新規ファイル(AS3.0)を開きます。
マウスチェイサーとするムービークリップを作成します。

2
ペンツールでハートを作成します。
初めに輪郭を描いていきます。
線のカラーを「#FF9999」、塗りのカラーは「なし」とします。
まずは大まかな輪郭を描き、ダイレクト選択ツールで形を微調整していきます。
(ステージのグリッドを表示状態にするとわかりやすいです。)

pen-tool_heart

3
ハートの輪郭ができたら、バケツツールで中を塗りつぶします。
塗りのカラーは、輪郭と同じで「#FF9999」とします。

nuricolor

4
作成したハートを選択し、サイズを調整し(大きすぎず、小さすぎず。)、ムービークリップシンボルに変換します。
プロパティで「mouseChaser_mc」とインスタンス名をつけます。

5
mouseChaser_mcのプロパティで、フィルタ効果をつけます。
フィルタカラーは「#FF0066」とし、その他の項目も下記の通り設定します。

filter_dropshadow

6
最後にActionScriptを記述します。
mouseChaser_mcが配置されたフレームを選択し、アクションパネルに下記の通りスクリプトを記述します。

ActionScript

ムービープレビューで動作を確認します。
posted by チャッピー at 15:14
連載:Flash Beginner's School | コメント(0) | トラックバック(0)
2010年01月26日

Dreamweaver講座受講しました〜

こんにちは、ちゅらさんです。
今日もちゅらさんの日記におつきあいください。


今回は、講座受講レポート日記でするんるん
今月開催されたDreamweaverCS4:Fundamentalsに参加してきました〜exclamation


まずは簡単に説明を〜ひらめき
Dreamweaver初心者の方や、業務で使用する方などを対象にした、
3日間の短期集中型トレーニングです。
実際にサンプルサイトの制作を通して、Dreamweaverの機能はもちろんのこと、
WEbサイト制作に必要な知識を身につけることができますわーい(嬉しい顔)


それでは、3日間の感想を〜グッド(上向き矢印)
テキストはなんと!400ページを超えるものすごいボリュームあせあせ(飛び散る汗)
これ3日間で終わるの?と心配される方もいますが、
受講者の進捗を見ながら講座を進めているので安心して受講できました。


講座の進行は、
1まず講師がデモで操作を確認しながら、説明を加える
2ユニットごとに設定されている演習問題で、実習
という流れになっています。
しっかり理解した後に、演習に入るのでとてもわかりやすい!おまけに初心者の方でも安心!!な進行です。
講義の合間には、先生オススメの書籍や、「制作業務でこんなことありましたー」的なお話もあり、とても勉強になりました揺れるハート


実際に受講してみて、
Dreamweaverの基本機能をしっかり抑えることはもちろんのこと、
HTMLやCSS、Spryなどの紹介もあり、改めて受講者の満足度も高い講座exclamation×2


受講後に疑問が残っても、
メールで質問ができるサポートがあるので、安心ですグッド(上向き矢印)


m-Schoolの講座ラインナップでも人気講座なので、この機会にぜひ受講を検討してはいかがでしょうか?
もちろん、受講する前に講座について質問したい!という方も大歓迎です黒ハート
お問い合せページから、おねがいしますひらめき


今回ご紹介した講座は、Dreamweaverの基礎講座です。
DreamweaverCS4:Fundamentals

CSSを習得したい!という方は、
レイアウト自由自在!Adobe DreamweaverCS4 CSSデザイン手法

2つの講座を一度に受けたい!という方は、
Adobe Dreamweaver CS4+CSSスタートパック

Dreamweaver関連の講座は、新講座も続々オープンしているので、要チェックパンチ


おわり。
posted by ちゅらさん at 13:21
スタッフ日記 | コメント(0) | トラックバック(0)
2010年01月18日

Dreamweaverテンプレート活用で超効率アップ術を学ぶ!

Adobe Dreamweaver CS4Dreamweaverのテンプレートやライブラリ、正しく活用できていますか?

Adobe Dreamweaver CS4 テンプレート実践活用講座

Webサイト構築ツールとして、Dreamweaverを使う「最大の理由」といっても過言ではない機能が、テンプレートやライブラリといった、「効率アップ」機能です。

Dreamweaverは非常に多機能ですが、単純なWebページデザインツールとして使っているだけでは使いこなせているとは言えません。Dreamweaverをフル活用すれば、企業サイトなどで必要とされる膨大な量のページを、「素早く」作成し、「効率的に」更新できます。

Webサイト作成&管理においてありがちな、
  • Webサイトを公開したが、情報の更新をしていない
  • 更新を外注任せにしているので、自社で更新作業ができない
  • 担当者一人が全ての更新作業を行うため、負担が集中している
などの、様々な問題するためにDreamweaverテンプレート活用術を学んでみませんか?

さらに!この講座ではAdobe Contributeを使って、「見る・編集・公開」という3ステップの簡単操作でWebサイト管理を行う方法もご紹介します。DreamweaverとContributeの連携方法を習得すれば、Dreamweaverが使えない人でも簡単にサイト更新ができるようになります。ご自身がDreamweaverで作ったサイトを、他のメンバーに更新してほしいような際にしておくべき設定を習得することができます!
posted by こう at 14:25
講座 | コメント(0) | トラックバック(0)

MT5をDreamweaverでデザインしよう!MTがわかる!使える!新講座

Adobe Dreamweaver CS4定番のCMS、Movable Type 5をDreamweaver CS4でデザインする講座ができました。

Dreamweaver & Movable Typeによる Webサイト構築の基本

旧バージョンの頃から人気コースだった、Dreamweaver CS3&MT4講座が完全最新版対応でフルリニューアルしました!

まず、この講座では「初めての人がひっかかりがち」なMovable Typeのインストール方法からスタートします。ですので、MovableTypeの知識に不安があっても、Dreamweaverさえ使うことができれば問題なくご受講いただけます。

Movable Typeのインストールが終わった後は、基本的な操作方法(投稿や編集)を習得し、最終的に「企業向けのWebサイト構築」を目標に、テンプレートをDreamweaverでデザイン&適用しながら、実操作を通してMovable Typeをマスターすることができます!

Movable Typeとは?


Movable Type(MT:Movable Type)とは、シックス・アパート社が開発・提供するContent Management System(CMS:コンテンツマネジメントシステム)です。一般的にはブログ作成のためのツールとして広く知られていますが、Movable Typeはブログだけではなく、通常のWebページを作ったり、画像や動画を管理したり、プラグインを追加して機能を増やしたりでき、Webサイト構築のための総合的な機能を持っています。MTのデザインはテンプレートにより管理されているため、このテンプレートを編集することにより、サイト全体のデザインを一括で変更することができます。これらの機能により、個人ブログのみならず、企業サイトの構築ツールとして、大きなシェアを築いています。
posted by こう at 11:24
講座 | コメント(0) | トラックバック(0)
2010年01月15日

デジタル時計の作り方

Flashの基本機能がわからないという方や、素朴な疑問をさくっと解決したい!といった方のために、毎週1ネタピックアップしてお届けするこのコーナーチャッピー

すっかりご無沙汰になってしまいましたチャッピーあせあせ(飛び散る汗)

あっという間に年を越し、あっという間に過ぎていく日々。
1日1日を大切に過ごしたいものですあせあせ(飛び散る汗)

さて、第20回の今日は、ActionScript 3.0の初歩

デジタル時計の作り方



ぴかぴか(新しい)完成ぴかぴか(新しい)







1
新規ファイル(AS3.0)を開きます。
ステージサイズを変更します。
今回は「250」×「150」pxとします。
stagesize

2
背景を作成します。(位置はステージに合わせます。)
矩形ツールでステージサイズと同じ、250×150pxの矩形を描画します。
描画した矩形を選択し、カラーパネルでカラーを変更していきます。
種類で線状を選択し、グラデーションカラーを左「#663333」、右「#D9B3B3」とします。
backgroundcolor
設定が終わったら誤操作を防ぐために、レイヤーにはロックをかけておきます。

3
レイヤーを追加し、下記の画像のように日付、時間を表示するテキストをそれぞれ作成します。
text
「/」、「:」は静止テキスト、それ以外はダイナミックテキストで作成します。
入力する文字はあくまでも目安なので何でもOKです。

4
作成したテキストにグラデーショングローを適用します。
テキスト全てを選択し、プロパティパネルのフィルタでグラデーショングローを適用します。
下記の通り設定します。
color
グラデーションカラーは「#FF6599」とします。
gradation

5
作成したテキストにそれぞれのインスタンス名を設定します。

「年」を表示するテキスト⇒「year_txt」
「月」を表示するテキスト⇒「month_txt」
「日」を表示するテキスト⇒「day_txt」
「時」を表示するテキスト⇒「hour_txt」
「分」を表示するテキスト⇒「minute_txt」
「秒」を表示するテキスト⇒「second_txt」

6
新規にレイヤーを追加し、下記のスクリプトを記述します。

code


ムービープレビューで動作を確認します。
posted by チャッピー at 17:02
連載:Flash Beginner's School | コメント(0) | トラックバック(0)
2010年01月13日

CSSでリストをグリッド状に並べる:CSS 3分コーディング

CSS(スタイルシート)の色々なテクニックや知識を紹介していく「CSS 3分コーディング」のコーナーです。

はじまりはじまり。

CSSでリストをグリッド状に並べる


画像などのボックスをCSSでグリッド(格子)状に並べる方法です。table要素は使わず、CSSのみで実現します。

完成品はこんな感じ。
CSSでリストをグリッド状に並べる(完成品)
これは、CSSを適用する前はこうなっています。
CSSでリストをグリッド状に並べる(CSS適用前)
XHTMLはこんな感じ。
<div id="grid">
<ul>
<li><img src="box.jpg" width="80" height="80" /></li>
<li><img src="box.jpg" width="80" height="80" /></li>
<li><img src="box.jpg" width="80" height="80" /></li>
<li><img src="box.jpg" width="80" height="80" /></li>
....
</ul>
</div>

「一覧表示」という意味では、やはりリストでマークアップするのがしっくりきます。

以前、「CSSでリストを横並びのメニューにする」という記事で、リストを単純に横に並べるテクニックを紹介しました。

この記事ではdisplayプロパティを使ってliの表示をインライン要素に変えています。

今回もそれが使えそうですが、「インライン要素には上下のmarginが設定できない」ため、配置をこまかく調整しようとした際に不便です。

そこで、今回はfloatプロパティを使ってli要素を横並びに表示します。

ポイントは「親要素の幅を固定して、1行あたりに表示されるli要素の個数を決める」です。
3mincss27_grid_list.png
* {
margin: 0;
padding: 0;
}

#grid {
width: 450px;
}
li {
margin: 5px;
float: left;
list-style: none;
}

今回はdiv要素を用意して幅を固定しましたが、ul要素で幅を固定してもOKです。

親要素の幅と、li要素の幅+marginを割り算して、1行あたりにli要素をいくつ表示するかを計算します。

グリッド状に表示する写真ギャラリーのようなものも簡単に作ることができますね!

では次回もお楽しみに。

レイアウト自由自在!Dreamweaver CS4 CSSデザイン手法
posted by こう at 11:28
連載:CSS 3分コーディング | コメント(0) | トラックバック(0)
2010年01月06日

1日でWebマスターになる!必須知識を学ぶ新講座開講

1日で社内のWeb担当者の必須知識を習得できる新講座が開講します。

即効Webマスター1日養成講座 〜これからのWebと上手く付き合う方法〜

一口にWeb担当者といってもその業務内容は様々で、必要とされる技術や知識は非常に多岐にわたります。

特に、現場で必要とされる知識、技術は独学ではなかなか習得しづらく、また、学べる環境も稀少です。

「Webページは作れても本当に効果があるんだろうか…」

「Webサイトの仕様ってどう決めればいい?」

「制作会社とのやり取りでは何が重要?」

「今はどんな技術が流行ってるの?」

「SEO?アクセシビリティ?どう対応すればいい?」

「そもそもインターネットの仕組みって実はよくわかならい…」


そんな悩めるWeb担当者の方々の声を受けてこの講座はうまれました!

第一線の現場で活躍するプロのWebマスターが、即座に役立つ知識を6時間でぎゅっと濃厚にお伝えいたします。

この講座でわかる・できること

  • インターネットについての基礎を理解する
  • Webサイト制作におけるワークフローを知る
  • 運営/管理における考え方の概念を理解する
  • 社内でのコンセンサスが取れる担当者になる
  • ネットを利用するユーザー視点での考え方を理解する

こんな人におすすめ

  • 急にWeb担当者になってしまい右も左も分からない
  • Webマスターをしているが、上手く結果がだせない
  • Webデザイナー・ディレクターを目指して総合的な知識を付けたい

プロが教えます


講師を担当するのは、『現場のプロから学ぶXHTML+CSS』などの書籍を執筆された伊藤 学氏(STUDIO Freesia 代表)。

Webディレクターを経て、Webプロデュース、コンサルタントとして活躍中の同氏が、豊富な経験から皆様の悩みを解決します!

開講日


初回開講日は2010年1月27日(水)10:00〜17:00です。

即効Webマスター1日養成講座 〜これからのWebと上手く付き合う方法〜
posted by こう at 17:58
講座 | コメント(0) | トラックバック(0)