Markdownを始めよう!ビジュアル編集ソフトMarkTextとTyporaを紹介!

4.3K Views

September 23, 21

スライド概要

このスライドに加え忘れましたが、MarkTextやTyporaでは画像をコピペすると自動で貼り付けることができます!

profile-image

名工大(NITech) CS niC参加 https://scrapbox.io/nitechCreate/

シェア

埋め込む »CMSなどでJSが使えない場合

各ページのテキスト
1.

# Markdownを 始めよう

2.

ところで、メモ・ノートに 何を使ってる? • • • • • ノート メモ帳 (現実/ソフト) 付箋 (現実/ソフト) Word Twitter … ?

3.

メモ帳 → Markdown メモ帳 文章 ○ 強調 △ 数式 × × 図・写真 Markdown

4.

メモ帳 → Markdown メモ帳 文章 ○ 強調 △ 数式 × × 図・写真 Markdown で き る

5.

Markdownって何? 便利 な ドキュメント書式

6.

Markdown どう書く? 見出しタグ # aaa タグ 内容 # aaa ## bbb ### ccc

7.

Markdown どう書く? 番号段落タグ 1. aaa タグ 内容 1. いち 1. に 1. さん

8.

Markdown どう書く? 箇条書きタグ - aaa タグ 内容 -あ - あああ - ああ

9.

Markdown どう書く? 太字タグ *aaa* タグ 内容 タグ 普通 *太字*

10.

Markdown どう書く? リンク タグ [表示名](リンク) [Google](https://google.com)

11.

Markdown どう書く? • 数式 $¥log(x^2+1)$ • コード表示 • 引用 > テキスト • 水平線 *** ``` javascript console.log("Hello World!"); ``` console.log("Hello World!");

12.

書きたくなってき…

13.

Markdownを楽に書きたい!! WYSIWYGエディタ WYSIWYG = What You See Is What You Get → ビジュアル編集 (プレビューが不要) (編集画面が完成形)

14.

Markdownを楽に書きたい!! WYSIWYGエディタ (フリーソフト) • Typora • Mark Text → OSSなのでオススメ

15.

OSSって何? OSS: オープンソースソフトウェア 改良・フィードバック ユーザー プロジェクト: プログラマー ソースコードが公開 ソフト・ソースコード

16.

OSSって何? 一般的なOSS • • • • ソースコードが公開 ソフトを無償で利用OK 派生物を作成OK 自由に再配布OK 引用: https://www.ipa.go.jp/files/000055974.pdf

17.

有名なOSS • • • • • Linux Android OpenJDK Python C, C++ • • • • • • Chromium, Firefox VSCode Eclipse OBS-Studio GIMP LaTeX

18.

Mark Text

19.

Markdown 使おう ご清聴ありがとうございました