超便利！　ビジネスに役立つ無料ツール：画面を使った操作説明ムービーを手軽に作成できる「Wink」

記事検索

バックナンバー

【 2009/06/10 】

■	常駐型のシンプルな縦型スケジューラ「DESKTOP SCHEDULER」［10:49］

【 2009/06/03 】

■	エーワン専用、簡単＆高機能なラベル印刷ソフト「ラベル屋さんHOME」［10:47］

【 2009/05/27 】

■	入力なしで、公開データからグラフを作成・共有「vizoo」［10:48］

【 2009/05/20 】

■	テキスト情報を効率よく管理できる「外部記憶データベース」［10:54］

【 2009/05/13 】

■	パソコンの音をWAVE録音、MP3変換もできる「仮面舞踏会♪」［10:27］

【 2009/04/22 】

■	Googlgマップの印刷機能より広いエリアを出力する「Map Grabber」［11:11］

【 2009/04/15 】

■	危険なリンクを踏む前に警告してくれる「McAfee SiteAdvisor」［12:38］

【 2009/04/08 】

■	パスワード機能付きのシンプルなブログ風日記ソフト「Osciroi」［11:07］

【 2009/04/01 】

■	HTMLと印刷でフォントを一覧出力できる「フォント一覧印刷君」［11:14］

【 2009/03/25 】

■	CPU喰いやあやしい挙動は「Process Explorer」でチェック！［13:11］

【 2009/03/18 】

■	重要なデータは暗号化して保護しよう！「アタッシェケース」［10:57］

【 2009/03/04 】

■	シンプルなWebアルバムが素早く作成できる！「簡易HTMLアルバム」［11:03］

画面を使った操作説明ムービーを手軽に作成できる「Wink」

● こんなところが便利！

　ソフトウェアやWeb画面上の操作を連続キャプチャし、ボタンや吹き出し、テキストボックスを加えて、“動く”チュートリアルが簡単に作成できる。作成後のファイルは、Flashや実行形式のファイルに書き出せるほか、画像を1つずつ並べたHTMLやPDF、PostScript形式でも書き出すことができる。

■Wink
　　動作OS：Windows XP/2000/Me/98
　　作者：Satish Kumar氏
　　http://www.debugmode.com/wink/

● 説明資料制作の強い味方に

　ソフトやWeb画面の操作方法を伝えたいとき、最も手っ取り早いのは実際に操作してみせることだ。そこで最近ではFlashを用いた操作ガイドをあらかじめ用意しているサービスも見られる。カーソルの動きを確認しながらポイントを読むこともでき、学習する人が自分のペースで次の説明に進むことができる。

　このようなチュートリアルやラーニングコンテンツが、手軽に作成できる無料ツールが「Wink」だ。

「Wink」を起動した画面。筆者の環境ではWindows Vistaでも問題なく動作している

　「Wink」は、画面を連続的にキャプチャしてFlashアニメーションに変換できるツールだ。キャプチャされた画面は1コマずつサムネイルとして取り込まれ、パラパラアニメの状態になる。このため、カーソルの軌跡そのものも再現可能。しかもボタンや吹き出しを追加し、Flash形式で書き出すことで、自然な動きを見せることができるのだ。

　最終的にはHTML内に埋め込まれたFlash形式で保存できる。書き出し時にはプリローダを表示させたり、コントロールバーを追加することも可能だ。さらに、単独で動作するWindows実行形式（*.exe）での書き出しも用意されている。挿入したボタンも有効なため、直接送付して確認してもらうこともできるだろう。

　従来の静止画を埋め込んだHTML、PDF、PostScriptとしてもエクスポートできる。HTMLやPDFでは、ボタン操作も維持されるため、リンクの設定がしやすい。操作ドキュメントの作成に活用できそうだ。

　オリジナルは英語版だが、複数の言語に対応しており、[言語の選択]で日本語を選択すれば、日本語で利用できる。ただし、やや強引な訳も見受けられるため、Drupal Japanによる「Wink日本語翻訳ファイル」を適用することで、より自然なメニューにカスタマイズ可能となっている。


メニューから日本語も選択可能になっている	「Wink」のインストールディレクトリのResources\ja_JPにある「wink.mo」を、ダウンロードした「Wink日本語翻訳ファイル」で上書きすると、違和感のない日本語が表示されるようになる

● ボタンやテキストは「フレームのプロパティ」から挿入

　キャプチャできる画面の範囲は、11種類から選択可能。用意されている選択肢は、スクリーン全体、選択した特定のウィンドウ、カスタム矩形、1024×768、800×600、740×520、640×480、600×450、600×400、512×384、400×300。

　キャプチャのタイミングとしては、1枚ずつ任意でキャプチャ（Pauseキー）、指定した時間間隔で自動的にキャプチャ（Shift＋Pauseキー）、マウスのクリックやキーの押下といったアクションが発生したときに自動的にキャプチャ「入力駆動キャプチャ」（Alt＋Pauseキー）の3種類。キャプチャ時には、合わせて音声を録音することも可能だ。

新規プロジェクトを指定すると表示されるウィザード画面。任意のウィンドウをキャプチャしたいときは[選択]をクリックしてから、キャプチャしたいウィンドウのタイトルバーを選択する

　キャプチャ後の画像は「Wink」に取り込まれ、画面下に1コマずつ「フレーム」として表示される。このとき、操作に失敗してやり直したフレームを削除したり、途中に空のフレームやコピーしたフレームを挿入することもできる。

　説明文やボタン操作を加えたい場合は、任意のフレームに挿入することになる。挿入できるのは、録音による「音声」、図形などの「プリセットシェイプ」、写真などの「画像」、吹き出しや付箋風、矢印などがついた「テキストボックス」、戻る、進む、任意のフレームにジャンプ、指定URLへのリンクが可能な「ボタン」など。

　いずれも「フレームのプロパティ」でアイコンをクリックするだけで挿入可能。位置や重ね順などのコントロールもできるほか、全フレームに共通した背景も設定できる。また、フレームの継続時間も直接指定できるので、カーソルや文字入力のスピード調整をしたいときに役立つ。

　作成時には、「新規プロジェクトの作成」で表示されるウィザードに従って操作するだけでキャプチャは完了する。プロジェクト作成後は、「プロジェクトの設定」で書き出し形式を選択し、「レンダリング」すればOKだ。作成したプロジェクトはテンプレートとしても保存できる。

　操作感のプレゼンや説明、トレーニングコンテンツ制作などに使えるソフトをお探しの方は、まずは「Wink」を試してみることをお勧めしたい。


取り込まれた画像はフレームとして配置される。任意のフレームを選択し、ボタンやテキストボックスを挿入できる。オブジェクトが配置されたフレームのサムネイルには、アイコンが表示されるので、区別しやすい	「環境設定」ではサムネイルサイズの変更や、ホットキー、効果音などの設定が可能


書き出し前に設定しておきたいのが「プロジェクトの設定」。書き出し形式、プリローダ、コントロールバーもここで設定する	言語で日本語を選択すると、吹き出しの選択では文字化けするが、実際の表示には影響ない。[編集]を選択すると、色や見た目の細かいカスタマイズが可能に

関連情報

■URL
　「Wink」オフィシャルサイト（英文）
　 http://www.debugmode.com/wink/
　「Wink」日本語翻訳ファイル（Drupal Japanサイト内）
　 http://drupal.jp/WinkTranslation

2008/09/16 15:27

すずまり
大学卒業後、システム開発会社→ISPの営業企画→フリーのWebデザイナー→フリーのライター、とどんどん脱線。オンラインサービスからソフトウェア、ハードウェアまでIT関連のレビューを中心に活動中。趣味は写真。キックボクシングのリングサイド撮影が講じて、現在は目黒の某ジムの練習生に。現在の目標はミドルキックの上達とくびれの復活。

- ページの先頭へ-

INTERNET Watch ホームページ