Kawazでの記事の書き方について

Kawazポータルでは、Markdownという簡単に文章の整形ができる記法が使えるほか、ブログパーツを貼り付けたりなど、多彩な表現が可能です。

この記事では、Kawazでの記事の書き方についてお伝えします。

エディタの使い方とMarkdown記法

Kawazでは、多くの場所で上記のようなエディタを利用することができます。ここに書かれた文章はMarkdownと呼ばれる記法で解釈されます。

これを使うことで、簡単に整形を行うことができますが、正しい書き方を知らないと、大きくデザインが崩れてしまうことがあります。

また、書きかけの文章はいつでもプレビュータブから確認することができます。

改行

初めてKawazで文章を書くときに戸惑うのが改行の扱いです。Kawazポータルでは、2行以上の改行のみが改行として出力されます。

ご注意ください。

改行したかった
でも改行されない


改行したい

二行離すとちゃんと改行される!!!

改行したかった でも改行されない

改行したい

二行離すとちゃんと改行される!!!

見出し記法

H1H2H3と書かれたボタンを押すと、見出し記法が利用できます。

# 音楽ファンタジー2公開しました!

## 音楽ファンタジー2ってなに?

音楽ファンタジーとは、Kawazの代表作です

### ストーリー

主人公のアイズがヒロイン、キズリーと旅に出ます。

音楽ファンタジー2公開しました!

音楽ファンタジー2ってなに?

音楽ファンタジーとは、Kawazの代表作です

ストーリー

主人公のアイズがヒロイン、キズリーと旅に出ます。

このように、#の数によって見出しを付けることができます。

リスト記法

ボタンを押すと、リスト記法が利用できます。

文頭に-を付けることで箇条書きを表現できます。また、インデントすることで入れ子のリストも表現できます

果物の一覧

- りんご
- みかん
    - オレンジ
    - いよかん
    - はっさく
- バナナ
- キウイ

果物の一覧

  • りんご
  • みかん
    • オレンジ
    • いよかん
    • はっさく
  • バナナ
  • キウイ

番号付きリスト記法

ボタンを押すと、番号付きリスト記法が利用できます。

基本的にリスト記法と同じですが、項目に番号を付けられます。

やること一覧

1. 企画を立てる
2. グラフィックを描く
    1. キャラデザをする
    2. UIを作る
3. プログラムを書く
4. 音楽を作る
5. 公開する
6. 飲みに行く

やること一覧

  1. 企画を立てる
  2. グラフィックを描く
    1. キャラデザをする
    2. UIを作る
  3. プログラムを書く
  4. 音楽を作る
  5. 公開する
  6. 飲みに行く

ボールド記法

ボタンを押すと、ボールド記法(太字)が利用できます。

** **で囲った文字が強調されます。よく使うので覚えておくと便利。

Kawazは2009年に**geekdrums**によって設立された。

Kawazは2009年にgeekdrumsによって設立された。

イタリック記法

ボタンを押すと、イタリック記法(斜体)が利用できます。

* *で囲った文字が斜体になります。固有名詞などに使われる。こちらはあまり使わないかも?

Kawazの代表作には、*音楽ファンタジー*などがある

Kawazの代表作には、音楽ファンタジーなどがある

罫線

ボタンを押すと、罫線が利用できます。

---------と書くと自動的に罫線が引かれます。

話題を変えたいときに便利

エタノールが加水分解されることでアセトアルデヒドが生成されます。そのときに生成されるCHOをアルデヒド基と呼びます。

--------------

そんなことよりさっきマックで女子高生が

エタノールが加水分解されることでアセトアルデヒドが生成されます。そのときに生成されるCHOをアルデヒド基と呼びます。


そんなことよりさっきマックで女子高生が

コードブロック記法

ボタンを押すと、コードブロック記法が利用できます。

ソースコードを書きたいときにで囲んでください

また、GFM(GitHub Flavored Markdown)にも対応しているため、シンタックスハイライトも使えます。

cppのように言語名を加えて囲むと、シンタックスハイライトも利用できます。

```
for (;;) {
    std::cout << "無限ループってこわくね?" << std::endl;
}
```
for (;;) { std::cout << "無限ループってこわくね?" << std::endl; }

引用

ボタンを押すと、引用が利用できます。

>から始まった文章は引用された文章の扱いになります。引用したいときに使いましょう

> よく頭のおかしいライターやクリエイター気取りのバカが
> 「誰もやらなかった事に挑戦する」とほざくが
> 大抵それは「先人が思いついたけどあえてやらなかった」ことだ
> 王道が何故面白いか理解できない人間に面白い話は作れないぞ!

よく頭のおかしいライターやクリエイター気取りのバカが 「誰もやらなかった事に挑戦する」とほざくが 大抵それは「先人が思いついたけどあえてやらなかった」ことだ 王道が何故面白いか理解できない人間に面白い話は作れないぞ!

画像挿入

ボタンを押すと、画像挿入が利用できます。

![]()に、画像の説明と画像URLを書くことで、画像を貼り付けることができます。

Web上の画像に直リンクしたいときにご利用ください。

ローカルの画像をアップロードしたい場合は、後述のファイルをアップロードしようをご覧ください。

Gyazoなどを組み合わせると、スクリーンショットなどが簡単に貼れて便利です。

かわずたん!

![かわずたん!](http://www.kawaz.org/statics/img/help/kawaztan.png)

かわずたん!

かわずたん!

リンク挿入

ボタンを押すと、リンクが利用できます。

[]()に、リンクテキストと、リンク先のURLを記述してください。これもよく使うので覚えておくと便利。

毎年数千万円が貰える大チャンス!詳しくは[こちら](https://www.hellowork.go.jp/)から!!!

毎年数千万円が貰える大チャンス!詳しくはこちらから!!!

ファイルをアップロードしよう

ボタンを押すと、アップローダーが起動します。

ここからファイルをアップロードすることができます。

Kawazでは以下のファイルに対応しています。

ファイル形式 詳細
画像ファイル 画像が埋め込まれます
動画ファイル 動画プレーヤーが埋め込まれます
音声ファイル 音声プレーヤーが埋め込まれます。お使いのブラウザによっては上手く動作しないかもしれません
PDFファイル スライドショーが埋め込まれます
その他ファイル ダウンロードリンクが埋め込まれます

その他の記法

その他、他のMarkdownで使える記法を扱うことができます。あとは自分の目で確かめよう!

Qiita - Markdown記法 チートシート - Qiita

ブログパーツを貼ろう

Kawaz3rdでは、記事中で全てのHTMLタグを利用できるようになりました

そのため、Kawaz2ndではできなかった、ブログパーツの貼り付けなど、多彩な表現ができるようになりました。

Twitter

SoundCloud

SlideShare

ノベルゲーム動的演出の考え方 from tuna cook


各サービスの貼り付け方は、それぞれのヘルプをご覧ください

HTML利用の注意点

Kawazポータルでは、メンバーは全てのHTMLを利用することができるようになりましたが、HTMLの書き方によっては、ポータルのデザインを破壊してしまう可能性があります。 取り扱いには十分ご注意ください。

HTMLタグの記述ミスによるデザイン崩れなどを運営メンバーが発見した場合、規約に基づき、編集、削除を行うことがあります。

また、悪意のあるコードを故意に埋め込むような行為は絶対に控えてください。

動画プレイヤーを展開しよう

ニコニコ動画、YouTubeのURLを貼り付けると、自動的に動画が展開されます。