Developmentプレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用している方をセミナーなどで頻繁に見かけるようになりました。利用したスライドをどこかで使ってみようと思っていたところでしたので、いい機会ということで、テンプレートを作って公開してみることにしました。1つ読み込むだけで、ブラウザ上で動作するプレゼンテーションスライドを簡単に制作することができます。マウスクリックやキーボード操作で、ページの進む戻るを始めとした操作が簡単にできるようになっているので、プレゼンテーションツールとしての使い勝手もほぼ文句なしです。組み合わせて、ページ追加や修正作業を簡単にミスなく行えるようにしてみました。セットアップさえ済んでいれば、すぐにプレゼンを作って公開できます。デモも兼ねて、今回のテンプレートの使用方法を解説したスライドを下記に置いておきますので、合わせて参考にしてください。背景画像を設定している以外は、ほぼテンプレートそのままです。デモ)上の解説スライドの方が詳しく書いてありますが、ここではその中から基本となる部分のみ順を追って解説してみます。必要なファイル一式は下記にまとめておきましたので、まずはダウンロードしてみてください。ベースにカスタマイズを加えています。公開されているものとは多少異なりますので、ご注意ください。ダウンロードしたファイルを解凍すると下記のようなファイル構成になっています。内容をテンプレートソースとして適用します。出力ファイル名は任意で結構です。各ディレクトリをそのままサーバにアップします。場所はデフォルトでスライドページと同階層を想定しています。"utf-8";を実際に使用する文字コードに合わせて修正した上で、文字コードをそれに合わせて再保存してください。いう名前のカテゴリーを新規作成してください。これで準備は完了です。準備が完了したら、後はエントリーを入力していくだけです。エントリー入力時は下記の注意点を守ってください。最初にスライドのスタートページ(表紙)用のエントリーを作る。入れたものが本文になります。エントリーの順番は、ページの順番に入れていくと自動的に正しく並びます。カテゴリー指定なしで投稿します。要素は使用しないこと。指定することで、ページを進めるのと同じ動作でその子要素の内容を順番に表示していくことが可能になります。要素の内容を順番に表示します。要素に挿入されるように制作してあります。内容は、自動的にフッターのコピーライト表記に反映されます。試してみて、自分好みのスライドに仕上げてみたらいいと思いますよ。マーケティングに関するコンサルティングサービスを提供しています。詳しくはバーンワークス株式会社のサービス案内をご覧ください。協力して仕様策定を行っていくことで、HTML/DOMの仕様が一本化されることが正式にアナウンスされました。伴い記述が古くなってしまっている点を補足する記事を書きました。先行実装しましたので簡単に紹介。ファイルがそのままでは正常に動作しなくなりました。ファイルの修正点をまとめます。サイトを制作するお仕事をしている方に向けた、なるべくわかりやすい解説としてまとめてみました。観戦、インターネット、音楽鑑賞、筋トレ、腕時計収集が趣味。好物はゼリー、グミ、お酒、ラーメン。いいね!で最新情報を取得この記事が気に入ったらいいね!してください。最新の記事をお届けします。クリエイターが身につけておくべき新・100の法則。クリエイターが身につけておくべき新・100の法則。(yoshiki.kato@gmail.com)。