Python

RISEをcssでデザイン変更する話(PythonのJupyterでプレゼン)

こんにちは,しまさん(@nitkcdadon)です.

最近Python楽しいです.

今はスクレイピングにのめり込んでいます笑.

そんなPython好きな私なのですが最近はプレゼンをする機会が月一くらいであります.

MikanLTというLT会の主催者の一人としてやっていますので… .

そこでパワポで発表するのもいいのですがせっかくならJupyter Notebookで発表したい…(プログラムをリアルタイムで実行させたいので) .

そこでRISEを使おうと思ったのですがデザインを決めるcssを公開してくれている人が少ないです(泣).

私のつたないcssを公開することで,より優秀な色んな人がcss公開してくれないかなという願いを込めてこの記事を書くことにしました.

環境

macOS Mojave(10.14)

pyenv Python 3.6.7

rise (5.4.1)

RISEとは

RISEはJupyter Notebookの拡張機能です.

Webブラウザ上でNotebookをスライドに変換して表示してくれます.

Reveal.jsのJupyter Notebook版です(というかReveal.jsをベースに作られています).

Notebookでプログラムを実際に動かしながらプレゼンできるので素晴らしい!!と私は思っています.

mdで書けるのは皆さん嬉しいのでは???

RISEのインストール

簡単です.たったの3行でおしまい.

pip install RISE
jupyter-nbextension install rise --py --sys-prefix
jupyter-nbextension enable rise --py --sys-prefix

Notebookを起動して赤枠で囲まれているアイコンが出てればOK.

RISEのカスタマイズ

私のGithubにファイルを置いているので参考程度にどうぞ.

RISEのカスタマイズだけではなく,jupyter自体のデザインも少し変えています.

In[]やOut[]の取る幅が大きくてプレゼンの際に不自然だと思い,変更してます.

さいごに

Webブラウザ上でNotebookをスライドに変換して表示してくれるRISEの紹介&デザイン適用についてでした.

私はデザイン関連については苦手なのでもっとカッコいいデザインを公開してくれる方がでてくればいいなと思います.

p.s.

RISE,Reveal.jsを使う方はFirefoxは現時点ではおすすめできません.

どうしてもタブバーが残るので全画面表示ができないのです(私がやり方を知らないだけかもしれませんが).

素直にSafariで頑張ります… .

参考

とても参考になりました.ありがとうございます.

JupyterNotebookでnbextensionsのエラーとの戦い[+RISEやテーマ設定]JupyterNotebookでnbextensionsを使えるようにするまでを書いています.MacでAnacondaでない環境で導入するにはエラーが出ることが多く,難航する設定です.Python3.6でnbextensionsを使えるようにします....
[入門]Python初心者が圧倒的成長するために使うサービス,本Python初心者向けの本,Webサービスについて網羅的に紹介をしています.Pythonの勉強で私が実際に使用した本です.入門書をさらに細分化し,学ぶならどのレベルがいいのかわかりやすくしています....
ABOUT ME
しまさん
てくてくぷれいす運営者のしまさんです. 高専→大学編入してから行動的な学生ブロガー? / 自身の変化を求めてブログを6月から開始 / グレープフルーツと本が好き / Distributed SNSやSecurity,プログラミングやVR等のIT系や自身の編入体験談や高専のこと,大学生活を書いてます(たまに小ネタ) / Progateで勉強中