タグ

presentationに関するnilabのブックマーク (117)

  • GitHub - impress/impress.js: It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - impress/impress.js: It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
    nilab
    nilab 2019/01/10
    "It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com."
  • 話すのが苦手な人のためのプレゼンの裏技テクニック|けんすう

    僕のことを直接しっている人にはよく知られた話ですが、僕はなかなかどうして話すのがヘタでして、コミュニケーションをとるのが得意ではないのですね。 特に、大人数の前だとすごい緊張しちゃうので、落ち着いて話すこともできません。心臓がバクバクいい、足が震えます。10人以上いる会議で発言とかかなりキツイです。 で、そんな僕なんですが、プレゼンをしなさい、となる時もたまにあって、そういう時、結構困るのですね。どうしたらいいんだと。 しかし、何回か回を重ねていくことで、話す技術を向上することはできなくても、表面的なテクニックでなんとかカバーすることは出来るな、と思ってきました。ハウツーですね。僕はハウツーが好きなんです。 そのあたりのテクニックをたまに後輩に教えたりするのですが、ブログにまとまっているほうがいいかなと思ったので、紹介します。 ---✂--- 「遊び半分の起業のすすめ」 最近、こんな感じ

    話すのが苦手な人のためのプレゼンの裏技テクニック|けんすう
    nilab
    nilab 2018/02/12
    「内輪ネタとして一番いいのが「直前に発表をしていた人のネタを使う」「最初に笑いをとれたら、すぐに何を話すのかを明確に」「幼稚なくらいはっきりと話すことを述べ(中略)イメージは小学生が何かを発表する感じ」
  • https://slideship.com/

    https://slideship.com/
    nilab
    nilab 2017/11/29
    slideship.com - Markdown based Cloud Presentation Software
  • 頭が真っ白になっても大丈夫。Keynote で一段上のプレゼンをしよう

    プレゼンをするとき、聴衆にはプレゼンテーションのスライドを見せ、自分は発表者用のノート(メモ)を見たい、と思ったことはありませんか?あと残り時間どれくらいだろう?と思ったことはありませんか? ぼくは今までずーっとこう思っていたのですが、Mac の Keynote にはちゃーんとそういう設定と機能が用意されていたのでした。 先日の WordBench 東京勉強会でお話させていただいたスライドも、そうした機能を使ってスピーカーとしては話しやすいものに仕上げました。どんな工夫なのかその秘密をこっそり公開しちゃいます。 発表者ノートを書く Keynote はスライドの各ページに発表者用のノート(メモ)をつけられるようになっています(WindowsPowerPoint にもあります)。 メニューバーの「表示」→「発表者ノートを表示」を選択すると、 このようにスライドの下に発表者用ノートの入力欄

    頭が真っ白になっても大丈夫。Keynote で一段上のプレゼンをしよう
    nilab
    nilab 2017/07/20
    「メニューバーの「表示」→「発表者ノートを表示」を選択すると、このようにスライドの下に発表者用ノートの入力欄が出てきます。ここにそのスライドで話したいことや注意点を書き込みます」
  • 世界一わかりやすい!keynote【4-2:図形の作成・サイズ調整】

    nilab
    nilab 2016/10/19
    世界一わかりやすい!keynote【4-2:図形の作成・サイズ調整】
  • プレゼン初心者に ありがちな アンチパターン 黎明篇

    第7回 エンジニアのためのプレゼン技術研究会「はじめての人歓迎、初心者向けプレゼン大会」 での資料です。 今回もプレゼン初心者にありがちなアンチパターンをご紹介します。

    プレゼン初心者に ありがちな アンチパターン 黎明篇
    nilab
    nilab 2016/10/18
    プレゼン初心者に ありがちな アンチパターン 黎明篇 // Speaker Deck
  • Deckset for Mac: Presentations from Markdown in No Time

    Deckset designs your slides, so you can focus on your ideas Write down your thoughts in your favourite text editor, and Deckset will turn them into beautiful presentations.

    Deckset for Mac: Presentations from Markdown in No Time
    nilab
    nilab 2016/03/08
    "Great-looking slides from simple Markdown files"
  • 「わかりやすい説明をする人」と評価されるプレゼン術。作り方と話し方。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】

    勉強法】のを30冊読むマラソン、4冊目はいります。 4冊目はこの↓です。 <わかりやすさ>の勉強法 (講談社現代新書) 「わかりやすい説明」で有名な池上彰さんの。 "勉強法"というキーワードで選んだのですが、 中身は「わかりやすい説明ができる人になるには、どうすればよいのか」というものでした。 池上さんの解説って当にわかりやすいですよね。 どうして池上さんの解説がわかりやすいのか。 その秘訣が、こので解明されていました。 この秘訣を実践すれば、私たちも池上彰さんのように、 「わかりやすい説明をする人」と評価されるようになるはずです! 今回の記事では、このの情報を整理して、 "プレゼンテーションの準備段階3ステップ & 番3ステップ"としてまとめました。 今日からすぐできること "プレゼンテーション準備と番"は以下の手順で。 【プレゼンテーション準備・資料の作り方】 キモ(

    「わかりやすい説明をする人」と評価されるプレゼン術。作り方と話し方。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
    nilab
    nilab 2015/02/14
    「わかりやすい説明をする人」と評価されるプレゼン術。作り方と話し方。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
  • なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita

    ちょうどいくつかプレゼン用の資料を作らなきゃと思っていてなんかいいテンプレートないかな〜って探していたらのでreveal.jsが超絶に良かったのでメモ reveal.js htmlで綺麗でカッコいいプレゼンテーションを作れるフレームワークです。 3Dでグィングィン動きます デモ画面見ればどんな風にグィングィン動くかわかります(開いたら右スクロールボタンを押してみてください) Escキー押すとプレゼンテーションのドキュメント一覧が見れます それがまたカッコよく3Dでみれます。 PDFへのエキスポートが楽チンです 書いたドキュメントをプリントしてメンバーに配布とかってシーンがあるとおもいますが reveal.jsなら綺麗にできます。 使い方 zipパッケージで落としてくる hakimel/reveal.jsにいって 「Download ZIP」をポチッと押します。 書きたい内容をindex.h

    なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita
    nilab
    nilab 2015/01/19
    JavaScript - なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita
  • jmpress.js - a jQuery plugin to build a website on the infinite canvas

    I am pure <html>, .css {} and function javascript() {} and use CSS3 transitions and transformations. I can pan, rotate and scale between elements on an infinite canvas. I currently work with most modern web browsers and fallback to simpler transitions with unsupported browsers. yes yes partly yes partly I started as a a jQuery port of impress.js but I have become much, much more. here are some of

    nilab
    nilab 2015/01/19
    jmpress.js | a jQuery plugin to build a website on the infinite canvas
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    nilab
    nilab 2015/01/19
    3Dで斬新なプレゼンが作れる『impress.js』の使い方をざっと説明してみるよ | IDEA*IDEA
  • impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz

    impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation. For the best experience please use the latest Chrome, Safari or Firefox browser.

    nilab
    nilab 2015/01/19
    impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
  • impress.jsでド派手なスライドをつくろうぜ!

    HTML5アプリ作ろうぜ!”連載がスタートしました! デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは? CSS3を活用したオープンソース(ライセンスMIT)のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ

    impress.jsでド派手なスライドをつくろうぜ!
    nilab
    nilab 2015/01/19
    HTML5アプリ作ろうぜ!(1):impress.jsでド派手なスライドをつくろうぜ! (1/3) - @IT
  • reveal.js - The HTML Presentation Framework

    Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time

    reveal.js - The HTML Presentation Framework
    nilab
    nilab 2015/01/19
    reveal.js - The HTML Presentation Framework
  • 創造的プレゼンの秘訣を言語化した「プレゼンテーション・パターン」

    プレゼンテーションの上手な人間といえば、Appleの創業者で2011年10月に亡くなったスティーブ・ジョブズ氏が有名です。そのプレゼンは素晴らしいですが、そう簡単に真似できるものではなく、プレゼンの法則をまとめた書籍まで刊行されています。 Amazon.co.jp: スティーブ・ジョブズ 驚異のプレゼン―人々を惹きつける18の法則: カーマイン・ガロ, 外村仁 解説, 井口耕二: 「上手にプレゼンしたい」と思っているのであれば、慶應義塾大学湘南藤沢キャンパス井庭崇研究室の作った「プレゼンテーション・パターン:創造的プレゼンテーションのパターン・ランゲージ」が非常に役に立ちます。 プレゼンテーション・パターンは、「創造的プレゼンテーション」の秘訣を言語化したものです。創造的プレゼンテーションには、想いが凝縮されたメッセージがあり、聞き手の想像力をかきたて、新しい発見をもたらす工夫がなされ

    創造的プレゼンの秘訣を言語化した「プレゼンテーション・パターン」
    nilab
    nilab 2013/02/18
    創造的プレゼンの秘訣を言語化した「プレゼンテーション・パターン」 - GIGAZINE
  • プレゼンテーション・パターン (Presentation Patterns)

    サイトから生まれた書籍『プレゼンテーション・パターン:創造を誘発する表現のヒント』(井庭崇+井庭研究室, 慶應義塾大学出版会, 2013年2月出版)が、2013年度グッドデザイン賞を受賞しました! 審査員の評価では、「コミュニケーションをとることが重視される現代社会においては、プレゼンテーションする機会も多くなる。最近では若い人のプレゼンテーション機会も多く、前世代を生きた人間にはうまく伝えられないこともある。書籍はプレゼンテーションの質的な理解を促すための秘訣(視点や考え方など)がわかりやすく整理され、ウィットの利いたイラストやコピーを用いて学生でも読みやすいように仕上げており編集デザインの観点から評価した。また相手の存在を理解しなくてはならないデザイン意識の指南書としても期待したい。」というコメントを頂いています。 なお書は、2013年10月30日〜11月4日に東京ミッドタウン

    nilab
    nilab 2013/02/18
    プレゼンテーション・パターン (Presentation Patterns)
  • コクヨの1分間プレゼンテーション - 情報考学 Passion For The Future

    ・コクヨの1分間プレゼンテーション この凄くいいな。 私は先日、社内の新人研修で「プレゼンテーション」の講師をつとめた。私が社内で一番講演やスピーチの数をこなしているだろうということで選ばれたわけだが、自分だけが体得した暗黙知を、他人に伝達可能な形式知にまとめるのは大変な作業だった。あの研修の前にこのを読んでいれば相当参考になったなあ、共感できる内容が多い。カリスマではなくても聴く人にちゃんと伝わり、そして動かすプレゼン術の基が解説されている。 プレゼンで大事なのはだらだら話さないこと。情報を圧縮すること。取捨選択能力、文章構成力、キーワード力をフル活用して、長い話も1分にまとめる。具体的な時間配分も推奨されている。 疑問を投げる (15秒) 興味 何だろう? 結論を述べる (10秒) 驚き へぇ~ 理由を説明する(35秒) 納得 なるほど! これがコクヨの1分間プレゼンテーションだ

    nilab
    nilab 2013/01/03
    コクヨの1分間プレゼンテーション - 情報考学 Passion For The Future
  • LTをはじめてやる君へ - tokuhirom's blog

    LT というのは メインのトークは大変なので、簡単に発表できる場をもうけよう5分なのですべっても大丈夫マイナーなネタをしゃべってもゆるされるようになんか一発ネタとかも発表できる場をもうけようなどの目的をもって設置されるものです。それほど気負う必要はないし、その日のうちに思いついてやったりする場合もあります(とくに海外では、飛び込みはあたりまえにあるといいます)。 ただ、一方で5分と話す時間がみじかくなっているので、話しなれていない場合には 自己紹介は手短にスライドの文字は大きくゆっくりしゃべるよく練習するの4点に気をつけましょう。 発表になれてない人ほど自己紹介を長くしがちですが、聴衆はあなたの生い立ちに興味はありません。名前、所属程度をいえば十分です。発表が、あなたのバックグラウンドをしらないと伝わらないものならば、かるく説明する必要はありますが、それでも30秒程度におさめる方がいいでし

    nilab
    nilab 2012/09/06
    LTをはじめてやる君へ - tokuhirom's blog.
  • 【動画あり】5分でわかる「LTの作り方とポイント」あるいはウケるプレゼンのコツ - 941::blog

    YAPC::Asia とか、勉強会とかの運営とか司会とかをしょっちゅうしている人の視点で書いてみる。 基的には「伝える」ことが目的なので、必ずしもウケる必要はないんだけど。 LTとは 基的には技術的なネタをわーっと喋って5分で退場する電光石火のトークのこと。 Lightning Talk (ライトニングトーク)略してLT。 ・利点 5分という制約があるのでダラダラしない 興味のない話でも5分ならば飽きない ・デメリット とくに無し。あえて言うなら5分のトークを準備するのに1週間かかったりする。 俺調べによると、喋る時間が短くなればなるほど内容が洗練されていくため準備に時間がかかる。 ・歴史 こちらを参照。YAPC発祥。 ライトニングトーク - Wikipedia 構成 基的にはなんでもOKだが、オーソドックスにはこう ・自己紹介(10秒くらいでいい、あなたが誰かなんて興味ない) ・ト

    【動画あり】5分でわかる「LTの作り方とポイント」あるいはウケるプレゼンのコツ - 941::blog
    nilab
    nilab 2012/09/04
    【動画あり】5分でわかる「LTの作り方とポイント」あるいはウケるプレゼンのコツ - 941::blog
  • jQueryを使ったWebベースプレゼンテーション·jQuery Presentation MOONGIFT

    jQuery PresentationはJavaScript/HTML製のオープンソース・ソフトウェア。プレゼンツールと言えばかつてはPowerPointを指していた。最近ではMac OSXユーザはKeyNoteを使ってプレゼンする人が多くなっている。プレゼンもツールによってインパクトが変わってくるのだ。 Webベースのプレゼンツール 単純にスライドが切り替わるだけでは、聴衆は眠たくなるばかりだ。もっとインパクトのある見せ方を考えないといけない。Webブラウザベースだと、柔軟なレイアウトが可能になる。一緒に使ってみたいのがjQuery Presentationだ。 jQuery PresentationはjQueryで作られたプレゼンテーションツールだ。特徴は一つ、スライドの切り替えにある。まるでスライドが回転するように切り替わるのだ。これは初めて見た人にとってはインパクトが強いのではない

    jQueryを使ったWebベースプレゼンテーション·jQuery Presentation MOONGIFT
    nilab
    nilab 2012/08/29
    jQueryを使ったWebベースプレゼンテーション「jQuery Presentation」 - MOONGIFT「特徴は一つ、スライドの切り替えにある。まるでスライドが回転するように切り替わるのだ」