July 2010
2 posts
“しかも「Web サイトの記憶領域設定パネル」の設定内容を変更しようにも、
設定が保存されない状況に陥ってしまってるのでどうしようもありません。...”
– 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...
GTD について思う事(まとまらず)
GTD のやり方とか良さについて書いてある Blog などを読んだり、
実際に自分のタスク管理をする時に GTD の考え方をベースに行ってみたりして
思ったことをまとめて書こうかと思ってたが、いつまでもまとめる気にならないので
まとめないままここに書き出しておく。
頭の中を空っぽに？
タスクとして書き出してしまう事で頭の中を空にし、タスク管理に頭を使うより、
もっと、例えばクリエイティブな事に頭を使う、と言われてるのを見て、
何か違和感があった。
GTD でも何でもタスクを頭の外に出すのは、忘れるられるから頭がスッキリする
というよりは、目に見える形にすると曖昧さがなくなるので頭がスッキリするのでは
ないかと思う。
...
June 2010
5 posts
“It’s good to make people happy, but it’s better to help people make...”
– 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
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,...
JavaScript snippets (trim, supplant)
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...
“It’s easy to make things bigger, it’s hard to make things better.”
– Douglas Crockford
May 2010
6 posts
YUI Test を使った JavaScript のテスト
最近初めて YUI Test を使って
JavaScript をテストした。また Unit テストというものも初めての経験なので
何か勘違いしてる部分もあるかもしれないが、一応メモしておく。
まず、URL エンコーディングや Unicode 文字列にエスケープする
string converter を作った。
UTF-8 の URL エンコードや Unicode のエスケープは JavaScript で行うが、
その他の文字コードに対する URL エンコーディングは、サーバサイドのスクリプトで
行っている。
YUI Test はユーザのアクションをシミュレートできるので (ボタンのクリックなど)、
UI のテストケースも加えてみた。今回やったテストケースがすべてをカバーできてるとは
思わないが、自分が YUI Test...
Testing JavaScript with YUI Test Utility
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...
How to use ToDo List
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...
ToDo List の使い方
最近また ToDo List ツールを更新して、自分が求める
最低限の機能はできたので、概要と自分の使い方を書いておく。
機能概要
注意: データはブラウザのローカルストレージに保存されるので、古いブラウザでは使えない。
ToDo list ページ
ToDo を追加できる (あたりまえ)
ドラッグ & ドロップで並べ替えができる
追加した ToDo を編集できる
ToDo を削除できる
次の操作をするまでは、削除した ToDo を元に戻す事ができる (Undo)
“projectname: ” (プロジェクト名 + コロン + スペース) でプロジェクト名を指定できる
(プロジェクト名は英数字かつ英字で開始する必要がある)
プロジェクト名を指定しない場合、”General” に分類される
...
rlToday + MortScript でカスタムスキン
X04HT (Touch Diamond) の Today 画面を Touch FLO から
rlToday と MortScript
を使ったものに変更したので、その変更内容をメモ。
ベースのスキンとその他の素材
VGA Diamond Skin
[Isimple]
Deep iPhone Theme
rlToday Skin Developer Resource Kit
GoSquared
これらを使って、次の画像などを用意した。
Isimple のパンチングメタルの部分を使って背景画像を作成
Deep iPhone Theme から必要なアイコンをコピー
GoSquiared から矢印のアイコンを取得
VGA Diamond Skin からフォントを \windows ディレクトリにコピー
そして Skin Developer...
Custom Today screen with rlToday + MortScript
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
VGA Diamond Skin
[Isimple]
Deep iPhone Theme
rlToday Skin Developer Resource Kit
GoSquared
With the above materials, I prepared images, etc.
Create wallpaper with punching metal image picked from Isimple.
Copy necessary icons in...
April 2010
1 post
Usability vs depopulated atmosphere
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...
March 2010
5 posts
Things that we should consider for good UI
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
...
良い UI にするために考えるべきこと
良い UI にするためにはどういうことを考えれば良いかについて、去年の 6 月に書いたポストの後、また最近少し考えてみたのでまとめておく。
ユーザインターフェイスを作るとき、普通ターゲットとなるユーザを定義する。ユーザのタイプ
として、すぐに浮かんでくるのは
ビギナー。あまりそのサイトやシステムに慣れていない
エキスパート、上級。そのサイトやシステムを上手く使いこなしている
他に考えられるタイプというと
コンシューマユーザ。趣味とか個人的にそのサイトなどを使っている
ビジネスユーザ。仕事で使っている
ということで、これらを組み合わせると 4 タイプあることになる。
コンシューマユーザのビギナー
コンシューマユーザのエキスパート
ビジネスユーザのビギナー
ビジネスユーザのエキスパート
...
Being scread of wiki page design
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....
X04HT (Touch Diamond) のカスタマイズ
今になって 705NK から X04HT に機種変更した。もっさりしてるのと電池が持たないのは覚悟の上で、見た目と大きさ、画面の解像度、ホーム画面の見た目で決めた。docomo のやつにしなかったのは、i-mode のメールアドレスが取れないのと、携帯用のサイトが見れないらしいから。ポケットの中でごろごろしないのがいい。
インストールしたソフト
wasabi - 携帯サイト用ブラウザ。設定方法。
TRE - レジストリエディタ
Google Map - X04HT のブラウザでアクセス。
touchkeysip - gesture10key に必要
gesture10key - フリック入力を可能にする。参考。
Diamond TF3D Config Setup - Touch FLO 3D のチューニング
S2U2 - スライドしてロックを解除
...
February 2010
3 posts
JavaScript のちょっとした関数 (メモ)
あると便利かなあと思ったやつをネットで検索して自分向けにちょっと変えた。
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 ?...
ToDo List Update
ToDo List を更新した。
簡単なデータの Import/Export 機能を付けた
データ内のプロパティ名に typo があったので修正した (udpated -> updated)
もし以前に ToDo List にデータを入れていたら、更新日がおかしなプロパティ名で保存されていると思う。
これによって変な動きをすることがあるかもしれないので、その場合は一度 Export してデータを修正して、
Import (1つ目のオプションを選択)したら直ると思う。
Import の 1 つ目のオプションは、ブラウザに保存されてるデータを削除してから、データを読み込む。
2 つ目のオプションは、同じ ID の ToDo があった場合は、更新日の新しい方で上書きする。
I updated ToDo List application.
Added...
January 2010
4 posts
Google Apps のサブドメインに "www" を使う
Google Page Craetor の終了に伴い、下のページに書いたように静的ファイルのホスティングを
Google App Engine に移行した。
静的ファイルのホスティングをPage CreatorからApp Engineに移行
移行の際、GAE には “www” というサブドメインを割当て、Page Creator の使用を停止した(無効にした)。
それで問題なく動いていたのだが、去年の 12 月に Google が Page Creator のコンテンツを Google Sites
に移行させてからおかしくなった。
Page Creator で作ったページが Sites に復活し、GAE で使っているサブドメイン “www” を割当てられたので、
コンテンツが移行された後、GAE...
Using "www" for subdomain of Google Apps
Due to temination of Google Page Creator, I moved hosting of static files to Google App Engine
as I wrote the following article.
Migrating static contents from Page Creator to App Engine
When I moved to App Engine, I set up “www” to the subdomain for GAE. And I disable Page Creator
on my Google Apps Account. It has worked as expected… until Google migrate page creator...
Interesting To-Do list applications
I saw an article about TeuxDeux which is simple to-do list application on the web.
TeuxDeux (via Nick Finck Blog)
And I saw another article (Japanese) about a scheduler applciation which has similar looking to TeuxDeux.
山積みスケジューラ (via 誠 Biz.ID：仕事の優先度が付けられない人へ――「時刻表示のないスケジューラ」のススメ (1/2))
山積みスケジューラ is one of template for xfy Planner. The schedular doesn’t have time schedule, but...
“Deeply understanding their customers is what allows successful companies to...”
– Research Is Communication :: UXmatters via Deeply understanding customers allows companies to develop products that revolutionize the way we live our lives | inspireUX - words to inspire user experience designers
(拙訳) 顧客を深く理解する事こそが、企業を、5年先のマーケットを見据えた、私たちの生活に革命をもたらすようなサービスや製品を開発することへと導く。
December 2009
6 posts
ブラウザのローカルストレージを使った ToDo List
YUI2 にクライアントサイドのストレージ (ブラウザのローカルストレージ) を扱う Storage Utility があるので、それを使って簡単な ToDo List を作ってみた。
ToDo List
データはブラウザのストレージに保存されるので (HTML5 のローカルストレージか、Gears、または Flash のストレージ)、サーバ側には何も送られない。当たり前だが、ブラウザを超えてデータは引き継がれない (Firefox で編集したデータは Safari では見れない)。
動作は、Safari 4、Firefox 3.5、IE8、Chrome で確認した。コードはまた来年にでも、もう少しきれいなものに書き直したい。
YUI の Storage Utility を使うと、データを同じメソッドで (上に書いた 3 つの内のいずれかのストレージに) key -...
ToDo List application with local storage
I created simple todo list application with Storage Utility of YUI2. The storage utility make you easy to handle client side storage (local storage engine in modern browser.)
ToDo List
The data is stored in storage of browser (i.e. local storage of HTML5, Geas or storage of Flash), your browser won’t send your todo item data. Of course you can’t use a todo item with different...
ブランドを生み出す環境の力
Note & point で見た Ologie, LLC のプレゼン資料 The Power Of Branded Work Environment に書かれていた内容に、
その他のことにも当てはまるような事があったので、メモしておく。
35 ページからの How Can We Maximize Success? (きれいな図などもあるのでプレゼンの資料を見た方がわかりやすいか)
目的を明確に定義する
戦略を表す
—- Long Term (5-10 Years) … Inspiration —-
Values (価値、自分たちの信じるもの)
Mission (ミッション、なぜ自分たちが存在するのか)
—- Medium Term (3-5 Years) —-
Vision...
onChange のタイミング
チェックボックスの状態が変わったら任意の処理をするような JavaScript を書いてたら、
IE と他のブラウザで動きが違ったのでネットで解決策を探してみた。Firefox なんかは
チェックボックスの状態が変わった瞬間、 IE は状態が変わった後にチェックボックスから
フォーカスが外れたら onChange イベントが発生するようだ。
IE の動きは何か直感的じゃないと思ったけれど、別に間違ってないらしい。
http://www.w3.org/TR/html4/interact/scripts.html
The onchange event occurs when a control loses the input focus and its value has been modified since gaining focus.
参考にしたサイト:
...
数値文字参照を元の文字に変換するブックマークレット
こんな感じ。
javascript:(function(){function g(el,l){for(var i=0;i<l;i++){var s=el[i].selectionStart;var e=el[i].selectionEnd;if(s!=e){el[i].selectionStart=0;el[i].selectionEnd=0;return el[i].value.substr(s,e-s);}}return '';}var s=window.getSelection().toString();if(s.length<=0){var...
Firefox Add-ons and Scripts for Tumblr
Japanese heavy users of Tumblr seems to use Greasemonkey
and the following Greasemonkey scripts.
AutoPagerize - It loads next page contents when you scroll down to the bottom of the page.
Minibuffer - It gives you command-line operation. (This is required for LDRize and ReblogCommand.)
LDRize - You can scroll to next/previous post with “j”, “k” key. You can mark a...
November 2009
2 posts
YUI を使ったアコーディオンメニュー
YUI を使ってアコーディオンメニューを実装するサンプルはいくつかあるけど、どうやってるのか
知りたかったので自分でも作ってみた。
参考までに、最近見つけたものをいくつか。
YUI Widget: Accordion Manager - Examples - JavaScript Bubbling Library - YUI Library Extension for Event-Driven Applications
YUI AccordionView Widget
Notoptimal Dev: A Simple YUI-Powered Accordion Widget
どんなことをするか
ページを読み込んだ時に、アコーディオンのコンテンツを隠す
メニューをクリックした時にアコーディオンのコンテンツを表示する (開いてれば閉じる)
使い方
...
Accordion menu with YUI
There are some according widget with YUI, but I created very simple accordion menu widget
for myself to know how to implement it with YUI.
For your reference, I list some accordion widgets that I found laterly.
YUI Widget: Accordion Manager - Examples - JavaScript Bubbling Library - YUI Library Extension for Event-Driven Applications
YUI AccordionView Widget
Notoptimal Dev: A Simple...
October 2009
4 posts
JavaScript のスピードアップ (Google Tech Talk)
最近 Google Tech Talk の Speed Up Your JavaScript を見たので、 今後のためにメモしておく。
Nicholas C. Zakas さんがプレゼンテーションの中で次の4つの点について説明している。
スコープ管理
データアクセス
ループ
DOM
スコープ管理
ローカル変数を使う (変数などはローカル変数に保存して使う)
“with” ステートメントをさける。また “try-catch” を使う時は注意 (これらはスコープチェインの先頭にオブジェクトを追加する)
#1の例: ローカル変数を使用
function func1(){
var doc = document;
var header = doc.getElementById('header');
...
Speed up your JavaScript (Google Tech Talk)
I watched Google Tech Talk Video - Speed Up Your JavaScript yesterday. I take a note of some points of the technic here for my study.
Nicholas C. Zakas showed 4 points for speed up in the presentation.
Scope Management
Data access
Loops
DOM
Scope Management
Use Local Valiables. (Store a valiable to a local valiable.)
Avoid “with” statement. Be careful...
Watchvia 10/GUI | Blog | Nick Finck | UX/IA Pro, Speaker, and Community Cultivator.
“実現すべきなのは、ひとりが使い始めたら、周りはまったく何もしなくても、当人とその友だち全員の役に立つ仕掛けだ。”
– jwz: グループウェア、ダメ！ ‐ Groupware Bad
(original sentence)
The trick you want to accomplish is that when one person is using your software, it suddenly provides value to that person and their entire circle of friends, without the friends having had to do anything at all.
September 2009
7 posts
Idea of PRM
When I watched video of Highrise,
I thought that CRM and SNS is similar in terms of its purpose.
I think SNS should have features which are subset of CRM to enhance
personal relationships of users.
Here is just my idea of PRM (personal relationship management) UI.
Home
Contact
Schedule
ToDo
It’s a concept of PRM, so I didn’t think so much details of its features.
自分のブラウザに登録してあるブックマークレットのまとめ
ブラウザ(Safari)のツールバーにbookmarkletというフォルダを作って、そこに登録してあるブックマークレットをまとめておく。
以前書いたやつは実はあまり使ってない。
現在見ているページへのリンクタグを作成
javascript:(function(){var%20t=document.title;var%20u=document.location.href;var%20link='<a%20href="'+u+'">'+t+'</a>';var%20x=prompt('',link);})();
Amazon.co.jp の短い URL...
August 2009
3 posts
Simple Shopping Search
以前作った、Tiny Shopping Browserというパンくずリスト + ナビゲーションメニューというUIのデモを更新して、Amazon.com のデータも取得できるようにし、見た目も少し変えた。そして、名前をSimple Shopping Searchに変更した。
Simple Shopping Search
AmazonのAPIからのレスポンスが遅い時など、ちょっと変な動きをする時があるが、その場合はやり直せば上手く行くと思う。自分で使ってみて大きな問題はなさそうだった。
Continuous Pagination with YUI
Last month, I implemented continuous pagination to Simple Shopping Search that is described in Breadcrumb + Navigation. I refered to the article on Switch On The Codeto create this.
What the script should do is
Checking position when scroll event occurs
If it’s scrolled at a certain point of the page, it gets next page contents/data and then append it at the end of the page
The...
July 2009
11 posts
rm, rmvb を avi に変換
Real Player で再生する .rm や .rmvb などの拡張子が付いた動画を
avi に変換する方法が Apple Clinic にあって、その通りにやってみたら
変換できたのでメモっておく。
参照: How to convert .rmvb to .avi (on PowerPC and Intel Macs)?
必要なソフトやファイル
ffmpegX
mpeg2enc - Compile hints for MAC OS/Xにあるmpeg2enc.intel
memcoder & mplayer - MPlayer OS Xにある ffmpegXbinaries20060307.zip
Binary Codec Package - Mac OSX x86版
インストールと設定
ffmpegX をインストール
Binary Codec...