atwiki-logo
  • 新規作成
    • 新規ページ作成
    • 新規ページ作成(その他)
      • このページをコピーして新規ページ作成
      • このウィキ内の別ページをコピーして新規ページ作成
      • このページの子ページを作成
    • 新規ウィキ作成
  • 編集
    • ページ編集
    • ページ編集(簡易版)
    • ページ名変更
    • メニュー非表示でページ編集
    • ページの閲覧/編集権限変更
    • ページの編集モード変更
    • このページにファイルをアップロード
    • メニューを編集
    • 右メニューを編集
  • バージョン管理
    • 最新版変更点(差分)
    • 編集履歴(バックアップ)
    • アップロードファイル履歴
    • ページ操作履歴
  • ページ一覧
    • ページ一覧
    • このウィキのタグ一覧
    • このウィキのタグ(更新順)
    • おまかせページ移動
  • RSS
    • このウィキの更新情報RSS
    • このウィキ新着ページRSS
  • ヘルプ
    • ご利用ガイド
    • Wiki初心者向けガイド(基本操作)
    • このウィキの管理者に連絡
    • 運営会社に連絡(不具合、障害など)
こあっとwiki
  • ウィキ募集バナー
  • 目安箱バナー
  • 操作ガイド
  • 新規作成
  • 編集する
  • 全ページ一覧
  • 登録/ログイン
ページ一覧
こあっとwiki
  • ウィキ募集バナー
  • 目安箱バナー
  • 操作ガイド
  • 新規作成
  • 編集する
  • 全ページ一覧
  • 登録/ログイン
ページ一覧
こあっとwiki
  • 新規作成
  • 編集する
  • 登録/ログイン
  • 管理メニュー
管理メニュー
  • 新規作成
    • 新規ページ作成
    • 新規ページ作成(その他)
      • このページをコピーして新規ページ作成
      • このウィキ内の別ページをコピーして新規ページ作成
      • このページの子ページを作成
    • 新規ウィキ作成
  • 編集
    • ページ編集
    • ページ編集(簡易版)
    • ページ名変更
    • メニュー非表示でページ編集
    • ページの閲覧/編集権限変更
    • ページの編集モード変更
    • このページにファイルをアップロード
    • メニューを編集
    • 右メニューを編集
  • バージョン管理
    • 最新版変更点(差分)
    • 編集履歴(バックアップ)
    • アップロードファイル履歴
    • ページ操作履歴
  • ページ一覧
    • このウィキの全ページ一覧
    • このウィキのタグ一覧
    • このウィキのタグ一覧(更新順)
    • このページの全コメント一覧
    • このウィキの全コメント一覧
    • おまかせページ移動
  • RSS
    • このwikiの更新情報RSS
    • このwikiの新着ページRSS
  • ヘルプ
    • ご利用ガイド
    • Wiki初心者向けガイド(基本操作)
    • このウィキの管理者に連絡
    • 運営会社に連絡する(不具合、障害など)
  • atwiki
  • こあっとwiki
  • Markdown記法について(@Wikiの入力モード概説①)

こあっとwiki

Markdown記法について(@Wikiの入力モード概説①)

最終更新:2021年03月17日 23:57

mayabunmei

- view
だれでも歓迎! 編集

今回はこあ氏の要請を受けて、そこそこ真面目にMarkdown記法に関する情報をまとめてみる。 おもしろに直接貢献せずとも、後に生まれるおもしろの一助となれば幸いである。

「Markdown記法」とは?

まず、「Markdown記法」とは何か。 ITという分野が発足してから最初に生まれた『データで文字を書く』手法は、HTMLであると言っていいだろう。というか、それ以前まで辿っていたら紙幅が足りない。

ともかくHTML(Hyper Text Markup Language)というのは基本的にハイパーテキスト、つまり『リンクを作る』ことを主目的として作られた言語である。資料Aから資料Bに飛びたい、という願望を叶えるべく生み出された。

なので基本的に見た目がシンプルだ。だからそれに後付けで見た目を整える仕組みがその後に生まれた。それがCSS(Cascading Style Sheets)である。

どちらもいわゆるプログラミングっぽいことをして書いていくわけだが、これが面倒くさい。細かい仕様とかまで考えたくない。打つのもだるい。

そういう怠惰な発想から生まれたのが「Markdown記法」である。 HTMLはハイパーテキストマークアップランゲージであり、マークアップに対するマークダウンというわけだ。MarkdownはHTMLを簡単に扱えるだけのものなので、言語ではない。なので「記法」である。まぁ、いいねボタンで感情を5種類選べるようなもんだと思えばいい。大雑把だが、楽だ。

他にもいくつか書き方があり、Wikipediaなんかにも実装されているが、それらは全部『一番楽なやり方で書いてね』というサービス側の善意のパターンである。客を取り込む手段が多様とも言う。

Markdown記法の使い方

日本では無料ブログサービス全盛期にこいつがよく使われ始めたのではないかと思う。個人ブログはHTMLでみんな頑張って書いていたのだが、大手企業がブログサービスを提供し始めると、『見出し』とか『太字』とかを選ぶだけで勝手に大文字とかにしてくれるようになった。

これがMarkdown記法だ。

例えば今、この記事では編集画面の左上から『中見出し(h3)』を選ぶとオレンジの端ライン、黒い背景、白い大文字の中見出しが生成されるのでそれを使っている。編集画面では『##』が左端に表示される。

太字を押せばこうなる。編集画面では『**』が左右に二つづつくっつく。

Markdown記法は要するに、翻訳しているのだ。HTMLでは

太字強調

とか書くことで、太字や強調の意味になる。

それをMarkdown記法ではやを『**』に相互翻訳して、見た目上扱いやすくしている。

内部の処理は同じだ。(ちなみに↑でフォントがシンプルになっているのは、xmpというタグを使ってタグの効果を打ち消すことで、boldタグをそのまま表示させているからだったりする。じゃないと太字効果がついてしまう)

参考資料集

こあの要請によれば、Quiitaとかの情報をまとめてくれるだけでも助かるらしい。そもそもMarkdown記法って感覚的に扱うためのものでボタン押すだけでいいので、私もヤフブロだのはてなブログだのを渡り歩く間になんとなく身に着けたのだが……。

まぁ、とりあえず参考リンクをまとめてみる。

  • Markdown記法 サンプル集

要約:実例が多くて大変見やすい。とりあえず使い方をなんとなく覚えたいなら、これだけ見ればいいんじゃなかろうか。

覚えてしまえばすごく楽!Markdown記法を使ってみよう

  • 要約:リスト化されていて一覧的に把握しやすい。

【マークダウン記法とは?】マークダウンの書き方を網羅的に解説

  • 要約:上で話したようなことを長々と書いてある。

Markdown記法 チートシート

  • 要約:前半は読むのがめんどくさいが、中盤辺りで具体的な例が書いてある。HTML版の書き方とMarkdown版の書き方が併記されていたりもする。正直見辛いが、必要な情報は探せば全部ありそうだ。

まとめ

  • Markdown記法はHTMLを直感的に使いやすくしたもの
  • 今時のブログとかには大体色んなパターンで似たようなのが搭載されてる
  • 具体的な使用例は参考資料集を参照
  • ノリと勢いでいける、成せば成る

管理者追記:こちらもご参照ください

「Markdown記法について(@Wikiの入力モード概説①)」をウィキ内検索
LINE
シェア
Tweet
こあっとwiki
記事メニュー
  • こあ小説
  • こあタイムズ活動・事件記録
  • データ集
  • 学問・調査系
  • 料理
  • 技術関連
  • ライフハック
  • その他

こあ小説 シノクノ
ムニキス

こあタイムズ活動・事件記録 厳密コンテスト
こあ小説読み手計画
浟浟浟浟サルモネラ事件

データ集 ガーメイル
金麦糖質75%オフ
集合知
単語辞典

学問・調査系 宇宙語(宇和辞書)
宇宙語(和宇辞書)
下ネタ

料理 美味しいカレーの作り方
卵かけご飯
猫ラーメンについて
パリパリ汎野のジューシーチキンカツカレーお寿司

技術関連 HTMLタグ使用方法
CSSいじってみる
Java講座① -Progateをやれ編-
試しに作った記事
プラグインを試す
Markdown記法について

ライフハック 炎上プチまとめ失敗から学ぶライフハック
この世界を生きづらく感じている人へ向けたライフハック
コロナが明けたらやりたいこと
セレブママが教える魔法のライフハック
先人に学べ 〜学生生活を生き残るためのライフハック〜
卒業式で人を泣かせる方法

その他 悪夢日記
ありがとうございます
在りし日の黒歴史
歩いて四国横断した時の話
うーぱーるーぱー観測棟
虚無
黒タイツ呼称戦争
こころことば
スタンプだけで会話する:実験結果
テスト(大学)

記事メニュー2

更新履歴

取得中です。


ここを編集
最近更新されたページ
  • 1420日前

    シングルマザー記録
  • 1424日前

    こあ小説読み手計画
  • 1432日前

    単語辞典
  • 1499日前

    目次
  • 1502日前

    集合知
  • 1515日前

    黒タイツ呼称戦争
  • 1517日前

    こころことば(多分真面目にやる予定?)
  • 1522日前

    プラグインを試す
  • 1527日前

    Java講座① -Progateをやれ編-
  • 1530日前

    CSSいじってみる
もっと見る
最近更新されたページ
  • 1420日前

    シングルマザー記録
  • 1424日前

    こあ小説読み手計画
  • 1432日前

    単語辞典
  • 1499日前

    目次
  • 1502日前

    集合知
  • 1515日前

    黒タイツ呼称戦争
  • 1517日前

    こころことば(多分真面目にやる予定?)
  • 1522日前

    プラグインを試す
  • 1527日前

    Java講座① -Progateをやれ編-
  • 1530日前

    CSSいじってみる
もっと見る
ウィキ募集バナー
新規Wikiランキング

最近作成されたWikiのアクセスランキングです。見るだけでなく加筆してみよう!

  1. R.E.P.O. 日本語解説Wiki
  2. VCR GTA3まとめウィキ
  3. ガンダムGQuuuuuuX 乃木坂46部@wiki
  4. SYNDUALITY Echo of Ada 攻略 ウィキ
  5. シュガードール情報まとめウィキ
  6. ありふれた職業で世界最強 リベリオンソウル @ ウィキ
  7. ドタバタ王子くん攻略サイト
  8. STAR WARS ジェダイ:サバイバー攻略 @ ウィキ
  9. 機動戦士ガンダム EXTREME VS.2 INFINITEBOOST wiki
  10. パズル&コンクエスト(Puzzles&Conquest)攻略Wiki
もっと見る
人気Wikiランキング

atwikiでよく見られているWikiのランキングです。新しい情報を発見してみよう!

  1. アニヲタWiki(仮)
  2. ストグラ まとめ @ウィキ
  3. ゲームカタログ@Wiki ~名作からクソゲーまで~
  4. 初音ミク Wiki
  5. 検索してはいけない言葉 @ ウィキ
  6. 機動戦士ガンダム バトルオペレーション2攻略Wiki 3rd Season
  7. Grand Theft Auto V(グランドセフトオート5)GTA5 & GTAオンライン 情報・攻略wiki
  8. oblivion xbox360 Wiki
  9. モンスター烈伝オレカバトル2@wiki
  10. 発車メロディーwiki
もっと見る
全体ページランキング

最近アクセスの多かったページランキングです。話題のページを見に行こう!

  1. 無馬 かな - ストグラ まとめ @ウィキ
  2. 鬼野 ねね - ストグラ まとめ @ウィキ
  3. 参加者一覧 - ストグラ まとめ @ウィキ
  4. Back Alley - ストグラ まとめ @ウィキ
  5. Famos Gray - ストグラ まとめ @ウィキ
  6. 魔獣トゲイラ - バトルロイヤルR+α ファンフィクション(二次創作など)総合wiki
  7. ムーチョ 文岡 - ストグラ まとめ @ウィキ
  8. FadeGate - ストグラ まとめ @ウィキ
  9. 鬼レンチャン(レベル順) - 鬼レンチャンWiki
  10. 町田 ジョアンナ - ストグラ まとめ @ウィキ
もっと見る

  • このWikiのTOPへ
  • 全ページ一覧
  • アットウィキTOP
  • 利用規約
  • プライバシーポリシー

2019 AtWiki, Inc.