普通のサラリーマンのiPhone日記iPhoneに魅せられた普通のサラリーマンの日々の生活を綴ってます。Bookmarkletをいじり、再びBookmarkletにする。これって割と大変なんですが、私はいつも以下の3つのツールを使ってます。maker何でこれらのツールが必要なのか?実はBookmarkletは、改行の無い1行で表現され、すごく見通しが悪い。加えて、2バイト文字は「URLエンコード」されてしまい、見ただけでは何が書かれてるか意味が分からん。私はいつも、この暗号みたいなBookmarkletを見通し良い形に整形し、編集した後に、再びBookmarkletにしてるんです...。実際にやってみましょう。URLエンコードされた日本語を元に戻す「URLエンコード」の例を見てみます。「【」という2バイト文字は「URLエンコード」されると「%E3%80%90」になり、「】」という文字は「%E3%80%91」になります。「%」で始まる文字に変換されるのです。URLエンコードされた文字を元に戻す行為を「URLデコード」と言います。他にもURLデコードしてくれるサイトがあるんですが、正確に変換してくれたのがココでした。ちなみに従来版とかFirefoxの検索バーの版は、私の環境だとうまく動きませんでした。「文字列を入力して下さい。」のところにBookmarklet本体をペーストし、モードを「デコード」文字コードを「UTF-8」にして送信を押す。するとURLデコードされたBookmarkletが出てきます。確かに「【」とか「】」とかに戻ってます。このデコード結果をブラウザ上でコピーしときます。Bookmarkletを整形する次にBookmarkletを整形します。beautifier」を開きます。他にも整形してくれるサイトがあるんですが、一番良かったのがココでした。さっきコピーしたBookmarkletをペーストする。「Beautify」を押すとBookmarkletに適切な改行が入り見やすくなる。整形されたBookmarkletを再び再びコピーする。編集して再びBookmarkletにする最後Bookmarklet化してくれるサイト。maker」を開きます。他にもBookmarklet化してくれるサイトがあるんですが、お手軽だったのがココでした。さっきコピーした整形されたBookmarkletをペーストする。これだけ整形されてれば、例えば「AppHtml」のBookmarkletだとテンプレートのファイル名を変えたりするのも楽にできます。逆に整形されてないと探すのは大変っす。編集が終わったら、一番下に「bookmarklet」と書かれたリンクがあるんで右クリでリンクURLをコピーする。これで新しいBookmarkletがクリップボードに入る。最後にブックマーク内のBookmarkletを置き換える。他の皆さんはどうやってるんだろう...。Posts:【近況】Bookmarkletを見直してます...。iPhoneに関する、はてなブックマーク新着情報です。普通のサラリーマンのiPhone日記@hiro45jp兄貴のエントリー!大いに参考にさせてもらいました。RSS検索このサイトについて普通のサラリーマンの普通なiPhone日記です。アプリの感想とかiPhoneを使うことで加わった習慣など気の向くままに記録してみようと思います。最近、はてなからWordpressに引っ越しました。iPhoneに最適化されたBlogを作りたかったので...。TwitterのIDはhiro45jpです。お気軽にFollow/Removeして下さいな。【近況】Bookmarkletを見直してます...。本日朝、開発チームより対応完了したとの報告を受けました。お手数ですが、再度試して頂ければと思います。今後とも宜しくお願いします。詳細なご説明ありがとうございます。本件、既にチーム内で情報を共有し、対処に向けて動き出しています。ご不便をおかけしますが、少々お待ち下さいまし。今後とも変なところがあれば、ご指摘お願いします。