並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 67件

新着順 人気順

Reveal.jsの検索結果1 - 40 件 / 67件

  • 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
    • オシャレなスライドショーを簡単に作れちゃう 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 が最小サンプルになります.

        オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた. | TM Life
      • なんかかっこいいプレゼンテーションテンプレートを探しているなら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
        • GitHub - hakimel/reveal.js: The HTML Presentation Framework

          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 - hakimel/reveal.js: The HTML Presentation Framework
          • HTML5/CSS3/JavaScriptによるイフェクトの格好いい3Dプレゼンテーション·reveal.js MOONGIFT

            reveal.jsはCSS3/JavaScriptで作られたプレゼンテーションソフトウェアです。 reveal.jsはHTML5/CSS3を使ったプレゼンテーションソフトウェアです。まずは言うに及ばず、そのクールな画面を見てもらいましょう。 トップです。この雰囲気からして格好いいです。 スライドを切り替える時に3Dイフェクトがかかります。これまた格好いいです。 水平に動くのが基本ですが、垂直にスライドさせる指定もできます。 デモ動画です。スペースキーでスライド一覧が出せます。 reveal.jsはスライドの切り替えがとにかく格好いいので、これでプレゼンテーションを行えば観衆の注目を引くこと間違いないでしょう(もちろん内容が大事ですが)。 reveal.jsはCSS3/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る プレゼンテー

              HTML5/CSS3/JavaScriptによるイフェクトの格好いい3Dプレゼンテーション·reveal.js MOONGIFT
            • Reveal.js、Markdown、Githubでスライドを作成する。 - Qiita

              PowerPoint2003から2013になってちょっと戸惑いを隠せない。。。 ありきたりなスライドテンプレートもなんか嫌だし。。。 と思っていたところ、markdownでWebスライドが作れることを発見しました。 GithubでWebページを公開する方法を発見、SublimeTextも入れたので、ちょっとWebスライドを作ってみます。 完成サンプル http://budougumi0617.github.io/reveal.js-myMaster/ 作り方 Reveal.jsというJavaScriptライブラリを利用します。 GitHubからreveal.jsのプロジェクトzipをGET index.htmlをテキストエディタで開く。 <div class="slides">タグ内の<section>内容を削除 後述のオプション付き<section>を記載する <section>内にMa

                Reveal.js、Markdown、Githubでスライドを作成する。 - Qiita
              • [JS]CSS3アニメーションを使った3Dのプレゼン用スライドショーツール -reveal.js

                デモ:slide 3 [スペース]キーでスライドのオーバービューを表示。 [ad#ad-2] reveal.jsの主な特徴 reveal.jsは複数のパネルをダイナミックなスライドのアニメーションで表示することができます。 新しく改善されたスタイル。 下部にコントロールが可能なナビゲーション。 「highlight.js」を内包、コードのシンタックスハイライトに対応。 トランジションのテーマはdefault/concave/linearの3つ。 他のスライドをネストすることも可能。 各パネルごとに直接アクセスが可能。

                • Markdownベースのプレゼンテーション・エディタ「Slideas for Mac」が、次期アップデートで「reveal.js」フレームワークをサポートしHTML形式での書き出しが可能に。

                  Markdownベースのプレゼンテーション・エディタ「Slideas for Mac」が、次期アップデートでプレゼンテーション・フレームワーク「reveal.js」のテーマと、HTMLエクスポートをサポートするそうです。詳細は以下から。 SlideasはフランスのAgaric Perdereauさんが開発しているMac用のプレゼンテーション・エディタで、Markdown記法でプレゼンテーションを作成できますが、このSlideasが次期v1.2アップデートでHTMLプレゼンテーション・フレームワーク「reveal.js」をサポートするそうです。 I also had multiple requests for a simple Slide Template. I then decided to port some of the Reveal.js themes to Slideas.[…]T

                    Markdownベースのプレゼンテーション・エディタ「Slideas for Mac」が、次期アップデートで「reveal.js」フレームワークをサポートしHTML形式での書き出しが可能に。
                  • reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた | TM Life

                    なんか昨日, koba04さんの『「プログラミング未経験のタワレコ店員がエンジニアになって思ったこと」というスライドを書いてみた』というエントリーがキッカケで 1年前に公開したエントリー『オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた.』へのアクセス数が急上昇しました. これに便乗して, 今回は reveal.js の オンラインエディタ版『rvl.io』の使い方ついて解説したいと思います. 最近は, ありがたいことに講演に依頼や, 実際にセミナーで発表する機会も増えてきたので かなり重宝しています. とても便利なオンラインエディタなのでぜひ使ってみて下さい. Table of contents reveal.js って? rvl.io って? rvl.io の使い方をrvl.ioで作ったプレゼンで解説してみた 過去に

                      reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた | TM Life
                    • CeVIO Creative Studio FREEとReveal.jsで自動プレゼン - ナレッジエース

                      おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-04-27 | Tags: javascript 2013/4/26にCeVIO Creative Studio FREEが公開され、以下の記事で話題になっていました。 ASCII.jp:ボカロじゃない音声合成ソフト「CeVIO」ってなんぞ!? (1/4) 音声合成・歌声合成の新星「CeVIO」、その謎が解けた! (1/3) - ITmedia ニュース 早速私も試してみたところ、かなり自然な音声合成ができ、音声ファイルの出力なども簡単でした。 そこで今回は、このCeVIO Creative Studio FREEと、先日少し改造したReveal.jsを使って自動プレゼンテーシ

                      • The HTML presentation framework | reveal.js

                        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

                          The HTML presentation framework | reveal.js
                        • reveal.js + markdownでスライドを作る時は reveal-ck が便利だった - くりにっき

                          前置き 最近スライドを作る時は reveal.js を使ってmarkdownベースでスライドを作ることが多いです。 サンプル スライド:http://sue445.github.io/omotesandorb-04/ リポジトリ: https://github.com/sue445/omotesandorb-04 markdownでスライドを作れるのは便利なのですが、効率よくスライドを作ろうとすると毎回下記のようなハックが必要でした markdownはhtml中に埋め込む必要があるのでmarkdownのシンタックスハイライトが効かないのが不便。そのためmarkdownだけを別ファイルにしてhtmlに埋め込むrakeタスクを作成 https://github.com/sue445/omotesandorb-04/blob/gh-pages/Rakefile htmlを確認するのに毎回手動でr

                            reveal.js + markdownでスライドを作る時は reveal-ck が便利だった - くりにっき
                          • Reveal.jsのスクリーンショットをPhantomJSでガンガン撮る

                            Gistぺたり 短いながら、phantomjsの便利なAPIが詰まってたので貼ってみた。 % phantomjs shot.js Reveal.jsって? reveal.js - The HTML Presentation Framework いわゆるHTMLスライドのフレームワークです。最初からある程度かっこよく作られていて、そのままでも十分使えると思います。APIもちゃんと整備されているので、コントロールを追加することもできます。 複数のテーマが用意されている 複数のトランジションが用意されている Markdownで書ける(data-markdownを付与したsectionのみ) nodeでKeynoteみたいなスライドウインドウ+スピーカーノートウインドウの連携ができる などなど。今用意している最中のスライドでは、これを使ってみています。 なんでスクリーンショット? 普通にPDFで出

                              Reveal.jsのスクリーンショットをPhantomJSでガンガン撮る
                            • reveal.js+Markdown - Qiita

                              お手軽スライド作成 @siguremon /twitter /github /Qiita reveal.jsって HTMLで書けるプレゼンツールです reveal.js - The HTML Presentation Framework -- 特徴 スライドが横だけでなく、縦にも配置できる Overviewがみれて、プレゼンの途中で行ったり来たりできる(Escキー) コードスニペットが書ける上にsyntax highlightもしてくれる Pdfにも出力できる reveal.jsの簡単な使い方 このページが詳しいので以下略 (reveal.jsで作ったスライドによる説明) reveal.jsを使ってみた スライドを作る でもhtmlをせっせと書くのはめんどくさい… hamlとかmarkdownで書けるといいなー -- 同じようなことを考えた先人たちがいました Reveal.jsとMarkd

                                reveal.js+Markdown - Qiita
                              • reveal.js - The HTML Presentation Framework

                                A framework for easily creating beautiful presentations using HTML

                                • reveal.js で markdown を使う(2015年3月版) - Qiita

                                  reveal.js について HTML プレゼンテーションフレームワークです。 つまり、PowerPoint で作るようなプレゼンテーションを HTML で簡単に作成するためのものです。 大まかな文書テンプレート的な枠組みがあるので、スライドに当たる部分を HTML とか markdown で書けるようになっています。 なんで、reveal.js? PowerPoint が要らない PowerPoint が使いこなせない あまり凝らなくても、それなりのプレゼンが簡単に作成できる chrome で PDF に変換できる 「PowerPoint が慣れてるし、凝ったの簡単に作れるし、、」という方には必要はありません。 reveal.js 本家のデモページ 百聞は一見にしかずということで、まずはひと通り見てみましょう。 reveal.js - The HTML Presentation Fram

                                    reveal.js で markdown を使う(2015年3月版) - Qiita
                                  • Reveal.js: 3Dプレゼンテーションフレームワークがバージョン2.2をリリース

                                    Rustが再評価される:エコシステムの現状と落とし穴 In this article, we share findings and insights about the Rust community and ecosystem and elaborate on the peculiarities and pitfalls of starting new projects with Rust or migrating to Rust from othe...

                                      Reveal.js: 3Dプレゼンテーションフレームワークがバージョン2.2をリリース
                                    • Pandocを使ってMarkDownからreveal.js用のスライドを作ってしまおう。 - 亀岡的プログラマ日記

                                      Pandocすげー、という感じになったので、ちょっとメモしておく。 Pandoc Pandocは皆さんご存知ですかね?とりあえず、以下読んどけばいいと思いますです。 ポイントは Sphinxみたいなテキストデータをいろんな形式に変換してくれるドキュメントエンジン 実装言語はHaskell インプットreSTオンリーのSphinxとは違い、markdownやMediawikiなど様々な形式を取ることができる。reST -> MarkDownとかもできる デフォルトのアウトプット形式もSphinxと比べると豊富 あたりでしょうか。 より詳しくは、以下をご覧ください。あと、インストール方法も。 多様なフォーマットに対応!ドキュメント変換ツールPandocを知ろう #HTML #Pandoc #TeX #Markdown #Haskell - Qiita [キータ] reveal.js reve

                                        Pandocを使ってMarkDownからreveal.js用のスライドを作ってしまおう。 - 亀岡的プログラマ日記
                                      • Reveal.jsとMarkdownでちょっとしたスライドを手軽に作る - ナレッジエース

                                        おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-03-02 | Tags: javascript JavaScriptを使ってプレゼンテーション用のスライドを作るためのライブラリは沢山ありますが、現在はReveal.jsが人気のようです。 今回はこのReveal.jsを少し改造して、Markdownでちょっとしたスライドを手軽に作る方法を紹介したいと思います。 Reveal.jsとMarkdown サンプル Reveal.jsのMarkdown機能 Reveal.jsはJavaScript製のMarkdownパーサであるshowdown.jsとmarkdown.jsにより、Markdownによるスライドコンテンツ表記に対応し

                                        • GitHub - damianavila/RISE: RISE: "Live" Reveal.js Jupyter/IPython Slideshow Extension

                                          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 - damianavila/RISE: RISE: "Live" Reveal.js Jupyter/IPython Slideshow Extension
                                          • reveal.js で Markdown

                                            例えばこれが ### Markdown サンプル 1. リスト - *斜体* - **強調** 2. [リンク](http://ladygeekgirl.wordpress.com/2012/06/18/why-i-hate-toon-link/) 3. ![画像](image/baby.png) 各ページの <section> タグに data-markdown 属性をつける。 さらに、<script type="text/template"> で囲む。 <div class="slides"> <section data-markdown> <script type="text/template"> ### Markdown 1. One 2. Two 3. Three </script> </section> </div> 1セクションで複数ページの Markdown を書く方法 "

                                            • プレゼンもmarkdownでね!reveal.jsで資料を作成してみた - Qiita

                                              概要 社内のLTで、発表まで時間あるし パワポの資料作るの面倒だし っていうか、MacにしたからOfficeないし Google Appsでプレゼン資料作るのもいいけど なんか他の方法で準備したいなー showoff入れてみたけどreveal.jsのほうが見た目かっこよさそうだなー 的な話。 作った資料 github pagesにアップしました http://imura81gt.github.io/201405-LT/#/ ※元ネタはこちら:http://qiita.com/imura81gt/items/03e926d7e17352a3dcf4 参考URL Reveal.js、Markdown、Githubでスライドを作成する。 REVEAL.JSを使ってみた 公式 公式github : markdownについて 公式github : pdf出力について reveal.jsを入手 さくっ

                                                プレゼンもmarkdownでね!reveal.jsで資料を作成してみた - Qiita
                                              • reveal.jsでスライド作り。 - Qiita

                                                この記事は TECH::CAMPAdventCalender2016 21日目の記事です。 みなさんはスライドを作られていますか? LTやら勉強会の資料やら色々な場面でスライドを用意することがあると思うのですが、大体Keynote、PowerPoint、Googleスライドをよく目にします。 レイアウトやアニメーションに凝り出すと時間もかかって大変ですよね。 qiitaのスライドモードとかはmd形式でかけるので手軽に作れるのですが、レイアウトがちょっと...という人もいるかと。 僕の周りにいる人は基本発表当日とかにスライド作る人がほとんどなので限られた時間の中で綺麗でかつ面白い内容のスライドを作ることは困難かと思われます。 なので今回は手軽に作れて、かつそこそこ見た目も綺麗なreveal.jsでのスライドの作り方について書かせていただこうと思います。 reveal.jsとは reveal.

                                                  reveal.jsでスライド作り。 - Qiita
                                                • Reveal.jsを利用したプレゼンテーション - jnobuyukiのブログ

                                                  学会発表などでスライドをつくるための定番ソフトウエアといえば、パワーポイントとキーノートです。最近は、Preziを使う人も増えてきました。 Prezi - Presentation Software JavaScriptライブラリを利用すれば、どちらの形式のスライドも作れます。パワーポイントに似ているのがReveal.js、PreziににているのがImpact.jsです。PreziやImpact.jsは、上手に使わないと単に目の回るスライドになりがちです。今回は、Reveal.jsの使い方をまとめます。 Reveal.jsとは Reveal.jsはHakim El Hattab(@hakimel)の開発したライブラリです。以下のウエブページでは、RevealでできることがRevealを利用したスライドの形式で示されています。 reveal.js - The HTML Presentatio

                                                    Reveal.jsを利用したプレゼンテーション - jnobuyukiのブログ
                                                  • GitHub - slara/generator-reveal: Yeoman generator for Reveal.js

                                                    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 - slara/generator-reveal: Yeoman generator for Reveal.js
                                                    • reveal.js + Markdown のちょっとしたメモ

                                                      reveal.js + Markdown でスライドを書くことが多いので、それ関係でちょっとしたことを備忘録として残しておく。 表題が大文字表記にならないようにする表題が大文字に変換されてしまうのが嫌だったので対処してみました。 例えば上記の場合、デフォルト設定では以下のように表示されます。 これは、theme の css で表題のスタイルに text-transform: uppercase; があるためです。 これを無効にすれば良いので、theme css の指定の後に以下の記述を追記します。 <style type="text/css"> .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { text-transform: none; } </style>

                                                        reveal.js + Markdown のちょっとしたメモ
                                                      • reveal.jsのREADME.mdを翻訳してみた - Qiita

                                                        最近Reveal.jsを使うことが続いたので、README.mdを翻訳してみました。 対象バージョン: 3.1.0 実際に使ったことのないマルチプレクスプラグインやLeapMotionなど後半の翻訳はかなりアヤシイです。 A framework for easily creating beautiful presentations using HTML. Check out the live demo. きれいなプレゼンテーションをHTMLで簡単に作成するフレームワークです。ライブデモをご覧下さい reveal.js comes with a broad range of features including nested slides, Markdown contents, PDF export, speaker notes and a JavaScript API. It's best

                                                          reveal.jsのREADME.mdを翻訳してみた - Qiita
                                                        • これからのプレゼン資料は reveal.js を使おう - Qiita

                                                          概要 プレゼン資料を作ろうと思ったとき、PowerPoint がすぐに思い浮かびますが、使い勝手の面やソース管理との相性が悪いのが課題でした。 かっこいいプレゼン資料を手軽に作りたい!そんな時は reveal.js がおすすめです。 こんな 感じのプレゼン資料がさくっと作れます。 使い方 reveal.js では HTML によるマークアップや markdown での作成に対応していますが、個人的には vscode から作成するのがおすすめです。 以下に簡単な作成手順について紹介します。 1. vscode のインストール まずは vscode をダウンロードしてインストールします。 2019/10/09 現在、以下のバージョンの vscode で reveal.js が動作することを確認しています。 Version: 1.38.1 (system setup) Commit: b37e5

                                                            これからのプレゼン資料は reveal.js を使おう - Qiita
                                                          • CSS3で作られた3D風なページ切り替えエフェクトのプレゼンスライド「Reveal.js」

                                                            CSS 3Dスライドショーを実現する「reveal.js」 (Modern Syntax) CSS3+JavaScriptで作られた、3D風なページ切り替えエフェクトのプレゼンスライド「Reveal.js」が紹介されています。 ライセンスはMITのようです。

                                                              CSS3で作られた3D風なページ切り替えエフェクトのプレゼンスライド「Reveal.js」
                                                            • 初心者がGoでpercol実装してみた話 / Golang + Reveal.js + Websocket で同期的にプレゼンテーションしたい #hikarie_go

                                                              ヒカルのGo #01 (http://connpass.com/event/6579/) で行ったLTの発表資料です。

                                                                初心者がGoでpercol実装してみた話 / Golang + Reveal.js + Websocket で同期的にプレゼンテーションしたい #hikarie_go
                                                              • reveal.js で pdf 印刷

                                                                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

                                                                  reveal.js で pdf 印刷
                                                                • 未来的プレゼン。手振りでスライドを操作する·Webcam-based gesture recognition with reveal.js MOONGIFT

                                                                  Webcam-based gesture recognition with reveal.jsは手振りの認識をWebカムで行い、スライドを操作できるソフトウェアです。 Webカムを使って何か面白いことができないかな…そう思っている方に見て欲しいソフトウェアがWebcam-based gesture recognition with reveal.jsです(名前が決まっていないようです)。その名の通り、Webカムでジェスチャー認識を行うプレゼンテーションソフトウェアです。 スライド一覧です。 Webカムの前で手を振って操作できます。ちなみにここでは見えませんが実際にはうっすらと自分の姿が映し出されています。 スライドにはreveal.jsを使っており、そこにWebカム認識を合わせることで手振りの認識を行い、スライドを上下左右に切り替えています。認識率は悪くありませんが、ちょっと手を動かした瞬

                                                                    未来的プレゼン。手振りでスライドを操作する·Webcam-based gesture recognition with reveal.js MOONGIFT
                                                                  • Reveal.jsとHTML5を使ったプレゼンテーションはPowerPointを超える / ウェブデザインライブラリー

                                                                    Home > HTML&CSS講座 > Reveal.jsとHTML5を使ったプレゼンテーションはPowerPointを超える Reveal.jsとHTML5を使ったプレゼンテーションはPowerPointを超える 投稿日:2013年8月23日   ソフトウェア: このチュートリアルではReveal.jsとHTML5を使ったプレゼンテーション資料を作成する方法について紹介します。 Step1 : はじめに Step2 : HTML5を使ったスライドのマークアップ Step3 : Reveal.js:ナビゲーションの拡張が可能 Step4 : Reveal.js:Markdownの利用が可能 Step5 : 最後に プレゼンテーションと言えば、PowerPointですよね? でも、良く考えてみてください。PowerPointという名前を出しただけで、私の知り合いの多くはあくびを始めてしまいま

                                                                    • GitHub - sunya9/reveal-editor: Electron+Vue+bulma+SimpleMDE+reveal.js = Reveal editor

                                                                      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 - sunya9/reveal-editor: Electron+Vue+bulma+SimpleMDE+reveal.js = Reveal editor
                                                                      • Pandoc + reveal.jsでMarkdownによるスライド作成 in Windows

                                                                        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

                                                                          Pandoc + reveal.jsでMarkdownによるスライド作成 in Windows
                                                                        • Pandocでreveal.jsを利用したプレゼンテーションスライドを作成する

                                                                          プログラミング (iOS, JavaScript, Jenkins, Sikuli) とMacやiPhoneなどの話題が中心のブログ Pandocのバージョン1.12からreveal.jsを利用したスライドショーファイルが出力できるようになっていたのでmarkdownからの変換を試してみました。 なお、Pandoc自体の導入や使いかたなどは以前の記事「PandocでMarkdownからHTMLプレゼンテーションを作成する」を参照してください。 reveal.jsの導入とpandocでの変換 reveal.jsを取得後に、そのままpandocを実行するだけです。 $ git clone https://github.com/hakimel/reveal.js.git $ pandoc -s -t revealjs -i -V theme:default -o slide.html my_pr

                                                                            Pandocでreveal.jsを利用したプレゼンテーションスライドを作成する
                                                                          • org-mode からプレゼンテーションスライドをreveal.jsで作成する - ichiroc subset

                                                                            背景 「org-mode でプレゼンスライドも作りたい」 org-mode で TODO管理、プロジェクト計画、資料作成を行っている。 最近はHTMLスライドが流行っていて、その中でも reveal.js が良さそう。 会社のブラウザはモダンじゃないケースばかりだけど、PDFにも対応しているので問題無い。 org-mode でスライドを作る事が出来ると楽なので、実現する ox-reveal と合わせて導入する。 準備 プレゼンライブラリの reveal.js と org-mode ファイルを reveal.js 形式にする ox-reveal を用意する。 reveal.js のダウンロード 公式ページ、あるいはGithubのページからライブラリ一式をダウンロード。 Reveal.js HTML Presentations Made Easy(公式) hakimel/reveal.js G

                                                                              org-mode からプレゼンテーションスライドをreveal.jsで作成する - ichiroc subset
                                                                            • D3.js と reveal.js の紹介 (2015/04/29 13:00〜)

                                                                              Office のいらない office 環境 この資料は じゃいすと LT 第二回で使用する資料です. LT とか言いつつ,絶対ハンズオンレベルの量になっていて恐縮です. 私の回で話そうと思っていることをすべて書いているので, 事前に確認しておく必要はないです. スライド github 注) このイベントは 北陸先端科学技術大学院大学 (JAIST) の私的内部イベント です. そのため,外部の方の参加はご遠慮ください. 多分交通費がもったいないです. アジェンダ はじめに reveal.js の簡単な紹介 reveal.js ハンズオン D3.js の簡単な紹介 D3.jjs ハンズオン はじめに プログラミング言語 Office 環境化計画の第一弾です. 私は信仰上の理由から Microsoft が大嫌いです. あの,有料ソフトの癖にどんなパソコンにも入っていて, みんな使って当たり前

                                                                                D3.js と reveal.js の紹介 (2015/04/29 13:00〜)
                                                                              • reveal.jsを使ってみる - Faster and Faster

                                                                                社内勉強会用の資料をつくらなかやなとおもっててプレゼンツールを探してみた。 PPTでやるのも…だし、Keynote使おうと思ったけどMacはないしでJavaScriptで何かできないかなと思って探してみた。 reveal.jsを見つけたので実際に作成する前に下調べをした時のメモを公開。 Contents reveal.jsとは インストール Basic Setup Full Setup スライドを作成する HTML 画像、リスト 画像 リスト Markdown 外部のMarkdown を読み込む場合 HTML内にMarkdown を書く場合 画像、リスト 画像 リスト その他 まとめ reveal.jsとは HTMLでかっこいいスライドが作れるフレームワーク。 ぐいんぐいん動いてみ見た目もよい。 reveal.js reveal.jsのデモ reveal.js使ったサンプル一

                                                                                • vscode上でマークダウンを使ってスライドを作る。(Marp, Reveal.js) - 粗大メモ置き場

                                                                                  スライドをいちいちGUIで作るのはだるい,時々よくあることだと思います。 Markdown形式のメモをそのままスライドにする(実際はちょっといじるんだけど)手法について個人的な設定をメモ・紹介します。 Abstract マークダウン形式で簡単に発表資料を作る。 2020年5月現在,Marpがオススメできる。 Abstract 本記事における環境 手法紹介・総評・雑感 Marp書き方 現時点での個人設定例 スライドのテーマ ページ番号 図を中央に配置する 図の貼り付け・サイズ調整 縦・横を指定して画像を貼る 背景として画像を貼る 数式 サンプルスライド(自分テンプレート) Marpの参考資料 余談:GIF画像をキャプチャするソフト 本記事における環境 Windows10 vscodeに以下の記事に示すような拡張機能をインストール(Markdown All in one, Paste Imag

                                                                                    vscode上でマークダウンを使ってスライドを作る。(Marp, Reveal.js) - 粗大メモ置き場