• Markdown で作ることのできる HTML スライド

このスライドのソース

http://124.219.182.167/R/ioslides.Rmd

• ioslides: demo

• Slidy

• RPres

• Slidify: demo

• xaringan: demo by Yihui Xie

• revealjs: 公式 demo | demo

  • reveal.js の遷移は、上下と左右がある
  • plugin で落書きなど他にないものがある

---
title: タイトル
output: ioslides_presentation
---
# 見出し1

## 見出し 1.1

最初のスライド

## 見出し 1.2

二番目のスライド

# 見出し2

## 見出し 2.1

三番目のスライド

そのまま印刷します。

• ‘f’: フルスクリーン
• ‘w’: 横長スクリーン
• ‘o’: 複数スライドを表示 (RPubs では非対応)
• ‘h’: コードハイライト
• ‘p’: ノートを表示 (RPubs では非対応)

# cars' summary as an example for a comment
summary(cars)
# example for integers
cars[,1]

• p を押すと、ノートが表示されます。
• URL を、my-presentation.html?presentme=true とすると、別ウィンドウが開きます（pキーはオフになります）。
• ポップアップブロックしている場合、何回か試してみてください。
• タッチデバイスでは使用できません。

ノートは、以下のように書きます。

<div class="notes">
This is my *note*.

- It can contain markdown
- like this list
</div>

メニューから

File > New File > R Markdown… > Presentation

とし、HTML (ioslides) とすれば、必要に応じて必要なパッケージをインストールします。

Rmd を作成し、最初の４〜５行目を書き換えます。

---
title: タイトル
author: 馬場美彦
date: 日付
output: 
  ioslides_presentation:
    logo: logo_kyorin.png
---

注: この部分は R のソースではありません。

ioslides には、色やフォントなどのテーマはないようです。

• 最初のページの上部左側にロゴがフェイドイン。
• level 2 (##) のスライドの左下に小さなロゴが追加。

---
title: タイトル
author: 名前
date: 日付
output: 
  ioslides_presentation:
    logo: logo_kyorin.png
---

Knit ボタンを押します。

以上

\(F(x) = \int^a_b \frac{1}{3}x^3\)

ソース

$F(x) = \int^a_b \frac{1}{3}x^3$

Rmd の標準機能（\(\LaTeX\) 形式）が使えます。

• ２段組は標準機能があります。
• ただし、改段落は自動でなされます。

<div class="columns-2">
  ２段組にしてみたいと思います。

  - Bullet 1
  - Bullet 2
  - Bullet 3
</div>

# レイアウト

<div style="display:inline-block;
  width:30%;vertical-align:top;">

左側

</div><div style="display: inline-block;
  width:68%;vertical-align:top;">

右側

</div>

参考: https://blog.atusy.net/2019/08/11/revealjs-2col-inline-block/

• ### <b> と ### </b> で囲む。
• h を押す。
• フェードしない場合は、スライド内をクリックしたのちに、h を押す。

x <- 1      # 強調されない部分

x <- 10     # 強調される部分

ソース

x <- 1      # 強調されない部分

x <- 10     # 強調される部分