|
Revision 8282, 2.4 kB
(checked in by haruka, 5 years ago)
|
|
/javascript/abookmarkletsfarm: add document.
|
| Rev | Line | |
|---|
| [8282] | 1 | = "a bookmarklets farm" = |
|---|
| 2 | |
|---|
| 3 | ブックマークレット開発環境です。 |
|---|
| 4 | |
|---|
| 5 | |
|---|
| 6 | == 特徴 == |
|---|
| 7 | |
|---|
| 8 | * 普段使っている、お好みのエディタで開発できる(最重要!!) |
|---|
| 9 | * 1ファイルのHTML(+Javascript)で開発環境が完結している |
|---|
| 10 | * 読みやすさ優先, 可逆である事優先, サイズの小ささ優先 の3つの基準でブックマークレットを出力できる |
|---|
| 11 | * 作成したブックマークレットをまとめてHTMLにパブリッシュできる |
|---|
| 12 | * 対応ブラウザは主に Firefox 。 IE でも程々に利用可能 |
|---|
| 13 | |
|---|
| 14 | |
|---|
| 15 | == 使い方 == |
|---|
| 16 | |
|---|
| 17 | === 作成とテスト === |
|---|
| 18 | |
|---|
| 19 | 以下の手順でブックマークレットの作成を行う事ができます |
|---|
| 20 | |
|---|
| 21 | * bookmarklets.html をローカルにダウンロードする |
|---|
| 22 | * bookmarklets.html をエディタで開いて、「ブックマークレットの雛形」を探す |
|---|
| 23 | * 「ブックマークレットの雛形」をファイル中の好きな場所に複製し、複製した雛形の h2, p, script ブロックを編集して自分のブックマークレットを作成する |
|---|
| 24 | * ブラウザで bookmarklets.html を開く |
|---|
| 25 | * この時点で、作成したブックマークレットに構文エラーがあればブラウザのエラーコンソールにエラーが表示される |
|---|
| 26 | * 以下の方法で、作成したブックマークレットのテストを行う |
|---|
| 27 | * "このページで : 実行してエラーチェック" をクリックする |
|---|
| 28 | * 右クリックでコピーして他のウインドウのロケーションバーに貼り付ける |
|---|
| 29 | * 不具合があったらエディタに戻ってスクリプトを編集し、ブラウザの bookmarklets.html をリロードして再度テスト |
|---|
| 30 | |
|---|
| 31 | === デプロイとパブリッシュ === |
|---|
| 32 | |
|---|
| 33 | 以下のどれかの方法でデプロイ、パブリッシュできます |
|---|
| 34 | |
|---|
| 35 | * "短いブックマークレット" をブックマークに登録 |
|---|
| 36 | * "短いブックマークレットのaタグソース" を自分のWebページに貼り付ける |
|---|
| 37 | * ページ下部の "Publish Bookmarklets" をクリックすると bookmarklets.html に含まれるブックマークレットを全てHTMLに書き出しできる |
|---|
| 38 | * 書き出す a タグに共通の属性を設定可能 |
|---|
| 39 | * デフォルトでは、左クリック時に「右クリックで[お気に入り]に登録して使ってください」というアラートを出している |
|---|
| 40 | |
|---|
| 41 | |
|---|
| 42 | Copyright (C) 2008 Archinet inc. / Haruka Kataoka |
|---|
| 43 | |
|---|
| 44 | |
|---|