ScrapBook

オンラインメモサービス

logo
このエントリーをはてなブックマークに追加 Tweet

ScrapBookとは?

会員登録不要の無料オンラインメモサービスです。

URLアドレスを自由に決めてブラウザでメモとして使えます。

使い方

IDを決める

当サイトのURLの末尾にIDを決めて移動します。

IDは6文字以上~200文字以内まで可能です。

日本語、記号OK

英字の大文字、小文字は別扱いになります。

ただし、以下の記号は例外の扱いになるので使用を推奨致しません。

  1. 「#」を入れた際は「#」以降無視されます。
  2. 「?」を入れた際は「?」以降無視されます。
例:http://scrap.php.xdomain.jp/memo/hogehoge
http://scrap.php.xdomain.jp/memo/

編集

  1. ページに移動した時点でメモ内容が表示されています。
  2. ページ上部の編集ボタンを押すと編集モードになります。
  3. [Markdown記法を使用]にチェックを付けるとMarkdown記法が使用可能になります。Markdown有効な記法は下部に記載されています。
  4. 保存を押すと編集内容が保存されます。
  5. 編集内容を破棄する場合はリセットしてください。

注意事項

開発者ブログ

ブログの宣伝をさせていただきます。

もし何か要望などがございましたら、ScrapBookの紹介ページにコメントを頂けるとありがたいです。

http:/ logo

使用できるMarkdown記法の説明

文書を記述するための軽量マークアップ言語のひとつです。Markdowonを使ってメモをデザインすることが可能となっています。

参考URL

使用しているライブラリの公式ページです。英語のため注意してください。

https://michelf.ca/projects/php-markdown/extra/

個人ブログで上記のページを日本語翻訳してくれています。

http://hibara.org/blog/2013/03/11/php-markdown-extra-jp/

HTML

以下のHTMLは使用可能です。

他にもいくつかのタグが動くことを確認致しましたが、推奨しないので記載致しません。

※タグの閉じ忘れなどがありますと、正しく表示できなくなることがありますのでご注意ください。

各種見出し

# 見出し-h1
## 見出し-h2
### 見出し-h3
#### 見出し-h4
##### 見出し-h5
###### 見出し-h6

見出し-h1

見出し-h2

見出し-h3

見出し-h4

見出し-h5
見出し-h6

ID付き見出し

#ID付き{#header1}
[指定IDに戻ります](#header1)

ID付き

指定IDに戻ります

水平線

ハイフン
---
アスタリスク
***
アンダーバー
___

ハイフン


アスタリスク


アンダーバー


強調

*italic*

_italic_

**bold**

__bold__

***italic bold***

___italic bold___

italic

italic

bold

bold

italic bold

italic bold

引用

> 引用1
>> 引用2
>>> 引用3

引用1

引用2

引用3

ソース表示

グレイブ・アクセントで囲む (キーボードならShiftキー + @キー)

`一行ソース`

結果 一行ソース

半角スペース4つでソースコード表示になります。

    1行目
    2行目
    3行目

結果

1行目
2行目
3行目

箇条書き

+ 箇条書き1
+ 箇条書き2
+ 箇条書き3

- 箇条書き1
- 箇条書き2
- 箇条書き3

リスト

※「半角数字.」で上から順番に番号が付きます。そのため全て1でも採番されます。

1. リスト1
1. リスト2
1. リスト3
  1. リスト1
  2. リスト2
  3. リスト3

定義

定義
: 定義内容
定義
定義内容

テーブル

|左寄せ     | 中央寄せ      | 右寄せ  |
|:----------|:-------------:|--------:|
|A          | A             | A       |
|B          | B             | B       |
左寄せ 中央寄せ 右寄せ
A A A
B B B

左端と右端の|は省略可能です。 -の数、空白などは合わせなくても大丈夫です。

リンク

単純リンク

URL:<http://scrap.php.xdomain.jp/memo/>
メール:<hoge@hoge.com>

URL:http://scrap.php.xdomain.jp/memo/

メール:hoge@hoge.com

別名リンク

リンクに別名とタイトルを付けることが可能。 タイトルについては省略可能です。

[リンク名](url "リンクタイトル")
[ScrapBook](http://scrap.php.xdomain.jp/memo/ "オンラインメモサービス")

ScrapBook

参照リンク

リンクのURLを別に書き出して参照することが可能です。

主な検索エンジンは[グーグル][1]を主力エンジンとして[Yahoo!JAPAN][2]や[MSN][3]等があります。

[1]: http://google.com/ "Google"
[2]: http://www.yahoo.co.jp/ "Yahoo!Japan"
[3]: http://jp.msn.com/ "MSN"

主な検索エンジンはグーグルを主力エンジンとしてYahoo!JAPANMSN等があります。

画像

単純表示

画像を単純出力します。

![代替文字列](URL)
![代替文字列](URL "タイトル")
![ロゴ](http://scrap.php.xdomain.jp/memo/scrapbook.png"ロゴ画像")

ロゴ ロゴ

リンク画像

リンク付きの画像

[![ロゴ](http://scrap.php.xdomain.jp/memo/scrapbook.png)](http://scrap.php.xdomain.jp/memo/)

ロゴ

参照画像

画像のURLを別に書き出して参照することが可能です。

![ロゴ][1]
[1]:http://scrap.php.xdomain.jp/memo/scrapbook.png

ロゴ

省略表記

単語の説明、略語の説明の際に使います。

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

そのHTMLタグの仕様は、
W3Cによって管理されています。

そのHTMLタグの仕様は、 W3Cによって管理されています。

エスケープ

バックスラッシュを付けるとエスケープされますので、Markdown記法で使用される文字列をエスケープされます。

\#の表示

#の表示

脚注

脚注1を付けることが出来ます。


  1. 脚注を文中につけると脚注が文末に作成されリンクが付与されます。 ↩︎