Markdown
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*Markdown
https://www.markdown.jp/what-is-markdown/
~
__[[Markdown(マークダウン)>-https://ja.wikipedia.org/wi...
Wikiの記法、READMEファイルの記述、電子メールにおいてプ...
-テキストエディタでプレーンテキストとして作成
-拡張子は .md
-__[[標準 Markdown のサンプル(画像データ付き)>https://g...
[[Atom]]で .md ファイルを開くと、以下の方法でプレビュー表...
CTRL + SHIFT + m
~
***Markdownには各種方言があります
以下、様々なMarkdown方言のマニュアルです。
-https://packetlife.net/media/library/16/Markdown.pdf (...
-https://packetlife.net/media/library/17/MediaWiki.pdf ...
-https://github.github.com/gfm/(GitHub Flavored Markdown...
-https://www.rstudio.com/wp-content/uploads/2015/02/rmark...
~
***Markdownファイルを表示するには
-[[Atom]]の場合、mdファイルの編集時にカラー区分されるとと...
CTRL + SHIFT + m
でプレビュー表示可能です。
-Firefoxの場合、Markdown Viewer アドオンを追加
-Chromeの場合、Markdown Preview Plus 拡張を追加
~
***Markdownファイルの編集に適した環境は
使い慣れた[[テキストエディタ>TextEditor]]を利用するのが良...
-[[Atom]]([[OpenSource]])
-[[Visual Studio Code>https://azure.microsoft.com/ja-jp/p...
-[[StackEdit>https://stackedit.io/]]:オンラインのエディ...
-[[Marp>https://yhatt.github.io/marp/]]:Markdownでスライ...
~
~
**記法
***見出し
行頭に「#」をつけることで、見出しに変換されます。
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
~
***箇条書き
行頭に [ * ] / [ + ] / [ - ] のいずれかで Disc型リスト(u...
(空行)
* リスト項目1
+ リスト項目2
- リスト項目3
(空行)
行頭に [ 1 ] , [ 2 ] , [ 3 ] ...を入れるとDecimal型リスト...
(空行)
1. リスト項目1
2. リスト項目2
3. リスト項目3
(空行)
以下のように ''TAB'' でインデントをとるとネストすることが...
- リスト1
- ネスト リスト1_1
- ネスト リスト1_1_1
- ネスト リスト1_1_2
- ネスト リスト1_2
- リスト2
- リスト3
~
***改行
以下の3つの方法があります。
-文末に半角空白スペースを2つつける
-1行空白の行を入れる
-<br>タグを使う
~
***テキスト装飾
[ * ] または [ _ ] で囲んだ範囲がイタリック体になります。
*イタリック*
_イタリック_
[ * ] または [ _ ] を2つ重ねて囲んだ範囲が太字になります。
**太字**
__太字__
[ ~ ]( チルダ)を2つ重ねて囲んだ範囲に取り消し線がつき...
~~定価 1,000円~~
~
***画像
画像を掲載するには代替文字列を ![ ] で囲んだ後に、ファイ...
![Sample Image](images/sample.jpg)
画像をサイズ指定で表示したい場合は、HTMLタグが利用可能で...
<img src="images/sample.jpg" width="160">
~
***表組
以下のように縦ストロークで表組が可能です。
| LEFT | CENTER | RIGHT |
| ------- |:----------:| ------:|
| item1 | circle | red |
| item2 | triangle | green |
| item3 | rect | blue |
~
***リンク
Markdownには インライン と リファレンス という二つのリン...
-インラインスタイル
リンクしたい文字列を [ ](隅カッコ)で+リンク先URLを
[Google](http://www.google.com)
-リファレンス
名前と番号を使って定義したリンクを参照するものです。
* [GOOGLE][1]
* [YAHOO][2]
[1]: https://www.google.co.jp "Google"
[2]: https://www.yahoo.co.jp "Yahoo!"
-自動リンク
単純に<>でURIを囲むと自動的にリンクになります。
<http://www.w3.org>
~
***引用
行頭に [ > ] で引用になります。複数行にまたがる場合 各行...
>やまとうたは、人の心を種として、万の言の葉とぞなれりけ...
>世の中にある人、ことわざ繁きものなれば、心に思ふことを、
>見るもの聞くものにつけて、言ひ出せるなり。
~
***ソースコードブロック
[ ` ](バッククォート)を使うと、HTML, CSS などのコードの...
&small(この記号は [ ' ](シングルクォート)ではありません...
`<h1>Sample</h1>`
` ` `
<div>
<p>Sample Text</p>
</div>
` ` `
~
***数式表現
__[[LaTeX]]__ の表現に対応したものであれば、数式表現も可...
例えば、GoogleColab では以下の方法で数式が書けます。
-インライン形式| $・・$で囲む
2次方程式 $ ax^2+bx+c=0 \quad ( a \neq 0 ) $ の解は
2次方程式 &mathjax(ax^2+bx+c=0 \quad ( a \neq 0 ));の解は
-ブロック形式|$$・・$$で囲む
$$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $$
#mathjax(x = \frac{-b \pm \sqrt{b^2-4ac}}{2a})
''参考''
-MathJax:https://www.mathjax.org/
LaTeX の数式をウェブブラウザ上で表示する JavaScript ライ...
-TexMe: https://github.com/susam/texme
Markdown と LaTeX のレンダリングに対応した JavaScript ラ...
~
~
**APPENDIX
***Markdown Viewer
.md ファイルの Drag&Dropで Markdownのプレビューが可能です。
-DEMO:https://koichi-inoue.github.io/MarkdownViewer/
-CODE:https://github.com/koichi-inoue/MarkdownViewer
~
***サンプルデータ
-View:https://github.com/koichi-inoue/MarkdownSample/blo...
-Files:https://github.com/koichi-inoue/MarkdownSample
~
***関連記事
-[[XMLHttpRequest]]
Markdownを JavaScript で読み込んで表示するサンプル
~
~
~
終了行:
*Markdown
https://www.markdown.jp/what-is-markdown/
~
__[[Markdown(マークダウン)>-https://ja.wikipedia.org/wi...
Wikiの記法、READMEファイルの記述、電子メールにおいてプ...
-テキストエディタでプレーンテキストとして作成
-拡張子は .md
-__[[標準 Markdown のサンプル(画像データ付き)>https://g...
[[Atom]]で .md ファイルを開くと、以下の方法でプレビュー表...
CTRL + SHIFT + m
~
***Markdownには各種方言があります
以下、様々なMarkdown方言のマニュアルです。
-https://packetlife.net/media/library/16/Markdown.pdf (...
-https://packetlife.net/media/library/17/MediaWiki.pdf ...
-https://github.github.com/gfm/(GitHub Flavored Markdown...
-https://www.rstudio.com/wp-content/uploads/2015/02/rmark...
~
***Markdownファイルを表示するには
-[[Atom]]の場合、mdファイルの編集時にカラー区分されるとと...
CTRL + SHIFT + m
でプレビュー表示可能です。
-Firefoxの場合、Markdown Viewer アドオンを追加
-Chromeの場合、Markdown Preview Plus 拡張を追加
~
***Markdownファイルの編集に適した環境は
使い慣れた[[テキストエディタ>TextEditor]]を利用するのが良...
-[[Atom]]([[OpenSource]])
-[[Visual Studio Code>https://azure.microsoft.com/ja-jp/p...
-[[StackEdit>https://stackedit.io/]]:オンラインのエディ...
-[[Marp>https://yhatt.github.io/marp/]]:Markdownでスライ...
~
~
**記法
***見出し
行頭に「#」をつけることで、見出しに変換されます。
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
~
***箇条書き
行頭に [ * ] / [ + ] / [ - ] のいずれかで Disc型リスト(u...
(空行)
* リスト項目1
+ リスト項目2
- リスト項目3
(空行)
行頭に [ 1 ] , [ 2 ] , [ 3 ] ...を入れるとDecimal型リスト...
(空行)
1. リスト項目1
2. リスト項目2
3. リスト項目3
(空行)
以下のように ''TAB'' でインデントをとるとネストすることが...
- リスト1
- ネスト リスト1_1
- ネスト リスト1_1_1
- ネスト リスト1_1_2
- ネスト リスト1_2
- リスト2
- リスト3
~
***改行
以下の3つの方法があります。
-文末に半角空白スペースを2つつける
-1行空白の行を入れる
-<br>タグを使う
~
***テキスト装飾
[ * ] または [ _ ] で囲んだ範囲がイタリック体になります。
*イタリック*
_イタリック_
[ * ] または [ _ ] を2つ重ねて囲んだ範囲が太字になります。
**太字**
__太字__
[ ~ ]( チルダ)を2つ重ねて囲んだ範囲に取り消し線がつき...
~~定価 1,000円~~
~
***画像
画像を掲載するには代替文字列を ![ ] で囲んだ後に、ファイ...
![Sample Image](images/sample.jpg)
画像をサイズ指定で表示したい場合は、HTMLタグが利用可能で...
<img src="images/sample.jpg" width="160">
~
***表組
以下のように縦ストロークで表組が可能です。
| LEFT | CENTER | RIGHT |
| ------- |:----------:| ------:|
| item1 | circle | red |
| item2 | triangle | green |
| item3 | rect | blue |
~
***リンク
Markdownには インライン と リファレンス という二つのリン...
-インラインスタイル
リンクしたい文字列を [ ](隅カッコ)で+リンク先URLを
[Google](http://www.google.com)
-リファレンス
名前と番号を使って定義したリンクを参照するものです。
* [GOOGLE][1]
* [YAHOO][2]
[1]: https://www.google.co.jp "Google"
[2]: https://www.yahoo.co.jp "Yahoo!"
-自動リンク
単純に<>でURIを囲むと自動的にリンクになります。
<http://www.w3.org>
~
***引用
行頭に [ > ] で引用になります。複数行にまたがる場合 各行...
>やまとうたは、人の心を種として、万の言の葉とぞなれりけ...
>世の中にある人、ことわざ繁きものなれば、心に思ふことを、
>見るもの聞くものにつけて、言ひ出せるなり。
~
***ソースコードブロック
[ ` ](バッククォート)を使うと、HTML, CSS などのコードの...
&small(この記号は [ ' ](シングルクォート)ではありません...
`<h1>Sample</h1>`
` ` `
<div>
<p>Sample Text</p>
</div>
` ` `
~
***数式表現
__[[LaTeX]]__ の表現に対応したものであれば、数式表現も可...
例えば、GoogleColab では以下の方法で数式が書けます。
-インライン形式| $・・$で囲む
2次方程式 $ ax^2+bx+c=0 \quad ( a \neq 0 ) $ の解は
2次方程式 &mathjax(ax^2+bx+c=0 \quad ( a \neq 0 ));の解は
-ブロック形式|$$・・$$で囲む
$$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $$
#mathjax(x = \frac{-b \pm \sqrt{b^2-4ac}}{2a})
''参考''
-MathJax:https://www.mathjax.org/
LaTeX の数式をウェブブラウザ上で表示する JavaScript ライ...
-TexMe: https://github.com/susam/texme
Markdown と LaTeX のレンダリングに対応した JavaScript ラ...
~
~
**APPENDIX
***Markdown Viewer
.md ファイルの Drag&Dropで Markdownのプレビューが可能です。
-DEMO:https://koichi-inoue.github.io/MarkdownViewer/
-CODE:https://github.com/koichi-inoue/MarkdownViewer
~
***サンプルデータ
-View:https://github.com/koichi-inoue/MarkdownSample/blo...
-Files:https://github.com/koichi-inoue/MarkdownSample
~
***関連記事
-[[XMLHttpRequest]]
Markdownを JavaScript で読み込んで表示するサンプル
~
~
~
ページ名: