iPad当たってしまいました！

じゃーん

16GのWi-Fiモデルです。
元々買うつもりはなかったんですが、
発売日近辺の様々なメディアのとりあげよう＆Twitterのタイムラインとかで、ちょっと欲しくなってたのでよかったです。
なんか、運使っちゃったみたいでちと怖いですが、、、
人生たまにはいいことあるもんですね。

肝心の使ってみた感想ですが、

一言で言うとでかい。

iPhone用で使ってたアプリが、iPad用に最適化されて提供されてたりするので、 今までiPhoneでできていたことを担保しつつ、またひと味違った使い心地です。エフェクトとかよりカッコいい。
なにせ画面がiPhoneと比べるとケタ違いですし、とりあえず写真なんかはiPhoneで見るのと比べると
格段にキレイにハッキリ見えます。
デフォルトの機能でフォトフレームついてるし。

文字入力も、iPhoneをちょっと打ちやすくしただけだろ　的な事を思ってたのですが、
これが意外と打ちやすい。
慣れたら結構なスピードでブラインドタッチが可能になるだろなと思いました。
実際PC代わりになるし。最近、家帰ってからPC立ち上げる回数減りました。

今はとりあえず会社に持ってってます。
身内関係にはひとしきり自慢したので、今度はカフェとか入って何気にiPad取り出したりしたいです。 これも今持ってるメリットのひとつですw
でもやっぱ持ち出すと3Gがいーなー。

Web的な事で言うと

新しいデバイスで、発売前の世間の騒ぎようとかを考えると、これで何か新しいサービスを〜
とか考えれたらいいんですけど、最近の勉強不足な自分にはどう活かしていいやら (汗

iPadは「勉強しなきゃ」とゆー、
焦燥感も僕に与えてくれました orz

とりあえず、もーちょい触ってみまーす
企画をされた、かずみちさん始め、アップルップルのみなさま、ありがとうございました！

でも業務で使用させていただいているので、今更試してっていうのもアレなんですが、 せっかくなので応募させていただこうと思ってエントリーします。（iPad欲しいし

キャンペーンの告知ページはこちら
http://www.a-blogcms.jp/news/ablogcms130ipad.html

まずインストールですが

日頃業務でやってるのでこれも今更なんですが、とりあえずローカルのMAMPのやつが バージョン古かったよねってことでMAMPのをバージョンアップしました。

バージョンは1.1.0。

これを1.3.0にあげました。

特に何事もなく終了です。
MAMPに入ってたやつは何もカスタマイズしてなかったので、ほぼ全てのファイルを入れ替えました。
以前、上書きとかしてて、あまり上手くいった事がなかったもので。
1.3.0は前のバージョンとかと比べると、ディレクトリとかファイルの位置とか違ったりしてるので
入れ替えて問題ない箇所であれば、前バージョンのディレクトリをリネームしといて新しいバージョンのディレクトリをアップロードするのもいいと思います。

こんな感じ。

1.3.0での変更点で、個人的にアツイ部分とか

今回の変更点で個人的にアツイのが以下の部分です。

• モジュールIDの設定で数値フィールドにグローバル変数を指定できるようになった
• 校正オプションが編集可能に
• パートナーのみにモジュールのソースを公開

最後のに関しては、5/29現在まだなので
上二つに関してレポートしたいと思います。

モジュールIDの設定で数値フィールドにグローバル変数

てのは具体的にはここです。

このフィールドに、%{BID}やら%{CID}やらのグローバル変数を指定できます。
用は同じモジュールを使用しても、ブログやカテゴリ毎に表示するコンテンツを変えられるって事です。
ただ、ablog cmsはURLコンテキストが今いるページの情報をモジュールに渡して表示してくれたりするので、これだけの変更では案外使わなかったりするかもしれません。

で、今回の変更点でこんなグローバル変数が追加されました。

%{RCID} と %{PCID}

このグローバル変数は、ルートカテゴリのIDと親カテゴリのIDを取ってきてくれます。
これで何ができるかというと、例えば以下のように設定します。

こう設定すると、常にルートカテゴリの情報を引っ張ってきてくれるモジュールになります。
各コンテンツが多階層のカテゴリで構成されていたりして、コンテンツ毎のローカルナビゲーションを統一したりだとか、コンテンツ毎のフューチャー画像など、今まではカテゴリ毎に登録したりだとかテンプレートを分けたり、カスタムフィールドの値で分岐を設けたりしなければいけなかったような事も、ルートカテゴリで登録したものを表示する事ができるようになります。

便利。

カスタム校正オプション

校正オプションが公開されました。 パス的には、/php/ACMS/Corrector.php のファイルに記述されています。
ここに、適切な書式で記述すれば独自の校正オプションが作成できます。
適切な記述と言っても、functionで定義して、returnで返してあげるだけです。

簡単な記述のnl2br校正オプション。

テンプレートに設定したモジュールの値が、$txtに引数として送られてくるので、加工してreturnするだけです。 trim校正オプションのように引数を任意に設定するようなものも書く事ができます。

trim校正オプションはテンプレート上、

//
{summary}[trim(120,'...')]
//

と記述します。
てことは、$args=array()に引数の、120と’…’が格納されていて、 $args[0]には120が、$args[1]には’…’が格納されています。
その引数を使って処理し、trimして表示しています。

これだけでもカスタマイズの幅は十分広がるんですが、今回こんな事してみました。

//
{summary}[hoge('%{CID}')]
//

で、hoge校正オプションを書きます。

これで結局何をしてるかというと、%{CID}を校正オプションに渡して
%{CID}毎に{summary}で出力される内容を分岐させる事ができます。
当然他のグローバル変数も引数として渡せます。

これはひろがりますよ
でもやりすぎると、校正じゃなくて改造になりますが ：）

まとめ みたいな

このエントリーが「a-blog cmsを試してiPadをもらおうキャンペーン」の主旨にあてはまっているかどうかはわかりませんが、個人的には今回のバージョンアップでできる事が大幅に広がりました。
そもそもまだ業務で触りはじめて４ヶ月ほどですが、a-blog cmsはその間にも着々と進化していっています。
まだまだ個人的な要望は細かい事も含めたらありますが、夢の1.4なんて話もありますし、もっと使いやすくなって、制作がもっと楽になってったらいいなと思います。

iPad当たったらいいな。

あと、モジュールの公開を早急に是非。

去る、

4/23,4/24に、＃acmscampに参加させてもらいました。

＃acmscampはtwitterのハッシュタグなんですが、正確には、
「a-blog cms Power User Training Camp 2010 Spring」とゆー
とっても長い名前で、
日頃、a-blog cmsを使用している人たちが集まって強化合宿をしようというものです。
北は宮城から、南は福岡まで、20人の参加者で知多半島先端の師崎荘というところで行われました。

合宿のテーマ

としては、各自が疑問点を持ち寄ってそれを解決しよう！
というのと、近々発表される予定のa-blog cms v1.3.0の新機能の紹介でした。

個人的には最近の制作で、ページの表示スピードに関して困っていたので、
v1.3.0でパートナーに（一部？）公開される予定の、モジュールや校正オプションなどを自作する事で
少しでも解決できる事があればなと考えていました。

モジュールの制作は、

公式ページのチュートリアルにもあるように、

<?php
require_once ACMS_LIB_DIR.'GET.php';

class ACMS_GET_Hoge extends ACMS_GET
{
    function get()
    {
        return 'hogehoge';
    }
}
?>

という雛形の中に適切な記述をすれば作成できます。
ACMS_GETクラスを継承した、新クラス＝新モジュールという形になります。
この中で、別のphpライブラリなどを読み込めばそのライブラリの機能も使用しつつのモジュールの作成もできます。
DB関連のクラスもチュートリアルが用意されているので、
phpやDBの知識が若干でもある人ならば、新しいモジュール開発ができるようになっています。

とはいえ、

やっぱりちょっと敷居が高いので、
公開予定の既存のモジュールを少し改変するところからはじめてみようかと思います。
現状の環境ではテンプレート上で処理を分岐させることによってしか実現できないような事も、
モジュールの改変でモジュール内で分岐させるような事ができれば、表示スピードも違ってくるのかなー、とか思いました。

他にも

参加する事でしか聞けないような事も聞けましたし、多少の個人的な要望もぼそっとつぶやいてきました。
何より日頃twitterでしか交流がなく、会った事がなかった各地のa-blog cmsのユーザーの方達にも会えて、
リアルに交流できた事もとても良かったと思います。

今回の合宿をきっかけに今後も情報交換等で交流が深まって、
結果a-blog cmsがより良いものになっていって、僕らの懐もよりうるおうようになっていければいいなと思いました。

参加者や、アップルップルの皆さん。ありがとうございました！

講師は、10月に開催されたWeb会議でも講演された、浅野智先生。
ちなみにそん時もレポート書いてます。

ワークショップのスケジュールはこんな感じ。

• 講義
• ユーザインタビュー
• 分析
• ペルソナ／シナリオの作成
• プレゼンテーション
• リフレクション

題材は、正田醤油株式会社の「おいしいがうれしいレシピ集」のリニューアルする上で、若い世代にもっと醤油を利用してもらえるようなレシピ集にしたい。
その為のペルソナとペルソナが醤油を使うレシピを検索して、作りたくなるまでのシナリオを提案する。 これを6人１グループで行う。

というものでした。

講義

前回聞いたお話は、HCD全体のお話だったんですが、今回はペルソナ／シナリオ法単体でのワークショップ。
まず、言われていたのは前提として、HCDありきという事。
HCDの循環プロセスの一部に、ペルソナ／シナリオ法があるという事です。

以下、備忘録として箇条書き

• 共通認識になっていないユーザ像 = ゴム製ユーザ
• 機能を多くして100％の人が満足するより、10％の人が100％満足
• 狙いのユーザ像を明確にする
  　なぜ？
  • 商品の評価は使う人がする
  • 売れる商品の提供の為には、使う人を知る必要がある
  • 使う人のユーザ像を共有する必要がある
• 不明瞭なユーザ→開発者は自分がユーザ
  　厳密なユーザ→開発者はペルソナがユーザ
• ゴールダイレクテッドデザイン
  • ペルソナが目指すゴールを決める
  • ゴールまでのシナリオを考える
• 優れた開発者ほどユーザのことを考えて作らない
  　→要所にユーザを参加させる
  　→ユーザ参加型のデザイン
  • 形成的評価 – 随所
  • 総括的評価 – 最後
• 日本は高コンテキスト社会
  　アメリカは低コンテキスト社会→常に頭の中身を具体的に外に出す習慣がある。”外化”
• ペルソナ人形

主なもの（僕のメモ）は以上でした。 講義自体は前回お聞きした内容とかぶる部分も多かったのですが、自分にとっては良い復習になりました。
前回聞いた内容を、ペルソナ／シナリオ法にどう活かすのか、より具体的なお話が聞けました。

ユーザインタビュー

こっからワークショップです。
まずは、ペルソナ作成の為に数人にインタビューします。
今回は参加者の中から、任意の2名を選んでインタビュー。
あらかじめ質問内容は決まっていたので、それを元にインタビューしました。

当然ですが、本来ペルソナを作る時は、このへんの質問内容も大事になってくるのでしょう。
質問内容を考える上で意識した方がいいと思ったことに、”マーケティングの大きな誤り”というものがあります。

• アンケートを取れば、真実が分かる
• 生活者は自らの思考プロセスと行動を容易に説明できる
• 生活者を取り巻く文化や社会は、個々に独立した事実として調査する事が可能である

上記のような事を、誤った認識として認識しておかないと（日本語変？）、
ペルソナ制作の入口であるユーザインタビューが意味のないものになってしまう事もありえるのかな？
と思いました。

分析

インタビュー内容を踏まえて、分析をします。
メモしたものを、ポストイットに書き起こし、KJ法でグルーピング。
ポストイットに書き起こす時には、単語ではなく、状態・動詞で表現すると良い。

僕らのグループは時間がなく、このへんあまり考える事ができませんでした。

ペルソナ／シナリオの作成

分析できたハズなので、いよいよペルソナとシナリオを作成していきます。
ここは、ペルソナ作成班と、シナリオ作成班にわかれて作業。

なのですが、インタビュー→分析　の結果を、どうペルソナやシナリオつなげたら良いのか、
ちょっと戸惑いました。

ペルソナはインタビュー結果を踏まえて、今回2人にインタビューなので間を取ればいいの？
たくさんの人にインタビューした場合はどうすればいいんだろ？
シナリオ作成もインタビュー結果を手掛かりにしていくんだろうか？
作ったペルソナが行動しそうなシナリオを意図していくのだろうか？

んー、このへんちょっと消化不良かも。

結果、非現実的なシナリオになっちゃいました（汗
非現実的なシナリオの場合は、２パターン・３パターン作るといいそうです。
作ってる時は楽しかったんですけどねー

あと、シナリオにも２種類。

アクティビティ・シナリオ

ユーザがゴールに向かう道筋を物語りにしたもの。
ユーザビリティテストのタスクになる。

インタラクション・シナリオ

アクティビティ・シナリオを製品やサービスとのインタラクションに落とし込んだもの。

参加してみて

今回のワークショップはおそらく、 ”圧倒的にさわりだけ”
のような印象です。

本来、もっと時間をかけてじっくりやるものを、
ばーーーっと、流れだけ体感させてもらった。という感じでしょうか？

でも個人的には、実務どころか知識としても経験のない事なので、とても勉強になりました。
流れだけでも体感して経験しているという事実は、今後の制作に於いてなにかしらの役に立つと思います。
そして機会があれば、更にじっくり勉強し、実務にも活かしていけたらなと思いました。

例えば以下のようなhtml。

<table summary="2010/3 カレンダー">
    <tr>
        <th>日</th>
        <th>月</th>
        <th>火</th>
        <th>水</th>
        <th>木</th>
        <th>金</th>
        <th>土</th>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    
    <!-- 略 -->
    
    <tr>
        <td>28</td>
        <td>29</td>
        <td>30</td>
        <td>31</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

<input type="hidden" class="holiday" value="7,14,21,22,28" />
<input type="hidden" class="saturday" value="6,13,20,27" />

tableの下のinputに入っている要素が対象としたい日です。
一個目のinputには日曜と祝日の値を入れてます。
二個目のinputには土曜の値を入れてます。

ちなみにcssはこんな感じ。

table {
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    border-collapse: collapse;
    table-layout: fixed;
}

th {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

td {
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

td.holiday {
    background-color: #f69;
}

td.saturday {
    background-color: #69f;
}

で、jQuery使ってこう書きました。

    $('table').each(function(){
        var keyDays = {};                    
        keyDays.holiday = $(this).next().val().split(',');
        keyDays.saturday = $(this).next().next().val().split(',');
        
        $('td',this).each(function(){
            var self = $(this);
            var day = self.text();
            $.each(keyDays,function(key,ary){
                $.each(ary,function(i,val){
                    if(day == val){
                        switch(key){
                            case 'holiday':
                            self.addClass('holiday');
                            break;
                            case 'saturday':
                            self.addClass('saturday');
                            break;
                        }
                    }
                });
            });
        });
    });

はじめにkeyDaysというオブジェクト？json？を宣言。
ちゃんとわかってませんが、この型だと連想配列のように扱えます。 そのkeyDaysに、inputから取ってきたカンマ区切りの値を、カンマで区切って、holidayとsaturdayをキーとして配列で格納する。
次に、$(‘td’,this).each();で、カレントのテーブルの全tdを回し、その内部でさらに生成したkeyDaysを、$.each();で回します。
$.each();はforeachのような使い方ができるようなので、さらにその内部で$.eachで生成したaryを$.eachで回し、ifとswichで処理します。

他にも値が増やしたい時は、初めのkeyDaysの設定と、switch文内に処理を増やせばOKです。
tableも何個でも対応してます。

今回のテーマは以下。

• SESSION-1 : 名古屋のWeb制作会社2009年を振り返って 前編
• SESSION-2 : 名古屋のWeb制作会社2009年を振り返って 後編
• SESSION-3 : 2010年に飛躍するための7つのキーワード

順にレポートです。

名古屋のWeb制作会社2009年を振り返って

セッションの1と2は、名古屋のWeb制作に関わる企業の方々が、主に2009年の実績を報告するというもの。
他の企業の実績を、聞く機会というのはなかなかない事だと思うので興味深く聞かせていただきました。

数が多いのでひとこと感想にします。

トライデント 水野 和弥さん、原 亜津子さん、堀尾 真衣さん

下からの突き上げを感じます；
むしろWCANのような会場であれだけ堂々とプレゼンできる能力はきっと僕にはありません、、、orz

僕もトライデントで勉強させて欲しい(泣

山崎デザイン事務所 長谷川 哲さん

僭越ながら、長谷川さんのブログのファンです。
ブログと同じく、とても丁寧なサイト作りをされているなと感じました。

来年はボード一緒に行きましょう。

アップルップル 山本 一道さん

お名前は漢字で書いた方がいいのでしょうか？（漢字で書くと違和感が；

a-blog cmsのお話はあまりされず、a-blog cmsを支えるWebツールという内容でお話されました。
今回ばかりでなく、かずみちさんから知るツールは多いです。
今後もよろしくお願いします。

スーパーエレメンツ 中村 貴弘さん

Flexのお話でした。
Flash関係の話にはあまり明るくないのですが、簡単簡単という言葉が印象に残りました。
機会があったら触ってみたいです。

モンキーワークス 古庄 正尚さん

以前お聞きした、ブランディングなお話に事例を絡めて 的な内容でした。
事例を用いられての具体的なお話だったので、わかりやすかったです。

マール 増田 悟さん

a-blog cmsを使い倒しているお話でした。
もともとデザインな人なのに、あれだけ使い倒すのは凄すぎる、、、

若干手を抜いてください；

アクアリング 岩田 玲さん

自社サイトの女の子が可愛かったですw

さすがだなー　って感じです。
グランパスのサイトの実績を紹介されていました。

MTでCMSを構築しているそうです。
個人的にはその辺のお話をもっと聞きたかったです。

以上、

簡単な感想でした。
さすがに一気にあれだけ2009年を振り返られるとお腹いっぱいです。

聞いたお話を少しでも活かせれたらと思います。

2010年に飛躍するための7つのキーワード

セッション3として、長谷川恭久さんがお話されました。 お話された、2010年のキーワードは以下。
メモしたものと一緒に書き出してみます。

• OSの多様化
  • ニーズに合わせたハードとOSの開発
  • 使いやすさのヒントはOSにある
  • OSの特徴を活かしたデザインの提案
• リアルタイム
  • 時間がない
  • 人は「今」を楽しむようになった
  • 今すぐの反応を期待している
  • ビジネスにおいてもリアルタイムは将来必須
• ECO IT
  • ITとECOは切り離せない
  • 情報の透明化 = ブランド?
  • 企業/個人エゴでおわらない
• トラッキングアラート
  • アラートしてくれる
  • 顧客との新たな関係
  • 必要な時だけ丁度良い情報提供
  • 企業はサービスプロバイダーへ
• 情報の民主化
  • ブログ ≒ Newsメディア ?
  • 情報発信のコストは限りなくゼロ
  • ブログもリアルタイム化
• アウトソーシング
  • ストレージ、コンピューティング、データセット
  • 何でも自家製にする必要はない
  • コストの意味を再確認
  • 柔軟性が今後の課題
• 情報のポータブル化
  • Googleウェブマスターセントラル
  • マイクロフォーマット = Webスライスに
  • データはよりコンパクトに
  • データとデータが繋がり始めている
  • マークアップの価値の再確認

と、こんな感じです。

お話を聞いていて思ったのは、今後は合理化、効率化、必然性、整合性といった類の要素を、
より追求していく必要があるのかな？と感じました。

例えば、”何でも自家製にする必要はない”というのは自分でイチから制作しなくても、
外部でより低コスト＆高機能なものがあるならそっちの方使いなよ。って事だと思いますが、既にこれはCMSを利用してる事で実践してます。
それを今後は、ディレクションだったりデザイン・マークアップを行う過程で、
考えていく機会が増えていく事なのかなと思いました。

次にまとめ的に以下のお話をされました。

• パフォーマンスの向上
  • マークアップと表現のバランス
• モバイル
  • ファイルサイズ
  • 1ページ 1テーマ
  • 他サービスとの連携
• コンテンツ開発
  • ページだけでなく情報をデザイン
  • 会話になるような情報の提供
  • 段階的な参加を行う
• 効率化
  • たくさん働くことが成功にはならない
  • 目的を達成することが重要
  • 拡張性が低い

そして最後にこの言葉。

Webに対する考え方が変わってきている

これはWeb業界以外の人は当然、
Web業界以外の人もそうなのだという事ですね。

今の自分の感じる、業界のスピード感というものがありますが、
それについていけているのか？遅れていっているのか？実際のところはわかりませんが、そういうものを敏感に感じ取って先へ先へ進んでいかないと、あっという間に取り残されていってしまう気がします。
その為に今後は、より確実で効率的な情報収集が必須で、それについていけるだけのスピーディーな技術力の会得も必須だという事な気がします。

はー　大変だね。

最後に自分の

僕個人の2009年は、飛躍に向けての準備期間だったと思っています。
もう書いちゃっていいと思いますが、来年は環境も変わりますし、
今までとは違うスキルも求められてきます。
はじめはそこについて行くのがやっとかと思いますが、来年の今の時期には「得るものの多かった2010年」になるよう頑張っていきたいと思います。

asで三角関数を使う為には、Mathクラスのsin,cosメソッドを使います。
tanメソッドもあるそうですが、いまんとここれは全然わかりません。

sin,cosメソッド共に引数に応じて、1～-1の間の数値を出力します。

引数にはラジアンを指定します。
ラジアンってなんぞや？って話なんですが、

角度が上図の状態のときの、赤い線の長さ？らしいです。
こんなとこの長さどーやって求めんだよ！と思いますが、公式があります。

ラジアン = 角度 * Π(パイ) / 180

こんなんわかんないです。

一度、上の図を変数に置き換えます。

• 基準点（0,0）を、baseXとbaseY。配置するインスタンスの初期座標になります。
  この点を元に、インスタンスが円の動きをしてくれます。
• 角度を、speed。角度なのにspeedです。
• 半径を、r。
• ラジアンを、rad。

とりあえずこんなとこ。
さっきの公式に当てはめるとこうなります。

var baseX:int = 100;
var baseY:int = 100;
var speed:int = 0;
var r:int = 50;
var rad:int;

rad = speed * Math.PI / 180;

次に、sinΘとcosΘの位置を求めます。
式はこう。

x = baseX + Math.cos(rad) * r;
y = baseY + Math.sin(rad) * r;

xについて説明すると、まずcos(rad)で、角度に応じた1～-1の間の数値を求め、それを半径で乗算しています。
今回の場合半径は50としているので、ラジアンの値次第で、最大50～最低-50までの数値が求められます。
これに、xの基準点の100を加算してやります。
すると、基準点+-50の値が導き出されます。
yも同じです。

通して書くとこんな感じになります。

var baseX:int = 100;
var baseY:int = 100;
var speed:int = 0;
var r:int = 50;
var rad:int;
var mc:MovieClip = new Maru();
addChild(mc);
mc.x = baseX;
mc.y = baseY;

addEventListener(Event.ENTER_FRAME,moveMaru);

function moveMaru(event:Event):void{
    rad = speed * Math.PI / 180;
    mc.x = baseX + Math.cos(rad) * r;
    mc.y = baseY + Math.sin(rad) * r;
    
    speed += 10;
    if(speed>360){
        speed = 0;
    }
}

speed（角度）を、enterframeのイベント毎に10ずつ加算しています。
最後のif文は、これをしないと無限に数値が加算されてしまう為の初期化です。

次にやる時まで覚えてられるんだか。

最後のテーマは、錯視。

錯視といえば、有名なのはコイツです。

チェッカーシャドウ錯視

何度見ても、AとBの色が同じとは思えませんね。
でも同じなんすよねー。
物理的には同じなのに、心理的に異なって見える現象です。

これだけでも、人間の視覚というのは騙されやすいものだという事がわかります。
今回はこういう感じで、終始騙されてきました。

次には、補色残像。
例えば、赤（RGBだとR）で塗られている四角形を集中して30秒ほど見続けた後に、
無色の四角形を見ると、ぼおっと水色っぽい色（GBの混色）で塗られているように見える事をいいます。

あとは、対比現象。
色相・彩度・明度・色陰・補色・縁辺、
色々ありますが、周りの色の影響で中の色の見え方に影響が出る現象です。

他には、

• マッカロー効果
• ムンカー錯視
• ハーマンドット
• マッハバンド
• エーレンシュタイン効果
• ネオンカラー効果

等々。

自分は日々の業務でデザインする事はありませんが、
こういう事を、意識せずデザインするのとしないのとでは全然違ってくるように思えます。
感覚でできちゃう人はやっちゃうんでしょうけど、知識として知っておけば、人を説得できる材料にもなります。
デザインをやらないandできない僕の様な人にとっては、理屈で負けたくない時用に得ておきたい知識でした。

ひらべったいすねー
ちょっと使ってみた感じでは、いまんとこトラックパッドが勝ってます；
さすがにドラッグはマウスのがやりやすいですが。

慣性スクロールとか2本指スワイプは不思議な感じ。
あとはやっぱExposeができたらいーなー

↓は悪ふざけです

石鹸とアイロン。