オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた. | TM Life
昨日, コリスさんの記事で紹介されていた reveal.js に一目惚れしてしまったので使い方をまとめてみました. reveal.js の使い方を reveal.js を使って解説しています. 簡単にオシャレでシンプルなプレゼンを作れるのでぜひ遊んでみてください. 追記: 『reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた』というエントリーを公開しました. とても便利なので, よかったらこちらも参考にしてくださいな♪ Sample reveal.js を解説しているサンプルはこちらです. また, 最小サンプルも作ってみました.(こちら) Download 今回制作したサンプルはこちらでダウンロードできます. index.html が 解説しているサンプル, sample.html が最小サンプルになります.
挨拶やスピーチで好感度を上げる！すぐに使える１５の言い方・話し方
挨拶やスピーチが上手になると自然とひとに好かれます。なぜかと言えば、相手に好印象を与える挨拶やスピーチを行うと第一印象が上がるからです。、、、という事であれば、これはぜひ身につけておきたいスキルですよね。 しかし、実際に練習をして場数を踏まなければなかなか身につかない、、、、でも今すぐ何とかしたい！ そんなひとの為に今日は今すぐ使えて好感度が上がる言い方・話し方についてお伝えします。 好感度を上げる言い方・話し方１：無表情はNG当然ですよね。良い事を話している時に、話し手が無表情だったらどう思いますか？「お世辞なのか…？」や「心がこもっていない」と思われるのはあたりまえ。したがって、普段から表情豊かな顔になるよう、トレーニングを心がけておきましょう。 たとえば、「聞き手になってトレーニングをする」という方法がオススメです。「表情を作るのが苦手だ…」という人の多くは、自分が話し手になってトレ
impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
プレゼンテーションに悩むすべての人達のために：プレゼンテーションの世界標準「構造的プレゼンテーション」 - Kazu’s Blog
国際会議で欧米の人のプレゼンテーションを聞いたとき、こんなことを思ったことはありませんか？ 内容的には、それほど大したことないが、彼らはプレゼンテーションがうまい。大したことない話でも、いい話のように聞こえる。その点、日本人は下手だよなぁ、と。 実は、欧米の人たちは、子供の頃から、下記に述べる「構造的プレゼンテーション」の教育を受けているのです。下記は口頭プレゼンテーションを前提に述べますが、文章でも、基本は同じです。以前、ドイツで、小学校の時からドイツで暮らしている日本人の方から伺いましたが、ドイツでは小学校のときから、文章を書くときは構造を意識せよ、ということをしつこく叩き込まれるそうです。 プレゼンテーションの世界は実は非常に奥深く、極論すれば、内容に応じて、内容の数だけ、それにふさわしいプレゼンテーションのスタイルがあります。ですが、まずはプレゼンテーションの基本形を身に付けましょ
プレゼンテーション・パターン (Presentation Patterns)
本サイトから生まれた書籍『プレゼンテーション・パターン：創造を誘発する表現のヒント』（井庭崇＋井庭研究室, 慶應義塾大学出版会, 2013年2月出版）が、2013年度グッドデザイン賞を受賞しました！ 審査員の評価では、「コミュニケーションをとることが重視される現代社会においては、プレゼンテーションする機会も多くなる。最近では若い人のプレゼンテーション機会も多く、前世代を生きた人間にはうまく伝えられないこともある。本書籍はプレゼンテーションの本質的な理解を促すための秘訣（視点や考え方など）がわかりやすく整理され、ウィットの利いたイラストやコピーを用いて学生でも読みやすいように仕上げており編集デザインの観点から評価した。また相手の存在を理解しなくてはならないデザイン意識の指南書としても期待したい。」というコメントを頂いています。 なお本書は、2013年10月30日〜11月4日に東京ミッドタウン
@nifty：デイリーポータルZ：どうでもいいことをプレゼン資料にする
パワーポイントで作った横長のプレゼン資料をよく見かける。 図を多用し、独特のパステルカラーで着色されている。不思議なイラストもちりばめられている。会社勤めをしている人には一般的だが、やっぱりあれは独自の風習だと思う。 独自の風習よばわりしてしまったが、嫌いじゃない。面白いと思う。むしろどうでもいいことさえあのフォーマットで表現してみたいと思う。 妙な説得力が出たりしないだろうか。 （林 雄司） たとえばある日の昼食にサバを食べたこと 夜は海鮮居酒屋になっている店に入った。ランチメニューも魚中心である。年々魚好きになっているのでやっぱり魚を食べたい。体のこともちょっと考えている。しかし刺身定食980円は高くないか。うーん、あ、でも日替わりと焼き魚がなんだったか入り口で見てくるの忘れた。煮魚は確かサバだった。 迷っているがもう注文を取りに来ている。早く決めなければならない。
これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS
当サイトでもいくつか紹介したHTMLベースのプレゼンテーションツールですが、これ一番いいかもというのがリリースされたので紹介します。
HTMLを使った華麗なプレゼンテーションを·Fathom.js MOONGIFT
Fathom.jsはJavaScriptによるHTMLプレゼンテーションライブラリ。 Fathom.jsはJavaScript製のオープンソース・ソフトウェア。プレゼンテーションの資料はその場限りの代物ではなく、サービスや商品を知ってもらうのにキーになるものだ。それだけにバイナリで作成しておくのは勿体ない。Googleで検索できたとしてもPowerPointやPDFを開きたいと思うだろうか。 スライドの例 HTMLで作成しておけば、検索で使ったり再利用性も高くなる。特にプログラマーであればテキストエディタで作成できる方が効率的だろう。作成した内容はFathom.jsでスライドにできる。 Fathom.jsはHTMLファイルをスライドにして表示するライブラリだ。矢印キーで移動するだけのシンプルなライブラリだが、最低限の動きはする。基本はdiv.slideという単位でスライド表示を行う。画像や
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5 presentation
This presentation is an HTML5 website Press → key to advance. Zoom in/out: Ctrl or Command + +/- Having issues seeing the presentation? Read the disclaimer HTML5* Web Development to the next level *Including other next generation technologies of the Web Development stack Rough Timeline of Web Technologies 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 Tablel
マイクロソフトが提供している無料でナイス（信じられないけど）なPowerPointのテンプレート +150 (BlogPeople Blog)
BlogPeopleのブログです。BlogPeopleが提供中のサービスのデモや説明、そしてそれとは全く関係ないお話を書いていきます。 このブログのRSS この週末は家でプレゼンテーションの資料作りだあ・・・なんて人もいるのではないでしょうか。 さて、タイトルの通りマイクロソフトからPowerPoint 2007のテンプレートが提供されているのですが、これまでの無料で提供されるクリップアートやテンプレートは正直「なんかちょっと違う」印象のものが多かったのですが、今回はちゃんとしています。少なくても「なにこれ？」みたいなものはありません。以下のサイトからダウンロードできます。 Professionally designed PowerPoint templates - PowerPoint - Microsoft Office Online カテゴリ的にはこんな感じです。 Free 3-D
i d e a * i d e a - プレゼンハック 〜プレゼン改善のための10個の小技〜
ドットインストール代表のライフハックブログ
プレゼンテーションを成功させるための9つのステップ - ハックルベリーに会いに行く
はじめに前回、プレゼンテーションについての記事を書いたら大きな反響を頂いたので、今回も引き続きプレゼンテーションについて書いてみたい。 ぼくはアイデアを出すことを仕事としているので、思えばこれまでの人生はプレゼンテーションの連続だった。そこで人をいかに説得するか、説得しないまでも自分のアイデアをいかに採用してもらうかということで、鎬を削ってきた。また、ぼく自身がプレゼンテーションをしてきただけではなく、さまざまな人のプレゼンテーションというものも見てきた。中にはものすごい名人芸というか、凄腕のプレゼンテーションマエストロも何人か見てきたし、彼らの目を見張るような鮮やかな手練れというのも幾度か目の当たりにしてきた。そうした中で、いつの間にかぼくのプレゼンテーションに対しての一つの法則というか、スクリプトというのができあがった。すぐれたプレゼンテーションにはある一定の法則というか流れのようなも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
プレゼンをグレードアップさせる、無料のPowerPointスライド（150種以上） | ライフハッカー・ジャパン
TechCrunch | Startup and Technology News
TED: Ideas worth spreading
IDEA * IDEA
説明がうまいなと思わせる人の5つの共通点*ホームページを作る人のネタ帳
IDEA * IDEA
