Qiitaを書きたいけど抵抗がある方へ

### みなさんQiitaを書いていますか？
どんなことを書けばいいの？
コードが黒い背景になっているけどどういう仕組み？
画像とかどうやって添付するんだろう？

自分でまとめることが大切だと思っていても、一度も投稿したことない人は何もわからなくて書くのに抵抗があるんじゃないでしょうか。
この記事を見れば今日からあなたも記事を書くことができるよう基本的な解説をしていきます。

---

####　目次
[・どんなことを書けばいいの？](#%E3%81%A9%E3%82%93%E3%81%AA%E3%81%93%E3%81%A8%E3%82%92%E6%9B%B8%E3%81%91%E3%81%B0%E3%81%84%E3%81%84%E3%81%AE)
[・投稿するには会員登録が必要](#%E6%8A%95%E7%A8%BF%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E4%BC%9A%E5%93%A1%E7%99%BB%E9%8C%B2%E3%81%8C%E5%BF%85%E8%A6%81)
[・基本的な投稿機能の説明](#%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E6%8A%95%E7%A8%BF%E6%A9%9F%E8%83%BD%E3%81%AE%E8%AA%AC%E6%98%8E)
　　[⇨投稿画面（MarkDown記法について）](#%E6%8A%95%E7%A8%BF%E7%94%BB%E9%9D%A2markdown%E8%A8%98%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6)
　　[⇨見出しの付け方](#%E8%A6%8B%E5%87%BA%E3%81%97%E3%81%AE%E4%BB%98%E3%81%91%E6%96%B9)
　　[⇨コードの書き方](#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E8%B2%BC%E3%82%8A%E6%96%B9)
　　[⇨リンクの貼り方](#%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%B2%BC%E3%82%8A%E6%96%B9)
　　[⇨画像の貼り方](#%E7%94%BB%E5%83%8F%E3%81%AE%E8%B2%BC%E3%82%8A%E6%96%B9)
[・最後に](#%E6%9C%80%E5%BE%8C%E3%81%AB)

---
<a id="sec1"></a>
### どんなことを書けばいいの？

結論、どんなことでも大丈夫です。
新しく自分の知った技術のことを積極的に書いてみましょう。
アドバイスとしては、自分なりの言葉で書くこと。
既に同じ内容の記事があっても大丈夫です。
あなたの言葉だからわかる人が必ずいるはずです。
慣れてきたら[こちらのガイドライン](https://help.qiita.com/ja/articles/qiita-article-guideline)にしたがって書いてみてください。

---
<a id="sec2"></a>
### 投稿するには会員登録が必要
記事を見るだけなら非会員で大丈夫ですが、記事を投稿するには会員登録が必要です。
[こちらの登録ページ](https://qiita.com/signup?redirect_to=%2F)から、ユーザー名、Email、パスワードで簡単に登録できます。ちなみにGithub、Twitter、Googleのアカウントでも登録可能です。
また会員登録によるメリットは下記を参照してみてください。
[会員登録するとできること](https://help.qiita.com/ja/articles/qiita-login-user)

---
<a id="sec3"></a>
### 基本的な投稿機能の説明

<a id="sec3-1"></a>
####　投稿画面（MarkDown記法について）

投稿画面を開くと下記の画面が開きます。
左側に記事の内容を投稿していき、右側にプレビューが表示されます。
Qiitaの記事はMarkDown記法で書くことで様々な機能を利用できます。
MarkDown記法を覚えることで、文章の装飾を自動的に行われるので見た目の調整に取られる時間が減り、コンテンツの作成に集中できるようになります。
今回は見出しの付け方、コードの書き方、リンクの貼り方、画像の貼り方を説明します。
>![Screenshot from Gyazo](https://gyazo.com/b93c82744d1761aed7c0cbfbc70fc791/raw)

<a id="sec3-2"></a>
####　見出しの付け方

見出しの前に"#"を付けるだけです。
”#”の数によって文字の大きさが変わります。
># "#"１個
## "#"２個
### "#"３個
#### "#"４個
##### "#"5個

↓このように書いています。

\# "#"１個
\## "#"２個
\### "#"３個
\#### "#"４個
\##### "#"5個


項目ごとに見出しを付けると見やすくなるでしょう。

<a id="sec3-3"></a>
####　コードの貼り方

↓よく見かけますよね。

```ruby:sample.rb
a = 5
puts a
```
・やり方
コードにしたい部分の前後に「\`\`\`」（バッククォテーション３つ）を置くだけです。
左上のタイトルですが、最初の\`\`\`の後にruby:sample.rbと書いています。
```◯◯◯：△△△
◯◯◯が言語名をを宣言して（表示されない）、△△△がタイトル部分になります。
↓このように書くと上記のコードが表示されます。

\`\`\`ruby:sample.rb
a = 5
puts a
```

<a id="sec3-4"></a>
####　リンクの貼り方
[こちら](https://qiita.com/)にQiitaのトップページをリンクしています。
・やり方
\[リンクのタイトル](リンク先のURL)
でリンクを貼れます。
↓このように書くと上記リンクの表示になります。

<img src="https://gyazo.com/18f0fb9429a8eefb8af6d220c545880c.j" width="80%">

<a id="sec3-5"></a>
####　画像の貼り方
・パソコン内の画像
![Screenshot from Gyazo](https://gyazo.com/fc24272c8bc74611be2daa46fdfdea88/raw)
 入力部分右上の上記のアイコンをクリックしてファイルを選択すればアップロードできます。
 (正確には、Qiitaに画像がアップされ、アップされた画像を表示する記述が出ます。)

・ネットの画像の場合

　\!\[画像タイトル](http://画像のURL)
　\<img src="http://画像のURL" alt="画像タイトル" width="◯◯％">

上記どちらでも画像を表示できます。
画像タイトルは普段は表示されないですが、画像ファイルが見つからない時に何の画像が貼られていたのかわかるようにできます。imgタグだと画像のサイズをwidthで変更できたりもするので、両方覚えておいて損はないでしょう。

---

<a id="sec4"></a>
### 最後に

まだまだマークダウンについて知りたい方は下記リンクにわかりやすくまとめられています。
[Qiita マークダウン記法 一覧表・チートシート](https://qiita.com/kamorits/items/6f342da395ad57468ae3)

最後までご拝読ありがとうございました。
皆様の初投稿までのハードルを少しでも下げることができたらと思って書きました。
私自身この記事が初投稿です。マークダウン記法って何だろうってところから勉強して記事にしてみました。
初めは何事も難しく感じますが、発信を続けていき皆様に少しでも有用な記事をお届けできるよう精進して参ります。