スライド上でコードが動く！Jupyter+RISEによるプレゼン環境 | Code Craft House
Jupyter のノートブックでプレゼンするための拡張機能、 RISE を試してみたので、環境構築や使い方についてまとめてみました。今回紹介する方法では、静的なHTMLに変換するのではなく 実行中のJupyterノートをプレゼン形式で見せる ことが可能で、 プレゼン表示のままコードの実行もできてしまう スゴイやつです。そのうち発表するときに使ってみたいなあと思いながら、自分用のメモを兼ねて一通り動かすところまで記事にしてみます。 RISEについて RISEは、実行中のJupter Notebookをスライド表示するための拡張機能になります。実行中の、というのがミソで、コードサンプルをスライドに載せるだけではなく、 スライド上のコードを書き換えたり、そのまま再実行する ことが可能になります。うたい文句にも "Live" という文字があるのですが、入力値をその場で書き換えて挙動の変化を見せるよ
Markdown スライド作成ツール『Marp』の開発経緯裏話 - Speee DEVELOPER BLOG
2019/08/03 追記: 2019年現在、デスクトップアプリ版の Marp はすでに開発を中止しており、次世代版である Marp Next の開発に注力しています。デスクトップアプリはまだ使用可能ですが、すでにメンテナンスが中止されており、セキュリティに関する一部懸念も指摘されているため、デスクトップアプリ版をこれから使い始めるのは決して推奨されません。 移行先として、Marp Next の公式ツールの1つとして提供されている Visual Studio Code の拡張機能、Marp for VS Code をお勧めしています。クロスプラットフォーム・オフライン対応・ライブプレビュー・PDF出力はもちろん、新しい Marpit フレームワーク をベースとした Markdown 構文、HTML 形式や PowerPoint 形式での出力、カスタムテーマ CSS の対応など、スライド作成
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
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
esa.io - Expertise Sharing Archives for motivated teams.
Nothing is perfect from the beginning. We want to support the growth of documents from hatching to completion. 最初から完璧なものなんてない。 esaは情報の一生を見守りたい。
Pelletkachels.nl
Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita
ちょうどいくつかプレゼン用の資料を作らなきゃと思っていてなんかいいテンプレートないかな〜って探していたらのでreveal.jsが超絶に良かったのでメモ reveal.js htmlで綺麗でカッコいいプレゼンテーションを作れるフレームワークです。 3Dでグィングィン動きます デモ画面見ればどんな風にグィングィン動くかわかります（開いたら右スクロールボタンを押してみてください） Escキー押すとプレゼンテーションのドキュメント一覧が見れます それがまたカッコよく3Dでみれます。 PDFへのエキスポートが楽チンです 書いたドキュメントをプリントしてメンバーに配布とかってシーンがあるとおもいますが reveal.jsなら綺麗にできます。 使い方 zipパッケージで落としてくる hakimel/reveal.jsにいって 「Download ZIP」をポチッと押します。 書きたい内容をindex.h
HTMLでプレゼンテーションを作ってみた! - Qiita
HTMLでプレゼンテーションを作る LTで登壇することになったけどネタがない。。。(本番前日) HTMLでプレゼン作れると聞いたのですぐさまテンプレ探しへ。 検索かけて出てきたのテンプレートが ・reveal.js →GitHub,デモ画面 ・jmpress.js →GitHub,デモ画面 一番簡単そうに見えたreveal.jsを使って編集してみることに決めました。 作っててデモ画面が面白くて作ってるだけで楽しめました笑。 内容 簡単にHTML,CSSを紹介した後、google chromeでDeveloper Toolを用いてCSSを編集する方法を紹介するという構成に決定(本番20時間前)。 ASCⅡ.jpさんの記事を参考に開発ツールのページから直接編集する方法を写真も交えて解説 やっぱりcssはちゃんとエディタで修正する方がいいなと思いつつも紹介することにしました笑。 プレゼンの作り方
ターミナルでスライドを再生するコマンド『pera』を作った。 - Qiita
-e string encoding (default "utf-8") -g gravity(bottom align) -i int interval <= 10 millisecond (enable auto mode) -l loop (Exit:Press Esc Key) -i １００0 というように時間をミリ秒で指定すると、１秒ごとに自動再生、みたいなこともできる。 あと-lを指定すると、最後までいった後に最初に戻ってループする。 これを組み合わせると・・・ チャーハン作るよ！ 技術解説 言語はGo言語。 画面制御にはエスケープシーケンスという仕組みを使ってる。 制御文字 効果
Jupyter (iPython) Notebookを使ってプレゼンテーション資料を作る方法 - MyEnigma
データ分析ツールJupyter入門posted with カエレバ掌田津耶乃 秀和システム 2018-05-31 Amazonで探す楽天市場で探すYahooショッピングで探す 目次 目次 はじめに reveal.js reveal.jsでのプレゼンスライド操作 Jupyterにおけるプレゼンテーションスライド作成 1.スライド用のJupyterノートブックを作成する 2.スライドの設定 3.スライドをブラウザに表示する 注意点 nbviewerを使ってプレゼン資料を公開する 使い方 nbviewerのプレゼン資料が更新されない場合 ブラウザでGUIを使ってプレゼン資料を作る 参考資料 MyEnigma Supporters はじめに 先日、 Pythonのブラウザインターフェイス、 Jupyter (iPython) を使って 技術ノートを作る方法を紹介しましたが、 myenigma.ha
プレゼンも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を入手 さくっ
数式が使える最強のプレゼンテーション環境 - adragoonaの日記
うれしい markdownでかける webで見れる githubで管理できる MathJaxでlatexの数式が使える markdownとMathJaxの組み合わせで起こりがちの_などのエスケープ問題を回避できる。 使うもの Remark.js github jsをurlで読み込めるので、ネットにつながる環境ならすごく便利。 git, github MathJax サンプル Presentation 導入手順 ローカルに適当にディレクトリ(slidesとする)を作る。 slidesディレクトリにindex.htmlを作り、同じディレクトリにcontents.mdを配置する。 index.htmlをブラウザで開けばOKスライドが見れる。 index.html <DOCTYPE html> <html> <head><title>Presentation</title></head> <bod
Pelletkachels.nl
Pelletkachels waren ooit eenvoudige apparaten voor verwarming, maar ze hebben een opmerkelijke evolutie doorgemaakt sinds hun bescheiden begin in de jaren ’80 van de vorige eeuw. In dit artikel duiken we diep in de geschiedenis van pelletkachel, bespreken we de belangrijkste mijlpalen en ontwikkelingen op het gebied van subsidiemogelijkheden en werpen we een blik op de transformatie tot moderne en
Electron で Markdownプレゼン作成ツールを作って公開するまで - Qiita
Markdown でスライドを作るためのツールを漁っていたのですが、なかなか自分好みのものが無く、Electron の勉強を兼ねて作ってみた話です。 追記 (2018/12/10): その後の進捗はこちら Puppeteer & Carlo を Markdown スライド作成 CLI ツール (Marp CLI) で活用する - Qiita 成果物 今回作ったプレゼンツールは、以下にてプレリリース版を公開しています。 Marp - Markdown presentation writer https://yhatt.github.io/marp/ (旧称 mdSlide) 追記 (2016/07/13 19:42) ＿人人人人人人人人人人人人人人＿ ＞ 突然のGithubトレンド入り ＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ Markdown スライドツール比較表 私の欲
プレゼンの技術
プレゼンテーションのためのプレゼンテーション！ Acroquest社内で行った若手向け勉強会での発表資料です！ Read less
新入社員必見！プレゼン資料の作り方からプレゼン方法の基礎まで学べる良質SlideShare11選
ビジネスシーンにおいてプレゼンをする機会は誰にでもあるのではないでしょうか。 プレゼンというと「商品を販売する行為」をイメージしがちですが、一口にプレゼンといってもお客様に提案をする時、自分の売り込みをしたい時以外にも、社内メンバーへの提案や上司を説得する際にもプレゼンは必須です。 つまり、プレゼン能力は全てのビジネスパーソンにとって無くてはならない能力なのです。そのための、プレゼン力をつけるためにはまず、基本的なルールを学びましょう。 今回は、世界的に有名なファイル共有サービス「SlideShare（スライドシェア）」より、プレゼン資料の作り方から実際のプレゼン方法まで学べる資料を11個厳選してご紹介します。 資料作成時には実際のプレゼンを想定し、伝えたいポイントだけを記載する必要がありますが、書きたいことを整理出来ず情報を詰め込んでしまいがちです。 このスライドでは、聞き手に伝わるプレ
Markdownからスライド資料を作る
B! 460 0 1 0 何か人に見せる時には資料としてPower Pointとかでスライドを作るわけですが、 普段メモもMarkdown形式で書いてく事が多くて、 簡単なもの、特に文字だけの物の場合はそのままコピペするだけみたいな ことも多いので、 直接Markdownからスライドを作る物を試してみることに。 Markdownからスライドを作れるツール Pandoc 対応フォーマット インストール PDF作成(beamerテンプレートを使う) beamerのテーマについて 日本語について Pandocまとめ Slide Show (S9) インストール スライド用HTML作成 PDFにコンバート その他のツール Marp mkd2pdf markdown-pdf markdown2impress mdslide slidedeck remark Markdown2pdf Swipe Sl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirect Notice
「Cacoo」でシステム構成図を書くのが捗る「さくらのアイコンセット」無料公開 
