MarpDevelop の変更点

追加された行はこの色です。
削除された行はこの色です。
MarpDevelop へ行く。
#contents();

*** upstream [#l16a719b]

- [[official web:https://yhatt.github.io/marp/]]
- [[repo:https://github.com/yhatt/marp/]]
- [[wiki:https://github.com/yhatt/marp/wiki]]
- [[Roadmap to Marp 1.0.0:https://github.com/yhatt/marp/wiki/Roadmap-to-Marp-1.0.0]] 

*** standard directives [#mbc1b522]

 <!-- $theme: gaia -->↲
 <!-- $size: 16:9 -->↲
 <!-- footer: はこだて未来大 : ITアーキテクチャ特論 「製品開発 と オープンソース」-->↲
 <!-- page_number: true -->↲

 * 画像を挿入
 ![](画像ファイルパス)
 
 * 画像の大きさをスライドサイズの比率で指定する
 ![比率%](画像ファイルパス)
 
 * 背景画像を挿入
 ![bg](画像ファイルパス)
 
 * 背景画像の大きさをスライドサイズの比率で指定する
 ![bg 比率%](画像ファイルパス)
 
 * 背景画像を連続して書くと水平方向（横）に分割される 
 ![bg](画像ファイルパス)
 ![bg](画像ファイルパス)

- [[絵文字:https://www.webpagefx.com/tools/emoji-cheat-sheet/]]

 * :heart:
 * :soccer:
 * :arrow_up_down:
 * :exclamation:
 * :end:
 * :calling:
 * :shield:

*** extention [#e180f3c6]

- 文字のセンタリング
 <div class="centerize"></div>
 
 中央に揃えたい文章

- 右上の見出し
 <div class="pillar"></div>
 
 見出し

- 画像のフロート
 <div class="img-left"></div>
 
 ![サンプル画像](image/image1.png)
-- スライドで縦長の画像を右に寄せて、その左に文章を回り込ませることができます。

*** 参考 URL [#ab8e3a80]
- [[Electron で Markdownプレゼン作成ツールを作って公開するまで:https://qiita.com/yhatt/items/0bf65699a538d5508c33]]
- [[マルチプラットホーム&スライドに特化したMarkdown WriterのMarpを試す:http://matoken.org/blog/2016/12/03/markdown-writer-marp-specialized-for-multi-platform-slide/]]
- [[Marp(Markdown Presentaiton)の文法まとめ:https://qiita.com/pocket8137/items/27ede821e59c12a1b222]]
- [[スライド作成ツールMarpで僕が使っているCSS:http://sesenosannko.hatenablog.com/entry/2017/01/11/171756]]