February 2012
1 post
DraftPad 翻訳アシスト（改）
前に作った翻訳アシストですが、Google が翻訳 API の提供をやめてしまったので使えなくなっていました。
そこで、Microsoft Translator API を使ったものに変更しました。下記リンクをタップで DraftPad にインポートされます。
To Japanese
To English
現在カーソルがある行（もしくは選択している文字列）を任意の言語に翻訳して置換するアシストです。
上の2つでは、アシストURLの最後が「ja」とか「en」になっていますが、この部分が翻訳先の言語指定で、この部分を他の言語に変えることで、カスタマイズできます。
元の文の言語は自動判別するので、翻訳先の言語のみ指定すればよいです。
扱える言語は、↓こんな感じらしい。
あと、API...
November 2011
1 post
404 Blog Not Found:備忘録 -... →
September 2011
2 posts
DraftPad テキスト交換アシスト "Exchange"
DraftPad の、ゲーム感覚のアシスト “Exchange” を作りました。Just for fun です。
Exchange
このアシストを実行すると、自分が書いたテキスト（現在カーソルがある行もしくは選択中の文字列）と、誰かが書いたテキストを、ランダムに交換することができます。
どっかの誰かが書いた文章が自分の DraftPad の中にやってくるのです！
だから何だと言われると困るのですが、仕事に煮詰まった時なんかにちょっとしたインスピレーションになるかなとか思いまして。
注意事項：
人に見られたら困る秘密情報を Exchange してしまわないように気をつけてください。誰に読まれるか分かりません。
著作権を主張したい文章を Exchange しないでください。誰がオリジナルを書いたのかは分からなくなるはずです。
...
“日本のクライアントとは欧米に比べてどうでしたか？...”
– 初期アップルのプロダクト・デザイナーが語る「スノーホワイト」の真実 | STUDIOVOICE
1991年12月号 Vol.192 特集「マッキントッシュの伝説」より
(via kogumarecord) デザインの話は普遍的だなぁ。 (via daxanya1)
June 2011
4 posts
タブとモーダル
タブはモーダルである。
本来ウィンドウというものは、スクリーン上の好きな場所に好きな形でいくつも開いておけるのがいいんだ。スクリーンを空間として使い、ちょっとこの端っこの方に小さく開いておこうとか、ふたつ並べておこうとか、こいつは大きく見たいからいっぱいに広げようとか、そういうふうに自由にスクリーンをちらかせるのがいいんだ。
タブにしてしまったら、全て同じ大きさと形、一度にひとつしか見えない。 各タブを識別する手がかりは小さなラベルだけ。しかも1次元にリニアライズされていて空間的に場所を記憶できない。こっちのウィンドウからこっちのウィンドウにオブジェクトをドラッグするにはどうすればいいんだ？
Apple が推進しようとしているシングルウィンドウもどうかと思う。ドキュメントとアプリケーションの宗教戦争で、Apple は完全にアプリケーション側につくことにしたようだ。
...
Flickr HTML をまたバージョンアップ
Flickr HTML をまたバージョンアップしました。（すでにアシストを入れた方は再度入れる必要はありません。勝手にバージョンアップされてます。）
まだ入れてない方はこちら → Flickr HTML （DraftPad がインストールされた iPhone/iPad の Safari でこのリンクをタップするとアシストが DraftPad にインポートされます。）
変更点
Set を検索できるようにしました。（ユーザー名とセット名の両方を入力する必要がある。セット名は完全一致しないと Not Found 扱い。表示可能枚数は30枚まで。）
HTML ソースの挿入ポイントを、先頭、カーソル位置、末尾、から選べるようにしました。
もし Set の検索で ERROR が出るようなら、DraftPad を一度キルしてみてください。
Flickr HTML をバージョンアップ
先日作った Flickr HTML アシストをバージョンアップしました。（すでにアシストを入れた方は再度入れる必要はありません。勝手にバージョンアップされてます。）
まだ入れてない方はこちら → Flickr HTML （DraftPad がインストールされた iPhone/iPad の Safari でこのリンクをタップするとアシストが DraftPad にインポートされます。）
変更点
検索結果から画像を複数選択して一括挿入できるようにしました。
サイズの選択肢を増やし、Flickr のサイトにある6段階から選べるようにしました。
サイズを選択肢から選ぶのではなく、最大サイズを自分で指定することもできるようにしました。（ただしこれをやると、読み込む画像としては一番大きな Large になるので、重くなる）
画像を Flickr にリンクするかどうかを選べるようにしました。
...
DraftPad Flickr HTML アシスト
ブロガーのためのアシスト、「Flickr HTML」を作りました。
Flickr にある写真を自分のウェブページに表示するための HTML を生成するものです。
↑ こんな感じで Flickr を検索して、Insert ボタンを押すと、
↑ こんな風に HTML が生成されます。
あとは「Blog Preview」でプレビューして確認すればよし。
hiro45jp さんの有名な「PhotoHtml」を真似たものですが、中身はスクラッチです。
とにかく簡単に使えることを優先したので、テンプレートをカスタマイズすることはできません。Options から画像のサイズやボーダーの有無、キャプションの有無を選ぶのみです。
検索に必要なのは、ユーザー名（ユーザーIDではない）もしくはキーワード。どちらかを入力すれば検索できます。
Flickr API...
May 2011
4 posts
DraftPad ブログプレビューアシスト
DraftPad をブログの下書きに使っている方もいらっしゃると思います。
Assist Library にある HTML Preview というアシストを使えば内蔵ブラウザでプレビューすることができますが、このアシストはあくまで HTML ドキュメントを見るためのものですから、いわゆる CMS 系のブログツール（WordPress とか）の原稿をプレビューすると、一応 HTML タグは認識するものの、HTML としては不完全（html, meta, body, br などの要素が抜けている）ですから、改行はスペースになってしまうし、表示スケールも Mobile Safari のデフォルト（幅 980px 相当）になってしまって文字が小さくて見づらいと思います。
そこで、ブログの下書きをしている時に便利な「ブログプレビュー」アシストを作ってみました。
↓...
DraftPad 文字列挿入アシスト
DraftPad で編集中の文章に任意の文字列を挿入するアシストを作ってみました。下記リンクをタプするとアシストがインポートされます。
まずひとつめは、現在のカーソル位置に任意の文字列を挿入するアシスト。
Insert “Hello”
サンプルとして「Hello」の文字列が挿入されるようになっていますが、text パラメーターを変更することで、好きな文字を設定できます。
選択範囲がある時にこのアシストを実行すると、選択中の文字列を消去して挿入します。
挿入後、カーソルは挿入した文字列の後ろに入ります。
次は、選択中の文字列の前後に任意の文字列を挿入するアシスト。
Insert “(” and “)”
prefix と suffix...
DraftPad 翻訳アシスト 2
昨日の翻訳アシストは、DraftPad 内の全文を翻訳しようとするものでしたが、Google Ajax API が GET メソッドを使っている都合上、日本語の場合だと230文字ぐらいまでしか翻訳できません。
しかも、クエリーが長過ぎた場合に Google のサーバーからは何もエラーが返されずにただ無視されるので、条件分岐させて何か別な処理にすることもできません（がんばればできますが面倒）。
なので、DraftPad 内の全文を対象とするのではなく、現在カーソルがある行もしくは選択している文字列のみを対象に翻訳するアシストを作ってみました。
これでも文字数制限は同じですが、長文の場合は細切れに翻訳を実行していけるのでまあ使えるのではないかと思います。
とりあえず和英と英和のみ。
Japanese - English (Current)
English - Japanese...
DraftPad 翻訳アシスト
サードパーティの熱さに触発されて、お手軽なところで Google Translate を使った翻訳アシストを作ってみました。
DraftPad 1.4+ がインストールされた iPhone/ iPad/ iPod touch の Safari でこのページを見ている必要があります。
下記リンクをタップすると、DraftPad にアシストがインポートされます。
Japanese - English
Japanese - Korean
Japanese - Chinese
English - Japanese
English - Spanish
English - Chinese
English - French
url パラメーターの from と to の値をこの Languages enum に従って書き換えると、バリエーションを作れます。
February 2011
1 post
takahashihideki: Webヒューラー →
takahashihideki:
突然目を閉じてなにやら難しそうな表情を浮かべた彼を、ぼくらは固唾を飲んで見守る。しっ、お邪魔をしてはいけない、と誰かが言う。彼はいま、未来を見ている。やがて彼はカッと大きく目を見開き、おもむろに一堂をぐるっと見渡してから、あらかじめそう決めていたかのように虚空のある一点を見つめる(いつもの角度だ！)。そして、ゆっくりと、独特の持って回った言い回しで、彼だけ…
October 2010
1 post
CSS Subclassing 101
HTML/CSS でよくこういう書き方をしている人がいる。
<html>
<head>
<title>Hey</title>
<style>
.button-A { font-size: 14px; }
.button-B { color: brown; }
.button-C { width: 100px; }
.button-A, .button-B { width: 80px; }
.button-A, .button-C { color: black; }
.button-B, .button-C { font-size: 18px; }
</style>
</head>
<body>
...
September 2010
1 post
情報という言葉の語源とその周辺について →
August 2010
3 posts
後編
え、それで結局どうなったのかって?
中編
そもそも私はプログラマーじゃないんですよ。デザイナーなんです。
前編
まずはじめに言っておきたいのは、これは私ひとりの功績じゃないってことです。
July 2010
1 post
DraftPad 開発者への 16,820 文字インタビュー
■今日は DraftPad の作者である上野さんに起こしいただき、DraftPad に込められた思想や開発時の苦労話などを伺っていきたいと思います。それでは上野さん、どうぞ。
□あ、どうも、上野です。よろしくお願いします。
■はい、それでは早速お話をお伺いしますが、まず、DraftPad のことをまだ知らない人のために、簡単に紹介をしていただけますか。
□はい。DraftPad は、iPhone、iPod Touch、iPad 用のノートパッドアプリです。特徴はとにかくシンプルなことです。標準のメモアプリもシンプルで洗練されたアプリだと思いますが、DraftPad はこれをさらに単純化して、メモを管理するという機能を排除して、とにかくただ書くだけに特化させています。だから起動するといきなり UITextView が FirstResponder...
May 2010
7 posts
“高校に行ったら一人でちゃんとサボろうって、みんなで誓い合った。”
–
Twitter
追悼：PELISSE 菊地日記 閲覧ページ →
敵を間違えるな | 雁屋哲の美味しんぼ日記 →
変わりつつあるソフトウェア開発の価値観 - 1 →
第43回 圧縮的情報管理 | WIRED VISION →
これは色々な意味で示唆的。対象識別のためのIDは自然言語的な意味論を排除した方が情報処理効率が上がる。うちの会社のサイトなんてまさにこの記事状態。なんだかんだこれが一番シンプルだし、実は口で伝達する時にも一番正確に伝えられる。IDがコンテクストや自然言語的な意味を持ってしまうと、逆に論理性を保てなくなる。
それに、今のインターネットでは、ユーザーから見た場合、URLというのはリソースに対する一方的なIDに見えているのであって、複数のアドレスが最終的に同じリソースを指していても普通だし、ウェブサーバー側でどうリダイレクトされてるのかなんてユーザーの知る由もない世界。ブログなんかみんな擬似的なURLになってる。Amazon...
原発がどんなものか知ってほしい →
takahashihideki:... →
愛しあってるかい？は本気で言ってたのよ、と、アッコちゃんが話していたというのを聞いて、大昔に彼女の元旦那が村上龍や吉本隆明を相手に、あれは一種のシュプレヒコールなんだと語っていたのを思い出した。 言葉から意味を分離して後景に退かせつつ、繰り返し発話して心地よい音としての力を顕在化させることができるすぐれて音楽的な声。そういえば、NHKの黒沢アナも「恩赦」をかけた後にほぼ同じ主張を展開していた。歌を唄うのではなく、そうして奇跡的に「唄」を誕生させてしまうのが本当のシンガーなんだという話。 …
April 2010
4 posts
Fast Scrolling in Tweetie with UITableView →
Converting to a Universal App (Part I) - Blog -... →
iPhone アプリを Universal にする際の、info.plist まわりの説明。公式ドキュメントの情報が中途半端なので、非常に役立つ。
“ぼくはスーにあやまりたい。”
– http://twitter.com/takahashihideki/status/11820454329
iPhone/iPod Touch (excluding iPad) Safari Detector
iPhone/iPod Touch の Safari（および UIWebView）からアクセスされたらモバイル用のテンプレートでウェブページを出力するけど、iPad は除外したい、という場合のディテクター。
■ JavaScript での iPhone/iPod Touch 判定（iPad除外）
function is_iphone() {
return RegExp(” AppleWebKit/”).test(navigator.userAgent) && RegExp(” Mobile/”).test(navigator.userAgent) && !RegExp(“iPad”).test(navigator.userAgent);
}; ■ PHP での...
March 2010
6 posts
1人日MGメソッド（かっこいいMGガンプラを約8時間で楽しく作る方法）
1. 水曜日頃に天気予報を見て、次の週末が晴れで風も弱そうなら、家人に「おれ今度の土曜か日曜ちょっと3時間ぐらい自分の時間が欲しいんだけど」とお願いして許可を得る。そしてどのモビルスーツを作るか考える。 2. 土曜もしくは日曜の午前中、近くのヨドバシとかプラモ屋とかに行ってMGガンプラを買ってくる。他に必要な道具は以下のとおり。持ってなければこれらも買う。 - いいニッパー - スミ入れ用筆ペン（黒とグレー） - つや消しスプレー（ひとつのMGに約1缶使う） - 綿棒 - マスク（厚め） - ゴム手袋 3. 家に帰ったら早速箱を開けてランナーと説明書を取り出す。それらをざっと見て構造を把握。そしてスミ入れ用筆ペンと綿棒を使って「部品がランナーについたままで」スミ入れする。...
クラウドリーディングの課題
読書体験のクラウド化 « マガジン航[kɔː]
書籍その他の作品をデジタル化＆フリーズして共有するためには、ある作品を他と区別するユニークなプロパティと共に「作品クラス」のインスタンスとして定義できるようなスキームが必要になると思いますが、これは以外と難しいことかもしれません。 例えばアマゾンなどでは基本的に ISBN ベースで作品をアイデンティファイしていると思いますが、 ISBN は書籍出版物の単位で付けられるので、例えば同じ「吾輩は猫である」でも岩波と新潮では違う番号ですし、同じ岩波でも文庫と全集では違います。更には、「吾輩は猫である」といってもオーディオブック、外国語への翻訳、旧漢字かなづかい、もしくは映画化したものなど、同じ作品世界の中で様々な表現／体現があります。 このような作品世界の広がりを多層的に扱うには、書誌情報の管理スキームである FRBR...
てすと。
DraftPad
Sub-Classing
DOM スクリプティングでよく使う CSS テクニックその2：「Sub-Classing」
<style> .class1 { styleA } .class2 { styleB } </style>
としておき、.class1 要素のクラス名に動的に “class2” を追加することで、その要素のスタイルを「styleA」から「styleA + styleB」に変化させる。
styleB では、styleA に対して追加／上書きするプロパティだけを書く。
特定の要素をピンポイントで変化させたい場合に使う。
“class2” というクラス名は .class1 に対する追加／上書きにのみ使うので、実際には、「class1 = “myButton”」「class2 =...
Wrapper Classing
DOM スクリプティングでよく使う CSS テクニックその1：「Parent Wrapper Classing」
<style> .class1 { styleA } .class2 .class1 { styleB } </style>
としておき、.class1 要素の親（祖先）要素のクラス名に動的に “class2” を追加することで、.class1 要素のスタイルを「styleA」から「styleA + styleB」に変化させる。
styleB では、styleA に対して追加／上書きするプロパティだけを書く。
ある要素の子（子孫）要素を同時に変化させたい時に使う。
（Inspired by kotarok: http://twitter.com/kotarok/status/8187423198）
“いま、二時間分くらいのテキストが煙のように消えた。バッテリーが切れそうになったので電源につないだとたんのことだった。”
– http://chushoww.blogspot.com/2010/02/blogpresslite.html