分12今回はベクター画像編集ソフトウエアInkscapeのエクステンション(拡張機能)「⁠Sozi」を使って,Preziのようなダイナミックで動きのあるプレゼンテーション資料を作成する方法を紹介します。SoziとはSoziは,ベクター画像編集ソフトウエアInkscapeのエクステンション(拡張機能)プログラムです。Graphics)ファイルに,アニメーションのための付加情報とプレゼンテーションコントロール用のJavaScriptを埋め込みます。して作成したSVGファイルをWebブラウザで開くと埋め込まれたJavaScriptが実行され,Prezi(※1)で作成したプレゼンテーション資料のように,ズームイン・ズームアウトのアニメーションをしながらダイナミックに動くプレゼンテーション資料として再生ができるようになります。Soziに似たようなエクステンションとしては,Inkscapeに同梱されているjessyinkがありますが,jessyinkがスライド作成から発展したことに対し,Soziにはスライド作成機能はなく,当初からアニメーション重視で作成されているという違いがあります。※1Preziについては,本連載の第168回「PreziとUbuntuでプレゼン資料を作る」をご覧ください。SoziをインストールSoziは,Precise(12.04)からリポジトリにパッケージが用意されています。presentations」をインストールしてください。aptを使ってインストールする場合は,そのまま「sozi」でインストールできます。soziどちらの場合も依存関係でInkscapeもインストールされますので,改めてInkscapeをインストールする必要はありません。Precise(12.04)以前のリリースをお使いの方や最新版を使いたい方は,開発コミュニティがPPAで提供しているパッケージを使うとよいでしょう。Soziを使ってプレゼンテーション資料を作成SoziとInkscapeを使ってプレゼンテーション資料を作成します。枠を書く」「⁠表示領域の枠をフレームとして登録」のようになります。実際の作業としては難しくないのですが,言葉だけではわかりにくい部分もあるので簡単なサンプルファイル(sozi-sample.svg)を用意しました。サンプルをInkscapeやWebブラウザで開いて見比べたりしながら,読むとわかりやすいはずです。資料の作成と配置まず資料を作成します。作成方法は通常のInkscapeと同じように図形を作成したりテキストを入力して,ドキュメント上に使いたい資料を配置します。ドキュメントのサイズなどは自由に設定してかまいません。資料作成をするとき,テキストについて気をつけることがあります。ひとつはSVGを再生するWebブラウザ環境にフォントがないと代替フォントにより意図したフォントで表示されないこと。ひとつはWebブラウザのSVGレンダリングによってはSVGのテキストが表示されないことです。この2つはSozi以外の問題なので本来はどうしようもないのですが,これらに対処する策として文字をアウトラインに変換(テキストを選択し,ツールバーの「パス⁠」⁠→「⁠オブジェクトをパスへ」でパスに変換)して図形にすることで読めるテキストとして表示できます。テキストを図形に変換するとテキスト情報を捨ててしまうことになり,文章の修正ができなくなります。そのためアウトラインに変換するときには,変換前のファイルも保存しておくとよいでしょう。資料の配置では,整列をさせず意図的にバラバラに置くと,画面が遷移するときの移動距離が一定ではなくなり,アニメーションの効果にメリハリが出ます。オブジェクトやフォントなども大きくしたり小さくしたりするのも同様の効果があり,表示に変化が出ます。表示させたいオブジェクトを散らして置く表示領域の枠を描く資料の作成が終われば,Inkscapeウィンドウ左側に並んでいるアイコンから「矩形ツール」を選択して,配置した資料のそれぞれ表示させたい場所を囲みます。赤のボックスで囲った部分が表示される矩形ツールの設定はなんでもかまいません。フィルで塗りつぶされていても表示領域として設定はできますが,表示する部分の確認がしづらくなるため,ストロークのみにして使うのがわかりやすいでしょう。Projectメンバー。ほかにはオープンソースカンファレンスKansai@Kyotoの実行委員や地元,兵庫県姫路市でIT系勉強会「姫路IT系勉強会」の主催。ラジオに出たりDJイベントに出たりと,よくわからない人物になってきました。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。