STONEDSOUL

"しかも「Web..."

Mon, 19 Jul 2010 20:57:51 +0900

“

しかも「Web サイトの記憶領域設定パネル」の設定内容を変更しようにも、
設定が保存されない状況に陥ってしまってるのでどうしようもありません。
http://www.macromedia.com/support/documentation/jp/flashplayer/help/settings_manager07.html

調べてみたところ、以下の方法で解決しました♪

ホームフォルダ/ライブラリ/Preferencesの中にある、
「Macromedia」のフォルダをゴミ箱に捨てて空にして、
Safariを再起動するだけでOKという簡単なもの。

”

- Flashの設定が保存されないときの解決法 - Kuma Station! - 楽天ブログ（Blog）

全く同じ問題でニコニコ動画とか Daily Motion とかが見れなくなってたので助かった。

(Summary in English)

When you get trouble of Flash player on Mac OSX (for example, you can not watch videos on Daily Motion, but you can watch YouTube video, in my case), you might want to remove ~/Library/Preferences/Macromedia and restart web browser. This will fix the problem that you can not save your configuration of Flash player.

GTD について思う事(まとまらず)

Fri, 09 Jul 2010 20:48:27 +0900

GTD のやり方とか良さについて書いてある Blog などを読んだり、実際に自分のタスク管理をする時に GTD の考え方をベースに行ってみたりして思ったことをまとめて書こうかと思ってたが、いつまでもまとめる気にならないのでまとめないままここに書き出しておく。

頭の中を空っぽに？

タスクとして書き出してしまう事で頭の中を空にし、タスク管理に頭を使うより、もっと、例えばクリエイティブな事に頭を使う、と言われてるのを見て、何か違和感があった。

GTD でも何でもタスクを頭の外に出すのは、忘れるられるから頭がスッキリするというよりは、目に見える形にすると曖昧さがなくなるので頭がスッキリするのではないかと思う。

この時、タスクの内容によって、買い物リストのような忘れてもいいものと、仕事のタスクのようなより頭に定着させたいものの２種類があると考える。そして重要なタスクは目に見える形にすることによって、より頭に残るのではないか。

だから、すべてを頭の中から追い出すのではなく、必要なものだけを記憶しやすくするための手段ではないかと思う。

大体、記憶量を減らしたからといって、その分、よりクリエイティブなことに頭を使うことができるかというと、それぞれ使っている神経がが違ってそうだし。何かを発想する時、ひらめく時は、多分過去の記憶したいくつかの事柄がヒントになったり組合わさったりして、新しいものが生まれることが多そうだから、本当にすべてを頭の中から追い出したら、何も思いつかなくなってしまいそうだ。

そう考えると、何でもかんでも Evernote に放り込むのはどうなんだろうとも思ってしまう。

タスクを書き出す方法

GTD を始める時、最初にすべてのタスクなんかを書き出す作業がある。これについては、ただひたすら時間をかけて書き出す、といった話を聞くだけで、特に手法についてのアイデアは見た事無い気がする。

で、自分の場合は、時間をかけるのが面倒なので、最初にすべて書き出そうとするのを諦めて、いわゆるユビキタスキャプチャーという、思いついた時にマメにメモる方法で対処していた。

だが、最近になって、ふと思いついた事がある。記憶の宮殿。

記憶の宮殿というのは、何かを覚える時に、頭の中に宮殿というか、家とかをイメージして、その中の部屋やものなどにむすびつけて覚えると後から思い出しやすい、という話だったと思う。

で、思い出しやすいのであれば、タスクを書き出す時に、実際に自分が行く場所を順番に思い出していけば、漏れを少なくできるんじゃないかと思った。

例えば、家、会社、学校、町、店。会社ならさらに、部署、フロア、部屋、チーム、人、机や PC などのもの、を順番に頭に浮かべ、それに関連するタスクなり何なりを、マインドマップなんかを使って書き出そうとすれば、漠然とすべてを書き出すよりも効率よく漏れなく、頭の中をスッキリさせられるのではないだろうか。

すべてをオーガナイズ

GTD やライフハック系のブログとかを見ると、仕事もプライベートもすべて GTD で管理して整理するみたいに見える。何となくそういう考えには馴染めなくて、自分の場合は、仕事だけを GTD の考え方をベースに整理、管理するようにしてる。

プライベートについては、勘や気分で行動するようにしてる。ただ、あー何かやらなきゃいけない事とかやりたい事がいっぱいあるなーって感じたときだけ、その辺にある紙にざっとマインドマップ何かで書き出すようにしてる。

で、書き出したやつは、あー何か暇ができたなーって時にチラッとみて、これでもやるかーって感じで適当に選んで行動する。別にすべてが処理できなくても、一日にひとつとかふたつとかやれたら、それで良しとしてる。

すべてを整理してきっちりやる、みたいな毎日は何か息が詰まりそうだし。

結論も何も無いが、今思ってるのはそんなところ。

"It’s good to make people happy, but it’s better to help people make themselves happy...."

Fri, 25 Jun 2010 23:02:23 +0900

“It’s good to make people happy, but it’s better to help people make themselves happy. Design for strength.”

- Twitter / Loren Baxter: It’s good to make people h … via It’s good to make people happy, but it’s better to help people make themselves happy | inspireUX - User Experience quotes and articles to inspire and connect the UX community

ImportError: No module named _ctypes

Mon, 14 Jun 2010 14:53:10 +0900

I got the error when I ran my application on localhost which was started via Google App Engine Launcher. It seems to occur on Max OSX and Python 2.6. To fix that, set python path in preference of GAE Launcher as below instruction.

Issue 985 - googleappengine - Import Error: Failed to import ctypes to load dll on windows - Project Hosting on Google Code

Comment 10 by mike.j.dobbs, Feb 11, 2010

Changing preferences—>”my python path” to “/usr/bin/python2.5” and restarting GoogleAppEngineLauncher fixed this on my Snow Leopard.

Comment 11 by kmallea, Mar 22, 2010

Make sure you hit {enter} in the input field, or the Python Path you type in will not save. I believe this is a bug in the GAE GUI; I read this somewhere else, I forgot where exactly.

(Japanese)

OSX で GoogleAppEngineLauncher を使ってて動作確認する時に urllib を使ってる部分でエラーがでた。回避策は上のページにあるように Python 2.5 を使う事だけど、GAE Launcher の設定画面で Python の Path を設定する時は、入力したら Enter キーを押さないと設定が反映されない、というところではまった。。

JavaScript snippets (trim, supplant)

Sun, 13 Jun 2010 22:32:07 +0900

17 Hours of JavaScript from the Masters で紹介されてるビデオの The JavaScript Programming Language の Part 3 にでてきたコードをメモ。

12:40 あたりに出てくる trim

String.prototype.trim = function() {
    return this.replace(
        /^\s*(\S*(\s+\S+)*)\s*$/, "$1");
};

ちなみに Snipplr で JavaScript trim で検索するといくつかヒットするけど、それぞれ微妙にやり方が違ってて面白い。

その後、13:00 あたりから出てくる supplant

String.prototype.supplant = function(o) {
    return this.replace(/{([^{}]*)}/g,
        function (a, b) {
            var r = o[b];
            return typeof r === 'string' ? r : a;
        }
    );
};

それの使い方(ビデオでは使い方が先に出てくる)。

var template = '' +
    '' +
    '' +
    'Last {last}
First {first}';

var data = {
    first: "Carl",
    last: "Hollywood",
    border: 2
};

mydiv.innerHTML = template.supplant(data);

Last	{last}
First	{first}

同じようなものに RND template があって、これを参考に(ほとんどコピペして)こんなのを書いたりしたけど、やっぱり書き方が微妙に違う。

taitems: tmblg: Dan Pink on What Motivates Us This is an...

Sat, 05 Jun 2010 20:46:25 +0900

taitems:

tmblg:

Dan Pink on What Motivates Us

This is an amazing video that sadly rings far too true for where I work. Innovation is so forbidden that people are instructed (on the sly of course) to innovate privately, in their downtime or on the weekends. When these innovations turn out to be amazing features that management never knew they wanted, they get merged in to our regular product like that was the goal all along.

Self improvement, self management and fulfilment are of course my end goals. That’s why I contribute to the jQuery UI project. That’s why I have another cool announcement on the horizon relating to the VLC player. That’s why people are inherently good.

"It’s easy to make things bigger, it’s hard to make things better."

Sat, 05 Jun 2010 20:46:04 +0900

“It’s easy to make things bigger, it’s hard to make things better.”

- Douglas Crockford

YUI Test を使った JavaScript のテスト

Sun, 16 May 2010 17:57:57 +0900

最近初めて YUI Test を使って JavaScript をテストした。また Unit テストというものも初めての経験なので何か勘違いしてる部分もあるかもしれないが、一応メモしておく。

まず、URL エンコーディングや Unicode 文字列にエスケープする string converter を作った。 UTF-8 の URL エンコードや Unicode のエスケープは JavaScript で行うが、その他の文字コードに対する URL エンコーディングは、サーバサイドのスクリプトで行っている。

YUI Test はユーザのアクションをシミュレートできるので (ボタンのクリックなど)、 UI のテストケースも加えてみた。今回やったテストケースがすべてをカバーできてるとは思わないが、自分が YUI Test の使い方を覚えるにはちょうど良かった。また、これを使うとブラウザでのテストが少し楽になるんじゃないかと思う。

Demo (String Converter)

“run test suite” というリンクをクリックすると、テストの様子が見れる。サーバサイドのスクリプトが処理する部分については、5 秒ほど待ってからテストしていることに注意。以下がソース。

Testing JavaScript with YUI Test Utility

Sun, 16 May 2010 17:57:24 +0900

It was the first time that I tested JavaScript with YUI Test. And this is also the first time that I had a unit test for my JavaScript. Though there may be wrong way in the description, anyway, I take notes for my case.

I created the string converter which converts text to URL encoding and Unicode escaping. For UTF-8 of URL encoding and unicode escaping, it converts with JavaScript. For other character encoding of URL encoding, it sends the input text to server side script and get the results asynchronously.

Since YUI Test unility can simulate user action (click a button, for example), I added UI test cases to the test code. I don’t think the test cases don’t fully cover all possible cases, but it’s good for me to understand how to use the test utility. And now I think it’s reduce cost of browter testing.

Demo (String Converter)

Click “run test suite” link to see how it works. Note that it waits 5 seconds for converting strings on sever side script. The followings are the source codes.

How to use ToDo List

Sat, 15 May 2010 07:50:45 +0900

I updated the small ToDo List web page (application) recently. Now it fulfills my minimum requirement to manage tasks. Here is brief description and my usage of the ToDo List tool.

Feature Summary

Note: The data is stored in local storage of browser, so you can not use the tool with old browser.

ToDo list page
- able to add todo (of course)
- able to order todo item by drag and drop
- able to edit existing todo
- able to delete todo
- until next operation, you can undo the deletion
- able to add project name with “projectname: ” (name + colon + space) at the beginning of a todo item (project name must be alpha-numeric and begin with alphabet.)
- if you don’t add any project name, the todo item is categorized into “General”.
- able to filter todo list by project
Report page
- able to see daily and weekly report
- completed items are grouped by project
Setting page
- note that you can not undo these operations
- able to export your todo item data
- able to import todo items
  - if you choose “remove existing…” option, exsiting todo items in local storage will be deleted, and then import the data (todo data is replaced by import data.)
  - if you choose “merge the above…” option, it checks task ID and updated date, and then it overwrites a todo item with the latest updated one for an Id
- able to clear data. you can choose clear completed items or all items (includes todo.)

Usage

It’s very simple.

Input your ToDo
Order it by drag & drop
When you done, check the ToDo

At the end of the day, see your daily report to check what you have done in the day. At the end of the week, see your weekly report to check what you have done in the week.

If a ToDo is remaining for a long time in your list, consider to break it into smaller ToDo. If you describe a ToDo more than 2 lines, consider to break it into smaller ToDo.

ToDo List の使い方

Sat, 15 May 2010 07:50:02 +0900

最近また ToDo List ツールを更新して、自分が求める最低限の機能はできたので、概要と自分の使い方を書いておく。

機能概要

注意: データはブラウザのローカルストレージに保存されるので、古いブラウザでは使えない。

ToDo list ページ
- ToDo を追加できる (あたりまえ)
- ドラッグ & ドロップで並べ替えができる
- 追加した ToDo を編集できる
- ToDo を削除できる
- 次の操作をするまでは、削除した ToDo を元に戻す事ができる (Undo)
- “projectname: ” (プロジェクト名 + コロン + スペース) でプロジェクト名を指定できる (プロジェクト名は英数字かつ英字で開始する必要がある)
- プロジェクト名を指定しない場合、”General” に分類される
- プロジェクト名でフィルタできる
Report ページ
- daily または weekly report が見れる
- レポートは、プロジェクトごとにグルーピングされる
Setting ページ
- これらの操作は Undo できないので注意
- ToDo データをエクスポートできる
- ToDo データをインポートできる
  - “remove existing…” を選んだ場合、現在保存されている ToDo を削除した後にデータを読み込む (インポートするデータですべて置き換えられる)
  - “merge the above…” を選んだ場合、ToDo の ID をチェックして、同じ ID の ToDo は更新日が新しい方で上書きされる
- データを削除できる。終了した ToDo だけ、または(ToDo を含めた)すべてのデータを削除できる

使い方

書く程もないくらいシンプル。

ToDo を入力
ドラッグして並べ替え
終わったら、チェックする

1 日の終わりに daily report で今日完了した ToDo を確認。週の終わりに weekly report で今週完了した ToDo を確認。

ある ToDo が長い間リストに残っているようなら、さらに細かいタスクに分割できないか考える。ある ToDo が 2 行以上にわたって書かれるようなら、分割できないか考える。

rlToday + MortScript でカスタムスキン

Sat, 08 May 2010 20:36:35 +0900

X04HT (Touch Diamond) の Today 画面を Touch FLO から rlToday と MortScript を使ったものに変更したので、その変更内容をメモ。

ベースのスキンとその他の素材

これらを使って、次の画像などを用意した。

Isimple のパンチングメタルの部分を使って背景画像を作成
Deep iPhone Theme から必要なアイコンをコピー
GoSquiared から矢印のアイコンを取得
VGA Diamond Skin からフォントを \windows ディレクトリにコピー

そして Skin Developer Resource Kit から control.exe をコピー

Skin.xml と MortScript

2 ページ分のスキンファイルと、スキンを切り替えるための MortScript を作った。

1.xml

2.xml

switchpage.mscr

# Switch to Page=n
rlTodaySkinDir  = "\Program Files\rlToday\iTouchFlo"
rlTodaySkinFile = rlTodaySkinDir \ "skin.xml"
rlTodayPage1Xml = rlTodaySkinDir \ "pages" \ page & ".xml"

Copy(rlTodayPage1Xml, rlTodaySkinFile, 1)

RedrawToday

ディレクトリ構成

\Program Files\
  +- rlToday\
       +- iTouchFlo\
            +- icon59x60\
            |    +- (copied icons from Deep iPhone Theme)
            +- mortscript\
            |    +- switchpage.mscr
            +- pages\
            |    +- 1.xml
            |    +- 2.xml
            +- skin.xml (1.xml)
            +- wallpaper.png
            +- goforward.png (right arrow from GoSquared)
            +- goback.png (left arrow from GoSquared)
            +- (other images from VGA Diamond Skin)

その他のソフト

以下のソフトもインストールして使っている。

Iris Browser (Safari アイコン)
wasabi (BattleAtSea アイコン)
RSS4U (4uブラウザ)
美人時計 for Windows Mobile
q2chwm (2ch ブラウザ)

Custom Today screen with rlToday + MortScript

Sat, 08 May 2010 20:34:00 +0900

I customized my today screen of Touch Diamond recently. Here is the notes how to customize it with rlToday and MortScript.

Base skin and other materials

With the above materials, I prepared images, etc.

Create wallpaper with punching metal image picked from Isimple.
Copy necessary icons in Deep iPhone Theme
Pick up arrow icon from GoSquared
Copy Helvetica-condensed font from VGA Diamond Skin to \windows directory

And copy control.exe as the short cut to control panel (settings.)

Skin.xml for 2 pages & MortScript

I created 2 skin files and MortScript to switch skin when you click arrow icon.

1.xml

2.xml

switchpage.mscr

# Switch to Page=n
rlTodaySkinDir  = "\Program Files\rlToday\iTouchFlo"
rlTodaySkinFile = rlTodaySkinDir \ "skin.xml"
rlTodayPage1Xml = rlTodaySkinDir \ "pages" \ page & ".xml"

Copy(rlTodayPage1Xml, rlTodaySkinFile, 1)

RedrawToday

Directory structure

\Program Files\
  +- rlToday\
       +- iTouchFlo\
            +- icon59x60\
            |    +- (copied icons from Deep iPhone Theme)
            +- mortscript\
            |    +- switchpage.mscr
            +- pages\
            |    +- 1.xml
            |    +- 2.xml
            +- skin.xml (1.xml)
            +- wallpaper.png
            +- goforward.png (right arrow from GoSquared)
            +- goback.png (left arrow from GoSquared)
            +- (other images from VGA Diamond Skin)

Other Softwares

I installed the following softwares.

Iris Browser (Safari icon. But it’s no longer available on official site…)
wasabi (BattleAtSea icon. Mobile browser for Japanese mobile websites.)
RSS4U (Image browser for 4u.)
美人時計 for Windows Mobile (Image viewer of Bijin-Tokei)
q2chwm (Japanese web forum (2ch.net) browser)

Usability vs depopulated atmosphere

Sat, 24 Apr 2010 20:29:35 +0900

I read an interesting posts about a storategy of creating online service/community.

Webサービスを成功に導く｢あえて機能をつけない｣という選択

She wrote about not adding functions consciously even though it seems basic function at the beginning of the site. There is a qoute from another post by kensuu who provides (actually his company provides) Nanapi. Nanapi is website where people post lifehack technique. And it is said the reason why Nanapi didn’t provide search function at the beginning.

In early stage of a site, number of users, number of contents/posts are small. If users search the site, there is relatively higher possibility that he can not found the information that he want. Then he must feel that the site is not popular. If there is atmosphere of under populated, people leave and will not visit again.

There seems to be a storategy that creating initial version of your service less usable for some points consciouly to avoid making depopulated atmosphere.

Things that we should consider for good UI

Mon, 29 Mar 2010 18:25:54 +0900

I thought about the things that are contexts for creating good UI. I posted about my question and consideration for good UI last June (it’s a Japanese post). Recently I thought about the topic a little more, here is my notes.

When we create user interface, usually we define target users. User types I come up with at first are

Beginner, who is not familiar with the site/system
Expert/Advanced, who successes with the site/system

Another user types could be

Consumer, who uses the site for his hobby, personal matter
Business, who uses the site for his job

So there are 4 types of users in conbination of the above.

Consumer, Beginner
Consumer, Expert
Business, Beginner
Business, Expert

While there are also some types for sites/systems. In terms of the purpose of the site, I come up with

Tool, which is just a part of process for the user to achieve his goal.
One stop solution, which provides whole process from the beginning to the end of the user’s goal.

(I couldn’t find good words to express it, so I use these words for now.)

From another aspect, there are two types of sites/systems.

Standard, that is known by a lot of people
New concept/innovative, people need to start to understand what it is

So there are 4 types of sites/systems

Standard, Tool
Innovative, Tool
Standard, One stop solution
Innovative, One stop solution

In addition to these user and site types, we need to thinkg about situation of your site/system.

Early stage, that means the site/system just started and doen’t have many users, less knowledge base
Experienced, means the site/system is grown enough. It has many expert users

Thinking about the target

When we create a new UI, I think we should think about the above types in conbination. Here are some examples of my personal thoughts.

I should target beginner user if my site/system is in early stage. Of course it depends on my strategy, for example, if my site is standard type and there are many competitors, I may target expert users to differentiate my site (but it may be wrong because the target user cost to switch the service.)

If my service is in experienced stage, I provide it for business users, I should target expert users and optimized the usage for the users. Additionally I may need to provide some guidance for beginners to encourage them to be experts. Why? Because I think business users can pay cost to study it for their profit. They won’t quit the service easily compare to consumers.

If it’s innovative, new concenpt type of feature, it would be the best for business users that the UI helps to understand the concept, the concept helps to understand the usage.

For Tool type site/system, I’d like to focus on the speed. I would provide less information, less eye-candy type of graphics.

I still don’t have the conclusion for this topic and don’t have concrete answer for each conbination. I’ll think about this a little more, and write another post if I have a chance.

良い UI にするために考えるべきこと

Mon, 29 Mar 2010 18:24:46 +0900

良い UI にするためにはどういうことを考えれば良いかについて、去年の 6 月に書いたポストの後、また最近少し考えてみたのでまとめておく。

ユーザインターフェイスを作るとき、普通ターゲットとなるユーザを定義する。ユーザのタイプとして、すぐに浮かんでくるのは

ビギナー。あまりそのサイトやシステムに慣れていない
エキスパート、上級。そのサイトやシステムを上手く使いこなしている

他に考えられるタイプというと

コンシューマユーザ。趣味とか個人的にそのサイトなどを使っている
ビジネスユーザ。仕事で使っている

ということで、これらを組み合わせると 4 タイプあることになる。

コンシューマユーザのビギナー
コンシューマユーザのエキスパート
ビジネスユーザのビギナー
ビジネスユーザのエキスパート

一方で、サイトやシステム側にもいくつかのタイプがある。目的から考えて思いつくのは

ツール。何かを行うためのプロセスの一部で使用する
ワンストップのソリューション。ユーザの目的を達成するためのプロセスの最初から最後までそこで完結する

(ちょっといい単語が思いつかなかったので、とりえあず上の言葉を使っておく)

別の視点から見ると、他にも 2 つのタイプが考えられる。

定番。多くの人に良く知られているもの
新しいコンセプト、イノベーティブ。まずそれを理解するところから始めなきゃいけないもの

こっちも 4 タイプになる。

定番のツール
イノベーティブなツール
定番のワンストップソリューション
イノベーティブなワンストップソリューション

これらのタイプに加えて、そのサイトやシステムのおかれている状況も考慮する必要がありそうだ。

初期。そのサイトなどができたばかりであまり知られていない。ユーザ数も少ない
成熟期。充分成長し、良く知られ、エキスパートユーザもいる状態

ターゲットについての考察

新しい UI を作るとき、上にあげたタイプを組み合わせて検討することになると思う。それらの一部についての個人的な考えを例として以下にあげる。

もし自分のサイトやサービスが初期の段階だとしたら、ビギナーをターゲットにすべきだと思う。もちろん戦略によって変わるかもしれない。例えば、あえて定番で競合の多いサービスを作るなら、差別化のためにエキスパートユーザをターゲットにするのもありかもしれない (でもそのターゲットに乗り換えのコストが発生することを考えると、多分それは間違いじゃないかと思う)。

もしサービスが成熟していて、ビジネスユーザに提供しているなら、エキスパートユーザをターゲットにしてそこに最適化するのが良いと思う。さらに、ビギナーにはエキスパートユーザになるための支援を提供する必要があるかもしれない。何故かというと、個人的に、ビジネスユーザというのはその利益のために学習コストを掛けることができ、コンシューマーユーザに比べれば、簡単に辞めたりしないと考えるから。

それがもし、イノベーティブで新しいコンセプトの機能だとするなら、UI の使い方を理解する事で、そのビジネスユーザがコンセプトを理解できたり、コンセプトの理解が使い方の理解に繋がったりするようなものが、ベストなんじゃないかと思う。

ツールタイプであれば、スピードに最適化したい。情報や装飾を少なくするだろうと思う。

まだまだこの件について結論までは出てないし、個々の組み合わせに対してこれといった答えもないけど、もう少し考えてみて、機会があればまたまとめてみたい。

Portal - Still Alive typography (via Kilrok via ＰＶが面白い曲を教えてクレ...

Sun, 14 Mar 2010 00:10:18 +0900

Portal - Still Alive typography (via Kilrok via ＰＶが面白い曲を教えてクレぶる速-VIP )

Being scread of wiki page design

Sat, 13 Mar 2010 21:47:43 +0900

I read interesting tweets about being scread of wiki page at Togetter. (Togetter is the website that you can collect and list relevant tweets.)

Here is the translation of the first tweet.

Last week, when one of my female colleagues would install twitter client, I showed her this page. Later I heard she said that she were scared on that page. That’s a typical pukiwiki page. http://bit.ly/HdaHR

I was a little supprised that there are some people who get scared wikipage. The person who wrote the above tweet also has similar feeling on the default design of pukiwiki page. (He said that he feels uneasy on that page.)

He listed that the following pages makes them uneasy/scared.

That feeling isn’t caused by amount of information. He also listed websites that he doesn’t feel uneasy though there is a lot of information in the page.

Yahoo!
My Page of Mixi

(Mixi is one of the largest SNS in Japan. Here is a example image of My Page.)

There are some hypothesises about the reason in the tweets.

There is too little noise in the page.
All links seems important, so people are at a loss because they don’t know which link they should click on.
Adding some images may change that feeling.
Those pages doesn’t have “accent” which means all the information seems flat.
Visitors are confused that they don’t find where to start to see.

I’ve never thought, felt that way. It’s interesting. I was wondering if they are not scared of this blog.

X04HT (Touch Diamond) のカスタマイズ

Tue, 09 Mar 2010 21:20:51 +0900

今になって 705NK から X04HT に機種変更した。もっさりしてるのと電池が持たないのは覚悟の上で、見た目と大きさ、画面の解像度、ホーム画面の見た目で決めた。docomo のやつにしなかったのは、i-mode のメールアドレスが取れないのと、携帯用のサイトが見れないらしいから。ポケットの中でごろごろしないのがいい。

インストールしたソフト

wasabi - 携帯サイト用ブラウザ。設定方法。
TRE - レジストリエディタ
Google Map - X04HT のブラウザでアクセス。
touchkeysip - gesture10key に必要
gesture10key - フリック入力を可能にする。参考。
Diamond TF3D Config Setup - Touch FLO 3D のチューニング
S2U2 - スライドしてロックを解除
Google Sync for your phone - Gmail や Google Calendar などと sync
q2chwm - 2ch ブラウザ
SDKCerts.cab & CameraRc.dll.0411.mui - カメラ消音 (CameraRc.dll.0411.mui を windows フォルダに入れて、SDKCerts.cab をインストール)。
Facebook
REAL Dimond-style Calculator - 計算機のスキン。IPC Black Dialer ENG.cab を本体側にインストール
pocketwit - Microblog client (twitter, identi.ca, etc.)
iris browser - iphone 用のページを表示(Yahoo! とか)。
.NET Compact Framework 3.5 - ToneBox に必要。Macでインストールする方法は下を参照。
Flash 7 Player - ToneBox に必要。
ToneBox - ToneMatrixのようなソフト。ToneBox.exe を直接実行する。

その他の設定

メール着信時バイブの長さ設定 (参考) - HKEY_LOCAL_MACHINE\Software\Arcsoft\ArcSoft MMS UA\Config\UI の Ringtoneplaysec
X04HT パフォーマンス改善法 - の (1) - (3) を実施

.NET Compact Frameworkのインストール

.NET Compact Framework 2.0をMac OS Xを母艦に導入するを参考に、以下の手順でインストールした。

The Unarchiverで msi を解凍する。
その中にある cfflies.cab を The Unarchiver で解凍する。
その中にある F_.wm.armv4i.cab.B9F092F9_68DA_4CEB_BB8B_5BC56F898FEA を NETCFv35.wm.armv4i.cab にリネーム。
X04HT に移して cab を実行。

JavaScript のちょっとした関数 (メモ)

Sun, 28 Feb 2010 18:12:31 +0900

あると便利かなあと思ったやつをネットで検索して自分向けにちょっと変えた。

URL のパラメータを取得(してオブジェクトに格納)

URL をパラメータで渡せるようにした(参照元)。

/**
 * parse query string for given URL or current location
 * @see    http://snipplr.com/view/15638/query-string-parsing-in-javascript/
 * @param  {string} URL
 * @return {object} Parameters (key-value)
 */
var parseQueryString = function(sUrl){
    var oParams = {},
        sQuery  = sUrl ? sUrl.split("?")[1] : window.location.search.substring(1);

    if (sQuery) {
        sQuery.replace(/([^?=&]+)(=([^&]*))?/g,
            function( $0, $1, $2, $3 ){
                oParams[ $1 ] = $3;
            }
        );
    }

    return oParams;
};

マルチバイト文字を 2 byte と数えてカットする SubStr みたいな関数

参照元は String オブジェクトを拡張してたのをただの関数にした。

/**
 * return true if given character is multibyte. if the given argument
 * is more than one character, it uses the first character of the string
 * @see    http://oshiete1.watch.impress.co.jp/qa5076682.html
 * @param  {string}  Char that can be get by String.charAt()
 * @return {boolean} true if it's multibyte
 */
var isMultiByte = function(sChar){
    var sCharCode = sChar.charCodeAt(0);
    // Range of single byte chars
    // Unicode : 0x0 〜 0x80, 0xf8f0, 0xff61 〜 0xff9f, 0xf8f1 〜 0xf8f3
    if ( (sCharCode >= 0x0 && sCharCode <= 0x80)
         || (sCharCode == 0xf8f0) 
         || (sCharCode >= 0xff61 && sCharCode <= 0xff9f) 
         || (sCharCode >= 0xf8f1 && sCharCode <= 0xf8f3) ) {
        return false;
    } else {
        return true;
    }
};

/**
 * custom substr function that counts multi-byte character as 2 bytes.
 * @require  isMultiByte()
 * @see    http://oshiete1.watch.impress.co.jp/qa5076682.html
 * @param  {string} String to be extracted
 * @param  {number} Index where to start the extraction
 * @param  {number} Length (optional) number of characters to extract
 * @return {string} Extracted text
 */
var doubleByteSubStr = function(sString, nIndex, nLength){

    // find start index by byte
    for (var i=0, len=0; len < nIndex; i++) {
        len = isMultiByte(sString.charAt(i)) ? len+2 : len+1;
    }
    var nIndexBytes = i;

    // find length for substr by byte
    len = 0;
    while(nLength > len) {
        len = isMultiByte(sString.charAt(i)) ? len+2 : len+1;
        i++;
    }

    var nLengthBytes = i - nIndexBytes,
        sExtracted   = sString.substr(nIndexBytes, nLengthBytes);

    return sExtracted;
};