読者です 読者をやめる 読者になる 読者になる

はてな記法のテスト

はてなブログはてな記法の対応度を調査するためのテスト投稿です。テストに使用した各種記法は はてな記法 基礎文法最速マスター - Life like a clown にて纏めています。

1. 基礎

プレーンテキスト
><p>
この中では,改行しても pタグは挿入されない.<br />
勘違いしてたけど,それ以外のはてな記法は使用できる模様.<br />
例えば,[http://d.hatena.ne.jp/tt_clown/] はリンクが設定される.
</p><

この中では,改行しても pタグは挿入されない.
勘違いしてたけど,それ以外のはてな記法は使用できる模様.
例えば,http://d.hatena.ne.jp/tt_clown/ はリンクが設定される.

コメント
<!-- コメント -->
文字列装飾
<!-- 太字強調 -->
<strong>太字</strong>

<!-- 斜体強調 -->
<em>斜体とか読みにくいんです</em>

<!-- 取り消し線 -->
<del>取り消し線の中に本心を書くメソッド</del>

太字

斜体とか読みにくいんです

取り消し線の中に本心を書くメソッド

数式
<!-- 詳細は,はてな記法と言うよりは TeX を参照 -->
[tex:x^2 + y^2 = z^2]
[tex:e^{i\pi} = -1]
[tex:\frac{1}{x} + \frac{1}{y} = \frac{1}{z}]

x^2 + y^2 = z^2
e^{i\pi} = -1
\frac{1}{x} + \frac{1}{y} = \frac{1}{z}

脚注
いまから大切なお話をします((が,いろいろと前置きが長いので脚注に前置きをだらだらと書きます.
ちなみに,脚注は読み飛ばされる可能性も高くなります.脚注に記述するか,()書きで本文中に
直接記述するかは,記述する中身によって使い分ける必要があります.)).以下略.

いまから大切なお話をします*1.以下略.

2. 見出し

はてな記法では,3 段階の見出し記法が用意されています*2

* 見出し
** 小見出し
*** 小々見出し

小見出し

小々見出し

3. リンク

Web ページへのリンク
<!-- http://d.hatena.ne.jp/ と表示 -->
[http://d.hatena.ne.jp/]

<!-- リンク先のタイトルを表示 -->
[http://d.hatena.ne.jp/:title]

<!-- 「はてな」と表示 -->
[http://d.hatena.ne.jp/:title=はてな]

<!-- リンク先の被ブクマ数を表示 -->
[http://d.hatena.ne.jp/:bookmark]

<!-- リンク先のタイトルと被ブクマ数を表示 -->
[http://d.hatena.ne.jp/:title:bookmark]

<!-- 文字列の代わりにリンク先のスクリーンショットを表示 -->
[http://d.hatena.ne.jp/:image]

<!-- イメージオプションは未対応? -->
[http://d.hatena.ne.jp/:image:large]

<!-- google 記法 -->
[google:tt_clown]

<!-- amazon 記法 -->
[amazon:4894712288]

<!-- Wikipedia 記法 -->
[wikipedia:プログラミング_(コンピュータ)]

<!-- twitter 記法 -->
twitter:208221877091569664:detail

http://d.hatena.ne.jp/

ブログなら「はてなダイアリー」 - 写真・画像・動画付き日記を無料で

はてな

ブログなら「はてなダイアリー」 - 写真・画像・動画付き日記を無料で

screenshot

http://d.hatena.ne.jp/:image:large

google:tt_clown

amazon:4894712288

wikipedia:プログラミング_(コンピュータ)

はてなサービス内リンク
<!-- http://blog.hatena.ne.jp/tt_clown/ へリンク -->
id:tt_clown

<!-- http://d.hatena.ne.jp/tt_clown/ へリンク -->
d:id:tt_clown

<!-- http://b.hatena.ne.jp/tt_clown/ へリンク -->
b:id:tt_clown

<!-- http://hatena.g.hatena.ne.jp/hatena/ へのリンク -->
g:hatena:id:hatena

id:tt_clown

d:id:tt_clown

b:id:tt_clown

a:id:hatena

自動リンク停止
<!-- http://d.hatena.ne.jp/tt_clown/ へのリンクを設定しない. -->
[]http://d.hatena.ne.jp/tt_clown/[]

<!-- リンクを設定せずに,[http://d.hatena.ne.jp/tt_clown/] と表示する.-->
[][http://d.hatena.ne.jp/tt_clown/][]

<!-- id 記法を用いてもリンクを設定しない -->
[]id:tt_clown[]

<!-- 意図しないキーワードへのリンクが設定された場合に無効化する -->
[]キーワード[]

http://d.hatena.ne.jp/tt_clown/

[http://d.hatena.ne.jp/tt_clown/]

id:tt_clown

キーワード

4. マルチメディア

画像の表示
<!-- はてなフォトライフにアップロードした画像を表示させる場合 -->
f:id:tt_clown:20100205141507p:image

<!-- 画像の URI を直接指定して表示させる場合 -->
[http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg:image]

<!-- 表示する画像の大きさを調節する場合 -->
[http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg:image:h50]
[http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg:image:w150]

f:id:tt_clown:20100205141507p:image

http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg

http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg:image:h50
http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg:image:w150

動画の表示
<!-- movie オプションを用いて再生プレーヤーを表示する -->
[http://www.youtube.com/watch?v=revlrzqZoW4:movie]
[http://www.nicovideo.jp/watch/sm1128042:movie]

<!-- 再生プレーヤーの大きさを指定する場合 -->
[http://www.youtube.com/watch?v=revlrzqZoW4:movie:w300]
[http://www.youtube.com/watch?v=revlrzqZoW4:movie:h100]
[http://www.youtube.com/watch?v=revlrzqZoW4:movie:small]

<!-- ニコニコ動画専用 -->
[niconico:sm500873]




D

音楽の再生プレーヤーの表示
<!-- 公式からコピペしたので何の音楽が流れるのか知りません -->
[http://hatena.g.hatena.ne.jp/files/hatena/3ab34c9ad414e964.mp3:sound]

Download

5. 整形済みテキストブロック

pre記法
pre記法の場合,HTML タグはてな記法は展開されてしまう.
スーパー pre 記法
<!-- スーパー pre 記法 -->
スーパーpre記法の場合,<strong>HTML タグ</strong>や
[][http://d.hatena.ne.jp/tt_clown:title=はてな記法][]は展開されずにそのまま出力される.
シンタックス・ハイライト
#include <iostream>

int main(int argc, char* argv[]) {
    std::cout << "Hello, hatena world!" << std::endl;
    reutrn 0;
}

6. 引用ブロック

<!-- 引用ブロック -->

>http://d.hatena.ne.jp/tt_clown/20100205/1265350752:title:bookmark>
当初,自分で何かを書く気はなかったのですが,ブックマークコメントを見ていると「はてな的にはやっぱりこれか,これなのか・・・?」と言う気がしたので書きました.Wiki 記法をある程度知っている人は,これを読めばはてな記法の基礎をマスターしてはてなー?になることができるようになっています.また,簡易リファレンスとしても利用できます.
<<

当初,自分で何かを書く気はなかったのですが,ブックマークコメントを見ていると「はてな的にはやっぱりこれか,これなのか・・・?」と言う気がしたので書きました.Wiki 記法をある程度知っている人は,これを読めばはてな記法の基礎をマスターしてはてなー?になることができるようになっています.また,簡易リファレンスとしても利用できます.

はてな記法 基礎文法最速マスター - Life like a clown

7. 表組み

<!-- 公式のコピペ -->
|*名前|*色|*個数|
|りんご|赤|1|
|みかん|だいだい|2|


名前 個数
りんご 1
みかん だいだい 2

8. リスト

<!-- 階層が異なれば + と - を混在させる事ができる -->
+ ぶどう
-- 巨峰
-- マスカット
+ もも
-- すもも

<!-- どこまでネストできるのかな・・・ -->
- もも
-- すもも
--- すももも
---- すもももも
----- すももももも

<!-- 定義リストは別扱い? -->
:はてな:変な人がいるところ><
:2ちゃんねる:とにかく怖い人がいるところ><;
:mixi:楽しい人がいるところ^-^
  1. ぶどう
    • 巨峰
    • マスカット
  2. もも
    • すもも
  • もも
    • すもも
      • すももも
        • すもももも
          • すももももも
はてな
変な人がいるところ><
2ちゃんねる
とにかく怖い人がいるところ><;
mixi
楽しい人がいるところ^-^

9. 続きを読む記法

<!-- 続きを読む記法 -->
以上.
====
補足.

<!-- これは表示される -->
*見出し2
<!-- スーパー続きを読む記法 -->
以上.
=====
補足.

<!-- これも隠れる -->
*見出し2

以上.

続きを読む記法は未実装らしい(参考:それでも、はてなブログに引っ越せない理由 - そっと、はてなブログ

10. ウクレレ記法

そんなの知りません.

*1:が,いろいろと前置きが長いので脚注に前置きをだらだらと書きます. ちなみに,脚注は読み飛ばされる可能性も高くなります.脚注に記述するか,()書きで本文中に 直接記述するかは,記述する中身によって使い分ける必要があります.

*2:見出しのテストは省略