bit.ly短縮URLリンク作成ブックマークレット

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

@sta7ka さんがつぶやいていたので作ってみました。

bit.ly API による URL の短縮は Yahoo! Pipes で実装しています。bit.ly の API キーは秘密にしておいた方がよさそうだからです。

使用手順

  1. こちらのパイプをコピーしてください。
  2. パイプをコピーしたら、bit.ly のログインIDとAPIキーを Private String モジュールに入力してください。bitly_login+apiKey.jpg
  3. ブックマークレットをブックマークしてください。
  4. ブックマークレット内の「p = 'PIPES’」の部分をコピーしたパイプのURLに置換してください。
  5. ブックマークレットを実行すると、リンクテキストが表示されます。linkResult.jpg

結果はこんな感じになります。→ Happy-Go-Lucky

パイプはこれをコピーして少しだけ弄っただけですけどね( ̄ー ̄)ニヤリ

[Pipes] Yahoo! Pipes講座05受講 - 腑に落ちない些細な点

このエントリーをはてなブックマークに追加 Pocket
[Pipes] Yahoo! Pipes講座05(ItemBuilder) | 普通のサラリーマンのiPhone日記

受講しました。04まではすんなりいったのですが、以下の部分で腑に落ちない点があるのです。

上記がiTunesリンク。ここに以下の変換を噛ませてみる。

「% → %25」「 → %20」「” → %22」「& → %26」「’ → %27」「/ → %2F」「? → %3F」「\ → %5C」「: → %3A」「= → %3D」

そして更にもう一回。

「% → %25」「 → %20」「” → %22」「& → %26」「’ → %27」「/ → %2F」「? → %3F」「\ → %5C」「: → %3A」「= → %3D」

すると…。さっきの赤字の部分になります(゚Д゚ )!

iTunes Link Maker で ' はエンコードされない

以下のように入力して確認しましたが、エンコードされないんですよね。

ITMS Link Maker.jpg

エンコードについては encodeURIComponent() と挙動は同じなのではないかなと。

デコード時は %27 が ' にデコードされるようなので動作上の問題はありませんが、iTunes Link Maker と結果が異なるのは気持ちが悪いのです。

2 回目の変換は冗長では?

1回目の変換で % 以外の置換対象文字は存在しなくなっているので、2回目の変換は % のみを置換すればよいのではないかなと。

ということで私はエンコード処理を 1 つの Regex モジュールにまとめて、以下のようにしてみました。

Pipes_ editing _LinkShareLink_.jpg

まあ、処理結果は変わらないのですが。

hiro45jp さんのオリジナルのパイプは 2 回の encodeURIComponent() を実行しているイメージなのかと推測します。

LinkShare 側は decodeURIComponent() を 2 回実行しているイメージのようですが、なぜ 2 回なのかその理由がわからないんですよね。。。

アドレスブック経由で2ちゃんねる顔文字辞書をiPhoneにインポートする

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

顔文字辞書が便利だ

Macに2ch顔文字をインポートする方法 | Last Day. jp
基本的にTwitterはiPhoneでやる事が多い。何故ならiPhone iOSの日本語入力に顔文字が追加されて、とても使い勝手が良いからだ。 しかもMY辞書登録で2ちゃんねる顔文字辞書(100件)を登録してみる | 普通のサラリーマンのiPhone日記この記事のはてな被ブックマーク数でhiroさんがご紹介されている顔文字を使うとTwitterの快適さが増す。 これをMacでもできないかと探していた所、やり方を見つけたので紹介します。

を読んで、Mac に顔文字辞書をインポートしてみました。

便利ですね。これ。iPhoneにも登録したいなぁと思いました。

LastDay.jp さんでも紹介されていますが、hiro45jp さんが「MY辞書登録」でインポートする方法を紹介されています。

MY辞書登録で2ちゃんねる顔文字辞書(100件)を登録してみる | 普通のサラリーマンのiPhone日記
巡回先のAppBankさん、どんぴさん、でんまーく(NASHIKO)さん等々で紹介されてた「MY辞書登録」。なんかすごい便利かも!ってことで(2chは書き込んだこともありませんが)2ch顔文字の辞書をインポートしてみました。

MY辞書登録 2.1(¥115) for iPhone

iPhone、iPod touch および iPad 互換 iOS 2.2.1 以降が必要

MY辞書登録 2.1
カテゴリ: ユーティリティ
価格: ¥115 App
更新: 2010/01/15


imagesimages

「MY辞書登録」は¥115なのでこれを購入してもよいのですが、せっかくなので(?)別の方法を考えてみました。

基本戦略

辞書の項目が iPhone の連絡先に登録されればよいのですから、Mac のアドレスブックにインポートして iPhone と同期する作戦です。

さて、Mac のアドレスブックへのインポートですが、フォーマットは以下の 3 つの選択肢があります。

  • vCard 形式
  • LDIF 形式
  • テキストファイル(CSV or TSV)
アドレスブックのアーカイブは今回は対象外です。アドレスブックのアーカイブがあるならすでにアドレスブックに辞書がインポートできている状況ですから(^o^)

今回は vCard 形式としました。それぞれのフォーマットを調べるのが面倒だったので、アドレスブックから既存のアドレスを vCard 形式でエクスポートして、そのファイルを参考にしました。

2ちゃんねる顔文字辞書を vCard 形式に変換する

さて、Mac のアドレスブックにインポートできるように、辞書を変換する必要があります。

2ちゃんねる顔文字辞書・2chアスキーアート・AAアイコン素材 MatsuCon - 顔文字辞書ダウンロードこの記事のはてな被ブックマーク数

よりダウンロードした辞書はテキスト、vCard もテキストで、単純な構造ですから1000件の変換を行えばよいわけです。

私は以下のような python スクリプトを書いて変換しました。辞書は Google 日本語入力用のものです。

#!/usr/bin/env python

import sys

line = sys.stdin.readline()
while line != "":
    items = line.split("\t")
    sys.stdout.write("BEGIN:VCARD\r\n")
    sys.stdout.write("VERSION:3.0\r\n")
    sys.stdout.write("N:;" + items[1].replace(";", "\\;") + ";;;\r\n")
    sys.stdout.write("X-PHONETIC-FIRST-NAME:" + items[0] + "\r\n")
    sys.stdout.write("END:VCARD\r\n\r\n")
    line = sys.stdin.readline()

詳細な解説は割愛させてくださいね( ´∀`)

python ってヒアドキュメントができなかったかなぁと思いましたが、調べるのが面倒でした。

2011-12-10 ';' が含まれる項目が正しく処理できていなかったので変換スクリプトを修正しました。

変換した vCard ファイルを公開しますね。

google_std.vcf

仕上げ

Mac のアドレスブックを起動し、[ファイル]-[読み込む]-[vCard...] を選択して、google_std.vcf をインポートします。

あとは iPhone に同期して完了です。( ー`дー´)キリッ

IMG_0047.PNG

実は Mac のアドレスブックにインポートした項目はグループに登録されないので、これは手作業で行いました(つд⊂)エーン

Markdown 記法で HTML と疎遠になる

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

HTML って書きにくいし読みにくい

想造ノートさんの以下のエントリを読んで、これはイイと思いました。

想造ノート: iPadやiPhoneが発売された今、改めてMarkdown記法について詳しく書いてみる。

最近ブログ記事はもっぱらMarkdown記法でまとめています。
PomeraやiPad、もしくはiPhoneで記事編集をしたいけど、

  • タグ付けが面倒だったり、
  • タグ付けすることであとで確認しにくかったり。

2つとも同感です。

タグ付けに関しては、TextExpander である程度軽減されますがそれでも手間がかかりますし、あまり面白い作業ではないですね。

確認しにくいという点も異論はないでしょう。使用するタグの複雑さにもよるとは思いますが、読みにくいものは読みにくいのです。(^^;

「WYSIWYG エディタを使えばよいのでは?」という声が聞こえてきそうですが、iPhone などでの WYSIWYG 編集は現実的ではないと思いますので(やろうと思ったことがないので知らないけどw)、編集環境が制限されるのがデメリットだと考えています。

Markdown 記法って?

以下を御覧ください。(^^;

2つ目と3つ目のページは想造ノートさんのエントリでも紹介されています。

運用

現時点で私は次のように運用しています(しようと思っています)。

  1. ラフスケッチをノートに書く
  2. Simplenote で下書き(Markdown記法)
  3. MarsEditでプレビューしつつ推敲
  4. Showdown - Markdown in JavascriptでHTMLに変換してポスト

Simplenote を使用するのは iPhone でも編集できるようにするためです。

4 が面倒です。ブログシステム側に Markdown 記法を変換して表示する機能があるとよいのですが、私が使用している Blogger にはそのような機能はありません。何かよい方法はないものか…

ちなみに

Posterous で Markdown 記法を使用する方法

Markdown - Posterous Help

Markdown形式のテキストを<markdown></markdown>で囲むと HTML に変換して表示されます。

メールでポストする場合は、本文を上記の形にして送信します。Simplenote にざざっと書いて、そのまま Posterous にメールでポストというやり方もよさそうですね。

Posterous の Web 上のエディタを使用する場合は、[HTML] ボタンをクリックして HTML モードにして編集します。

実際にやってみたところ、Posterous では Markdown 記法の中に HTML タグを書くとダメみたいです。要注意です。

Tumblr で Markdown 記法を使用する方法

Markdown now supported via email, mobile | Tumblr Staff

メールでポストする場合に、サブジェクトか本文に !m と書くと Markdown 記法が有効になるそうです。

WordPress で Markdown 記法を使用する方法

PHP Markdown というプラグインがあるようです。

まとめ

Markdown 記法を用いることで、以下のメリットが得られると私は考えます。

  • 素早く書ける
  • 編集しているテキストが見やすい

「素早く書ける」というのは単純にタイプ数の違いだと思います。例えば、p タグを打つより enter キーを2回タイプする方が速いですよね?(TextExpander でタイプ数を減らすことはできますが。)

「編集しているテキストが見やすい」のは、出来上がり(HTMLをレンダリングしたもの)とイメージが近いためでしょう。

HTML は文書の各要素に意味を与えるものであり、その意味を解釈するのは計算機です。つまり、機械処理のためのタグ付けなので、人間にとって書きづらくて読みづらくても不思議ではありません。

表現できない要素や細かな調整ができない要素がありますので、HTML を書かずに済むというわけではありませんが、Markdown 記法でちょっぴり HTML と疎遠になれるのではないかと思います。

書きやすくて読みやすい Markdown 記法、おすすめですよ。

--
今日は体調不良で自宅療養していますのでゆっくりとブログを書いてみました。


関連記事:

Happy-Go-Lucky: [MarsEdit] Markdown 記法でブログを書く

Toodledo で「場所」が扱えるようになったよ

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

昨日、Toodledo を触っていたら、左側のメニューに見慣れない項目を見つけました。

Toodledo_Locations.jpg

何と!Toodledo で「場所」が扱えるようになったようです。

どうやら Remember The Milk の「場所」と同様、タスクに場所を割り当てることができるようです。

場所を登録してみる

まずは、メニューの [Locations] を選択して場所を登録してみましょう。

ToodledoManageLocations.jpg

場所の名前と住所を入力して [Add] ボタンをクリックしてください。住所は Google マップなどで調べるとよいでしょう。

住所は入力しないで、あとから検索したり、直接ピンを置くことができるようなのですが、検索はうまく動作しませんでしたし、ピンを置いても住所の情報が [Extra Info] 欄に反映されるわけでもないようです。個人的にはデータが見えていないと不安なので(^^;)、面倒ですが住所を調べて入力しています。場所の登録は Remember The Milk の方が使いやすいですね。

タスクに場所を割り当てるには?

まず、[Account Settings] の [Fields/Functions Used] で「Location」を表示するよう設定を変更します。するとタスク一覧に「Location」が表示されるようになりますので、登録済みの場所を選択すれば割り当て完了です。

Toodledo の Webインターフェースに Location のビューも新たに追加されていますので、場所ごとにタスクを確認することができるようになります。

モバイル環境での場所を基点としたタスクの確認

場所の割り当てが役に立つのは出先ではないかと思いますが、現時点で「場所」を扱える iPhone アプリは存在しないようです。近日中に Toodledo for iPhone の新バージョンがリリースされるのではないかと思います。サードパーティの iPhone アプリも追随することでしょう。

それまでの間は(?)、Mobile Safari でこちらにアクセスする方法で凌ぎましょうか(^^;

IMG_0006-1.jpg

URL をホーム画面に保存しておくとよいでしょう。

まとめ

Toodledo で「場所」を扱うことができるようになりました。

将来的には、ある場所に近づくとそこで実施するタスクがあることがアラートされるようになるかもしれませんね。楽しみです。(Omni Focus はすでに実現済みでしたっけ?)

私はこれまで場所を「コンテキスト」として管理してきましたが、今後は「いまどこにいるか」という文脈は「場所」に譲り、それ以外の状況を「コンテキスト」に割り当てることになりそうです。

ただ、場所以外のコンテキストを管理していないのが現状ですので、「場所」だけを利用するか、現状のまま「コンテスト」に場所を割り当てるだけの運用になる可能性もあります。

iPhone アプリが「場所」をサポートするまでにもう少し時間があると思いますので、ボチボチと検討を進めていきたいと思っております。

[Mac OS X] テキスト編集時のカーソル移動を加速させる

このエントリーをはてなブックマークに追加 Pocket
Mac OS X でテキスト編集時に、カーソル移動のショートカットがわからずにずっとイライラしていました。たまたまわかったのでメモ的にエントリーします。

テキスト編集時のカーソル移動のまとめ

Mac OS X だけではなく、Windows、そしてオマケとして Emacs と Vim の該当する操作もまとめます。
動作Mac OS XWindowsEmacsVim
行頭へ移動Cmd+←HomeCtrl+a0
行末へ移動Cmd+→EndCtrl+e$
文頭へ移動Cmd+↑Ctrl+HomeMeta+<gg
文末へ移動Cmd+↓Ctrl+EndMeta+>G
単語単位に右へ移動Option+→Ctrl+→Meta+fw
単語単位に左へ移動Option+←Ctrl+←Meta+bb
Emacs と Vim は動作が微妙に異なる別の操作もありますが、とりあえず基本的なものにしたつもりです。ちょっとうろ覚えですが(^^; なお、Shift キーを押しながらのカーソル移動でテキストの範囲選択になりますので、テキスト編集の効率がかなり上がります。

まとめ

とにかく思考を妨げないように素早く操作したいので、ショートカットは私にとってとても重要なのです。 Mac ユーザとなってからもう5年目になりますが、最近まで今回のショートカットを知りませんでした。とてもスッキリしたのですが、いままでのイライラを考えると、悔しいですw

Thunderbird でメールを見やすくする 3 つのアドオン

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

今回は Thunderbird でメールを見やすくする 3 つのアドオンを紹介します。

古くからあるアドオンですのでご存知の方も多いでしょう。ですので、サラッと行きます(^^)

  • 引用文の前景色と背景色を変更できる Quote Colors
  • 引用文を折り畳むことができる QuoteCollapse
  • 送信元のメーラをアイコンで表示できる Display Mail User Agent

引用文の前景色と背景色を変更できる Quote Colors

Quote Colorsは引用文の前景色と背景色を階層ごとに変更することができます。

Thunderbird の引用文はアドオンなしの状態では次のようになります。

Quote.jpg

Quote Colors をインストールすると引用文は次のようになります。

QuoteColors.jpg

Quote Colors では、前景色と背景色だけではなく、線の幅や線の種類、上下左右のどこに線を表示するかなどを設定することもできます。

QuoteColorsOption.jpg

上のスクリーンショットは私の設定です。初期値は忘れてしまいました(^^;

引用文を折り畳むことができる QuoteCollapse

QuoteCollapseをインストールすると引用文を折り畳むことができるようになります。

悲しいことに、不要な引用のあるメールを受け取ることも多いので、運が良ければ必要のない引用文を読まなくて済むかもしれません。;-p

QuoteCollapse をインストールすると引用文は次のようになります。

QuoteCollapse1.jpg

折りたたまれた引用を開いていくと次のようになっていきます。

QuoteCollapse2.jpg

一段目を開いたところ

QuoteCollapse3.jpg

二段目を開いたところ

QuoteCollapse4.jpg

三段目を開いたところ

なお、Shift キーを押しながら開くと、折りたたまれた部分をすべて開いた状態にすることができます。

送信元のメーラをアイコンで表示できる Display Mail User Agent

Display Mail User Agentは送信元のメーラのアイコンをヘッダービューに表示します。送信元のメーラはアドオンが対応しているものでなければなりませんが、個人的な感触では大抵のメーラはカバーされていると思います。

Display Mail User Agent による表示は次のようになります。

DisplayMailUserAgent1.jpg

Thunderbird for Windowsの場合

DisplayMailUserAgent2.jpg

Becky! の場合

DisplayMailUserAgent3.jpg

JavaMailの場合

送信者がどのメーラを使用しているかということはそれほど役に立たないかもしれませんが、使っている道具にその人の思想が反映されることがあると思うのです。それぞれの道具には思想があり、その思想に一定以上の共感を持っているからこそ、その道具を使う。少なくとも私はそうなのです。メーラなどの場合、OS 付属のものや、所属する組織で指定(推奨)されたものを使っている方が多いと思いますが。

まとめ

今回は、メールの表示をカスタマイズするアドオンを 3 つ紹介しました。

お仕事では大量のメールを受信しますので、少しでも見やすく、また MUA の表示などちょっとした遊び心も混じえて、気分良くメールを読みたいのです。

そうそう、私の使用するメーラの変遷は次のような感じです。

MH-E
↓
Mew
↓
Gnus
↓
Wanderlust
↓
EdMaxフリー版
↓
Thunderbird←イマココ

ご覧のように最初は Emacs でメールを読んでいました。一時期 mutt に乗り換えたこともありました。就職して普段使用する PC の OS が Windows になってからも、Meadow で頑張っていましたね(^^;

ある時期から、elisp パッケージのアップデート作業の負担に耐えられなくなり、イマドキのメーラに乗り換えたのです。

おっと、脱線しました。

Thunderbird はアドオンが多く、カスタマイズ性が高いのが魅力です。その気になれば自分でアドオンを作って(用意されている枠組みの中で)自分の思い通りに拡張することもできるでしょう。

そうは言っても、なかなかアドオンの開発をするに至ることはありません(^^; そこまでできるとハッカーらしくてよいのですが。

うーん。まとめになっていませんが、今回はここまで。