マークダウンとは何ですか?入門ガイド

マークダウンとは何ですか?入門ガイド

あなたがウェブのためにたくさん書くなら、あなたはマークダウンを学ぶべきです。これは単純なマークアップ言語であり、フルワードプロセッサの大部分を気にすることなくテキストを簡単にフォーマットできます。





Markdownとは何か、なぜそれが役立つのか、そしてそれを使い始める方法を見てみましょう。





マークダウンとは何ですか?

マークダウンは、通常はインターネットで公開するために、フォーマットされたテキストを作成するために使用されるマークアップ言語です。慣れていない場合、マークアップ言語とは、最終的なドキュメントの外観を調整するが、最終的なドキュメントには表示されない構文要素を含むシステムを指します。





たとえば、Markdownドキュメントに「**太字のテキスト**」と書くと、「」と表示されます。 太字 '。

Webの重要な部分であるHTMLもマークアップ言語です。ただし、Markdownは、軽量言語と見なされるという点で、このようなマークアップ言語とは区別されます。



Markdownドキュメントを見て、テキストの内容を読むのは簡単です。ただし、HTMLのような「重い」言語では、テキストの内容を処理するのは簡単ではありません。つまり、書くのに理想的ではありません。

続きを読む: 基本的なHTMLコードを理解する





Markdownは、MicrosoftWordやPagesなどのワードプロセッサで書き込む代わりの方法も提供します。これらのエディターには、テキストをフォーマットするための多数のオプションが用意されていますが、箇条書きまたはヘッダーオプションを見つけるためだけにメニューをたどる必要がある場合は、時間を無駄にする可能性があります。

ワードプロセッサの高度にフォーマットされたテキストは、HTMLへの変換が不十分である可能性もあり、その結果、厄介なコードをクリーンアップするための余分な作業が発生します。また、ワードプロセッサは通常、独自の形式で保存します。これは、将来そのソフトウェアの使用をやめると問題になる可能性があります。





Markdownを使用すると、プレーンテキストで作業して、人間が簡単に読める記事を書くことができます。オンラインで公開するためにMarkdownドキュメントをHTMLにエクスポートするのは簡単です。また、Markdownはどこでも機能するため、特定のソフトウェアを使用したり、料金を支払ったりする必要はありません。

マークダウンフレーバー

マークダウンは具体的な基準ではありません。基本は使用するすべての場所でかなり一貫していますが、Markdownの作成に使用するサービスやアプリによっていくつかの違いがあります。

たとえば、GitHub FlavouredMarkdownはテーブルをサポートしています。もう1つの標準であるMultiMarkdownは、脚注や引用などの機能を追加します。そして、あなたが出くわすかもしれない他の多くの版があります。

残念ながら、Markdownのすべての反復をカバーすることは不可能です。選択したエディターまたはサービスがどのように機能するかについての詳細を学ぶ必要があります。ただし、これについてはまだ心配しないでください。基本を理解した後、特定のタイプのMarkdownについて詳しく知ることができます。

Markdownの使用:基本的なフォーマット

Markdownで最も一般的なテキストフォーマット方法のいくつかを見てみましょう。これらは、使用しているMarkdownのフレーバーによってわずかに異なる場合があることに注意してください。

斜体と太字のテキスト

テキストを単一のアスタリスクで囲むことにより、テキストをイタリック体にすることができます。テキストを太字にするには、二重アスタリスクを使用します。必要に応じて、アスタリスクをアンダースコアに置き換えることができます。

したがって、次のようになります。

*italic text here* | __bold text there__

次のように表示されます:

ここに斜体のテキスト | そこに太字のテキスト

見出し

このガイドで使用されているようなHTML見出しは、ドキュメントの構造を整理するための一般的な方法です。 Markdownは、見出しの深さに対応するためにハッシュ記号を使用するだけです( h1h6 )。だからのために h2 見出し、2つのハッシュを使用します。

たとえば、次のMarkdownスニペット:

YouTubeでプライベートビデオが何であったかを知る方法
## This Is Heading 2
Here's some text under the H2 heading. Next, we'll have an H3.
### Here's Heading 3
More text here!

次のように表示されます。

続きを読む: HTMLEssentialsチートシート

箇条書きと番号付きリスト

Markdownで順序なしリストと順序付きリストの両方を簡単に作成できます。順序付けられていないリスト(箇条書き)の場合は、次のようにアスタリスクまたはハイフンを使用します。

* A
* B
...
- Y
- Z

これは次のように表示されます。

  • NS

..。

順序付き(番号付き)リストの場合は、次のように、番号1の後にピリオドを入力するだけです。

1. First item
2. Second item

上記の結果は次のとおりです。

  1. 最初のアイテム
  2. 2番目のアイテム

Markdownにリンクを追加するのも簡単です。アンカーテキストには角かっこを、URLにはかっこを組み合わせて使用​​します。次に例を示します。

[website link here](https://www.makeuseof.com/)

これは、次のように通常のハイパーリンクに変換されます。

ここにウェブサイトのリンク

画像

ハイパーリンクを追加するのと同じように、Markdownに画像を追加できます。感嘆符から始めます。この後、画像の代替テキスト(オプション)を含む角かっこを配置し、最後に画像のURLを括弧で囲みます。

例えば:

![WhatsApp to Telegram](https://static0.makeuseofimages.com/wordpress/wp-content/uploads/2021/01/How-to-Move-WhatsApp-Chats-History-to-Telegram.png)

結果は次のようになります。

引用符とコードブロック

ブロック引用符の場合は、テキストの前に大なり記号を付けます。これは次のようになります。

> 'I think that computers are awesome!'

結果のテキストは次のとおりです。

「コンピューターは素晴らしいと思います!」

書式設定済みのコードブロックを使用してテキストを表示どおりに保持する場合は、アクサングラーブマークを使用します( タブ キーボードのキー)このように:

`See how the **Markdown** formatting *doesn't* apply in a code block?`

その結果、次のようになります。

See how the **Markdown** formatting *doesn't* apply in a code block?

エスケープ文字とインラインタグ

時々、Markdownフォーマット文字はあなたが書き込もうとしているものを妨げるかもしれません。たとえば、「*真剣に*」と記述して、実際にアスタリスクを表示したい場合があります。

venmoの支払いをキャンセルする方法

このような場合、バックスラッシュを使用する必要があります。これは、 エスケープ文字 。文字の後ろに円記号を置くと、Markdownはそれをフォーマットとして解釈するのではなく、それを表示します。これがイラストです:

- This is *seriously* good work.
- This is *seriously* good work.

次のように表示されます:

  • これは 真剣に よくできました。
  • これは*真剣に*良い仕事です。

構文が見つからないMarkdownで書きたいものがある場合は、MarkdownテキストでいつでもHTMLタグを使用できます。たとえば、Markdownには下線を引くためのフォーマットがありません。これは、今日のWebではあまり使用されていないためです。それでも何らかの理由でテキストに下線を付けたい場合は、次を使用できます。

This is an underlined word.

そして、あなたは得るでしょう:

これは下線付きの単語です。

さらにMarkdownのヘルプが必要な場合は、 マークダウンガイド 優れたリソースです。

Markdownエディターで簡単に作成できます

Markdownの基本を見てきたので、実際にどのようにMarkdownに書き始めますか? Markdownは単なるプレーンテキストであるため、メモ帳などの任意のテキストエディタで書き込むことができます。でファイルを保存します .MD 適切なMarkdownファイルを作成するためのファイル拡張子。

ただし、最高のエクスペリエンスを得るには、Markdown用に構築されたライティングアプリを使用する必要があります。これらには、キーボードショートカット、カスタマイズ可能なテーマ、プレビューペインなどの機能が含まれているため、ドキュメントがWeb上でどのように表示されるかを正確に確認できます。重要なことに、Markdownエディターでは、MarkdownドキュメントをHTMLとしてエクスポートして、簡単にエクスポートすることもできます。

Markdownを使い始めたばかりの場合は、次のいずれかを試してください。 最高のオンラインMarkdownエディター 初め。デスクトップのMarkdownエディターを試す準備ができたら、以下をご覧ください。 Typoraが最高のMarkdownエディターである理由

あなたが作家でなくても、Markdownは他の多くの場所でも役に立ちます。これは、GitHubのようなプログラミング環境で一般的であり、命令を含むReadMeファイルをフォーマットするために使用されます。また、Slack、Telegram、Redditなど、多くのメッセンジャーアプリやフォーラムでも使用されています。

オンラインで書くためのマスターマークダウン

あなたが頻繁にウェブのために書くなら、Markdownは学ぶ価値があります。あらゆる場所で使用されており、特定のアプリに関連付けられておらず、HTMLにきれいにエクスポートされ、読みやすいです。 Markdown固有のエディターには、必要なものがすべて含まれ、不要なものが削除されるため、ワードプロセッサーよりもこの種の書き込みに適しています。

私はMarkdownを使ってMUOの記事を何年も書いてきましたが、他のものを使うことは想像できません。途中で役立つように、印刷可能なMarkdownチートシートを参照として使用してみませんか?

共有 共有 つぶやき Eメール 初心者と専門家のための印刷可能なマークダウンチートシート

この印刷可能なMarkdownチートシートは、Markdownフォーマットについて知っておく必要のあるすべてを一目で提供します。手元に置いて、二度と混乱しないようにしてください。

次を読む
関連トピック
  • インターネット
  • テクノロジーの説明
  • マークダウン
著者について ベン・ステグナー(1735件の記事が公開されました)

ベンは、MakeUseOfの副編集長およびオンボーディングマネージャーです。彼は2016年にフルタイムで執筆するためにITの仕事を辞め、振り返ることはありませんでした。彼は7年以上にわたり、プロのライターとして技術チュートリアルやビデオゲームの推奨事項などを扱ってきました。

ベンステグナーのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください