HMDT - Back Number / March, 2001

Sketch BP、Grid Panel 編だ。グリッドを制御するためのパネル。まずは .nib から。

Mac OS X は、Classic を使っても、意外に快適かも。ただ、スワップに時間がかかり過ぎるような気がする。速いハードディスクが必須か？または Mach だからあきらめるしかないのか？よくいわれるように、NT のように、もっとカーネル空間にたくさんの仕事を渡した方がいいのか？このへん、きちんとした知識がないから、よくわからないのでした。

Sketch BP、きょうは SKTToolPaletteController についてかいてみたよ。ツールパレットウィンドウを制御するためのクラスだ。

どうやって書こうかいろいろ迷ったよ。メソッドを一個ずつ解説しようかとも思ったけど、それだったらコードを読んだ方が早いもんな。というわけで、How to 風にまとめてみたよ。

• SKTToolPaletteController のインスタンスを取得するには？
• ツールバーのボタンにアクセスするには？
• いま何のツールが選択されているんだ？
• 別のツールを選択したのを知るには？

どう？普通のコード解説より分かった気分になると思わない？

先日紹介した「スクリーンセイバーをつくろう！」だけど、ビルドした人は分かると思いますけど、字がどんどん画面を埋め尽くしちゃって、すぐわけわかんなくなっちゃうよな！その解決法を小倉さんが教えて下さいました。＞感謝！

さて、その方法とは。スクリーンセイバーのようなアニメーションを行うには、一定間隔で描画ルーチンが呼び出されることになるんだ。その時には、前の画像がまだ画面に残っている。そこで、半透明値を設定した色で画面全体を塗りつぶしてやる。そうすれば、残った画像は徐々に薄くなり、やがて見えなくなる、、、ってわけだ。半透明が気楽に使える Mac OS X ならではですな。

#import <AppKit/AppKit.h>
#import <ScreenSaver/ScreenSaver.h>

@interface ScreenSaverTest : ScreenSaverView {
}
@end

#import "ScreenSaverTest.h"

@implementation ScreenSaverTest
- (void)oneStep
{
    // Choose a random point
    int width = [self frame].size.width;
    int height = [self frame].size.height;
    NSPoint pt = NSMakePoint(
        SSRandomFloatBetween(-width, width), 
        SSRandomFloatBetween(0.0, height * 2));
    float strSize = SSRandomFloatBetween(12.0, 256.0);

    // Make a screen color and rect
    NSColor* back = [NSColor 
       colorWithCalibratedRed:0.0 
               green:0.0 blue:0.0 alpha:0.05];
    NSRect rect = NSMakeRect(0, 0, width, height);

    // Make a random color
    float red = SSRandomFloatBetween(0.0, 255.0) / 255.0;
    float blue = SSRandomFloatBetween(0.0, 255.0) / 255.0;
    float green = SSRandomFloatBetween(0.0, 255.0) / 255.0;
    float alpha = SSRandomFloatBetween(0.0, 255.0) / 255.0;

    NSColor* color = [NSColor 
        colorWithCalibratedRed:red
        green:green blue:blue alpha:alpha];
    
    // Make a string
    NSMutableAttributedString* str = 
        [[NSMutableAttributedString alloc] 
            initWithString:@"Say Hello to Mac OS X!"];
    [str addAttribute:NSFontAttributeName 
        value:[NSFont fontWithName:@"Times" size:strSize] 
        range:NSMakeRange(0, 22)];
    [str addAttribute:NSForegroundColorAttributeName 
        value:color 
        range:NSMakeRange(0, 22)];
    
    // Draw string
    [back set];
    [NSBezierPath fillRect:rect];
    [str drawAtPoint:pt];
}

実行画面はこんな感じ。前とあまり変わらないけどね。

ようやっと、PowerBook G4 に Mac OS X をインストールしたよ。インストール自体はなんの問題もなかった。起動してみると、おぉ、この横長の画面は Dock との相性がぴったりだ。とりあえず、ましになったとうわさの Classic を起動して、このページを編集してみる。うーん、Classic の使い勝手はいまいちだな。やっぱし。しばらくは、Mac OS X マシンと Mac OS 9.1 マシンを並べて使うのが現実的だな。

ちょっと感想だけど。Developer Tool をインストールした人は、ぜひ /Developer/Examples/Java の中を見てくれ。Java アプリケーションのサンプルが入ってる。Public Beta と比べると、格段にパフォーマンスが上がっているのが実感できるよ。特に JFC/SwingSet2 とかいぢってみて。使えるよ。これなら、本気で使えるよー！Java2D も見て。Mac OS の Java もやっとここまで来たよー。あの、使い物にならない MRJ からよくぞここまできた。長かったなー。

先日の「スクリーンセイバーをつくろう！」ですが、コードに間違いの指摘がありましたので、修正しました。ありがとうございます＞小倉さん

ScreenSaverTest.m - line:1

誤）#import "ScreenSaverTest.m"
正）#import "ScreenSaverTest.h"

ScreenSaverTest.m - line: 30

誤）value:randomColor
正）value:color

ごめいわくをおかけして、ごめんなさい。やっぱり、コンパイルの通ってるソースを、コピーペーストするのがいちばんですね。でも GoLive だと、やりにくいんだよな。

Sketch BP、きょうは ToolPalette.nib についてまとめてみた。ツールパレットのためのウィンドウの .nib ファイルだ。あー、Inteface Builder だとあっという間に作れるのに、それを文章で説明使用すると、めんどくさーい。

この週末は、なんかアクセスが多かったよ。これって、やっぱり Mac OS X 景気かな。残念ながら、ここのページではインストール体験記や、人柱的実験はとくにやんないけどね。

Mac OS X 10.0 には、ScreenSaver.frameworks の header ファイルが公開されているようだ。Public Beta では、見れなかったんだよねー。これがなにを意味しているかというと、正式にスクリーンセイバーが作れるようになったんだ。さっそく作ってみよう。

Mac OS X を買ってきた、または配達されて、インストールしたはいいけれど、何をやっていいか分からなーい、というそこの君！Mac OS X には Developer Tool CD がついているじゃないか。今日から君もプログラマーだ（？）。下のインストラクション通りすすめれば、簡単にスクリーンセイバーが作れる。

まずは、Project Builder を起動。新しいプロジェクトを作る。そのときタイプに Bundle - Cocoa Bundle を指定してくれ。で、適当な名前をつけて保存する。

次に、プロジェクトの Target タグを開く。そこから、Build Settings のタグを選んで、Expert Build Settings の WRAPPER_EXTENTION を選んで、Value を 'saver' に返る。

Files タグに戻って、File - New File を選び、ソースコードを書くためのファイルを作る。タイプは Cocoa Objective-C class がいいな。

そして、ScreenSaver.frameworks をプロジェクトに加える。Project - Add Frameworks... を選択して、/System/Library/Frameworks/ScreenSaver.frameworks を選択してくれ。

さて、ここまできたら、ソースを書く。以下のように書いてくれ。

#import <AppKit/AppKit.h>
#import <ScreenSaver/ScreenSaver.h>

@interface ScreenSaverTest : ScreenSaverView {
}
@end

#import "ScreenSaverTest.h"

@implementation ScreenSaverTest
- (void)oneStep
{
    // Choose a random point
    NSPoint pt = NSMakePoint(
        SSRandomFloatBetween(0.0, [self frame].size.width), 
        SSRandomFloatBetween(0.0, [self frame].size.height));
    float strSize = SSRandomFloatBetween(12.0, 96.0);

    // Make a random color
    float red = SSRandomFloatBetween(0.0, 255.0) / 255.0;
    float blue = SSRandomFloatBetween(0.0, 255.0) / 255.0;
    float green = SSRandomFloatBetween(0.0, 255.0) / 255.0;
    float alpha = SSRandomFloatBetween(0.0, 255.0) / 255.0;

    NSColor* color = [NSColor 
        colorWithCalibratedRed:red
        green:green blue:blue alpha:alpha];
    
    // Make a string
    NSMutableAttributedString* str = 
        [[NSMutableAttributedString alloc] 
            initWithString:@"Say Hello to Mac OS X!"];
    [str addAttribute:NSFontAttributeName 
        value:[NSFont fontWithName:@"Times" size:strSize] 
        range:NSMakeRange(0, 22)];
    [str addAttribute:NSForegroundColorAttributeName 
        value:color 
        range:NSMakeRange(0, 22)];
    
    // Draw string
    [str drawAtPoint:pt];
}

書けたか？じゃ、Build だ。左上のハンマーアイコンをクリック！問題がなく終われば、Project のフォルダの下に、build っていうフォルダができて、ScreenSaverTest.saver っていうファイルができてるはずだ。これを、Home の下にある、Library/Screen Savers にコピーする。これで完了だ！

あとは、Preference を立ち上げてスクリーンセイバーを選ぶと、いま作ったセイバーがあらわれる。それを選択すると、こんな感じになるはずだ。

かなりやっつけで作ったので、字がたくさん重なると見づらいとかあるよね。このあたり、改良するかもしれない。あと、今日の解説もかなり駆け足でやったので、分かりにくい、というメールがあったら、詳しい解説をやるかもしれない。

このソースコードは、epicware の Silly Balls をベースにしているんだ。ここには、たくさんのスクリーンセイバーとそのソースコードがある。スクリーンセイバーを作る人には、参考になること請け合いだ。

参考：epicware Mac OS X savers

無事、Mac OS X が発売されたようですな。まずは、めでたい。いやー、長かったねー。

たぶん、あちこちの Web サイトなどで、否定肯定入り乱れたいろんな意見が述べられていると思いますが、HMDT の見解はいつもと変わらず。OS なんざ、使ってナンボ！気に入らないところは、自分で作っちまぇ！

てなわけで、こつこつすすめましょう。今回は Cocoa 101、Interace Builder の Tips です。

• Views Palette - Button を NSMatrix を使って配置する
• Views Palette - NSMatrix の間隔を変える

これは、ツールバーなんかを作るときに便利な Tips です。最近の Cocoa 101 は Sketch BP の方とリンクしてるんだな。だから、近いうちに、Sketch PB の方でツールバーの話題を取り扱うよ、きっと。

Sketch BP、きょうは Sketch の Model, View & Controller 構造のはなし。Sketch で使われるクラス群の階層関係、相互関係とか、全体的な構成図を調べてみましたとさ。

Mac OS X をApple Store で注文してたんだけど、status が FEDEX Saturday delivery になってました。もう出荷したけど、FEDEX の方で保管してるわけね。でも、配送先を会社にしちゃったから、月曜日まで受け取れなーい。しくしく。

Sketch BP、まずは Sketch の at glance から。Sektch で使われる GUI 要素をちょっと概観。

Sketch って、正規版には含まれていなくて、Developer CD のみにおさめられているから、ちょっとやだなぁ〜って思ってたけど、Developer CD がすべてのパッケージに付属するので一安心。

Apple のプレスリリースや、各 Web サイトによると、Mac OS X の正規版には、Developer CD が付属するらしいね。ということは、すべてのユーザに、もれなく、Project Builder と Interface Builder がいきわたるわけだ。なんてこったい、マイガッ。すばらしすぎる！世の中、なにが起こるか分からんもんだねー。こんな素晴らしい事態になるなんて、1 年前はだれも信用しなかったろうよ。

と、いうことは、潜在的な日曜プログラマの数が、圧倒的に増えるわけだね。これからは、初心者向けのプログラミング解説サイトが人気を取るかもよ（他人事のよーな言い方だな）。

あと、気になるのは Metrowerks。開発環境が無料でしかも OS に付属してくるような状況になったら辛いだろうに。もちろん、Carbon アプリ開発用としては残るけど、新規のユーザを獲得する見込みは、限り無く低くなったね。デベロッパとしては、開発環境が一つに統一されるとメリットはあるんだけど。なんか、Microsoft と Borland みたいになっちゃうのかな。

前からやってた、Project Sketch BP が、どうやら形になりそうなメドがたってきたので、Special Issue のページにまとめはじめたよ。

Mac OS X に Sketch っていうアプリケーションがついてきたでしょ。あのドローツール。あれってソースコードが公開されているんだよね。サンプルとして。で、あのままだと、とっても使いにくいので、機能を増やしてやろう、ってのがこのプロジェクトのきっかけなんだ。

Cocoa の勉強、およびドロー系プログラミングの勉強（なんじゃそりゃ？）になると思うよ。まずは、ごゆっくりおつきあいください。

Cocoa 101、今日はチョイネタだ。

• Foundation Functions - NSPoint、NSSizet、NSSizeSRect を比較する
• Foundation Functions - NSRect の AND や OR をとる

Cocoa は、細かいバグがいろいろ修正されてきたように感じるな。Public Beta で原因不明の問題に泣かされてきた人は、少し解決するかもしれません。

Cocoa 101、NSBezierPath を変型する話だ。

• NSBezierPath - パスを移動、変型する
• NSBezierPath - パスを Rect のサイズにあてはめる

きょうの 2 番目の話はちょと便利。NSBezierPath には bounds っていう、サイズを取得するメソッドはあるけど、大きさを設定するメソッドがないでしょ。それを実現してみた。アフィン変換を用いて実装してみたんだ。もし、もっといい方法を知っていたら、だれか教えて下さい。

（修正：バグが見つかったので修正しました。0 で割っちゃだめじゃーん。

さて、一般的な話ですけど、ベジェ曲線で描いた図形を少しずつ少しずつ小さくしていって、幅か高さが 0 になったらどうするか？数式的にいうと、すべての要素の x 座標、または y 座標が 0 になってしまうので、サイズを戻そうとしても、もうだめになっちゃうんだよね。これって、できるだけ避けた方がユーザにとってはうれしいよな。ちなみに Illustrator で実験してみたら、高さを一回 0 に変更したら、もう高さを戻すことはできませんでした。マイガッ。）

• Finder はよくなってる。前のにくらべて。
• 全体的に速いけど、まだきつい、、、
• なんか、完全にかたまることが多くなったような、、、
• 文字が小さくなって、全体的にすっきりと。

Finder からファイルをドラッグされたとき、ハイライト表示をする View を作ろう！（そのまんまじゃ）

• NSColor - コントロールパネルで設定した、強調色を取得する
• NSView - drawRect 以外で描画する
• NSDragging - ドラッグされた View をハイライト表示する

関連トピックスがいろいろあるな。

• Java VM が 1.3 になってる。やったね！

おっ！なんか Apple から届いたぞ！よーし、早速インストールだ！

• あっ、最初の段階から、全部の言語を選べるじゃーん、日本語もオッケーだ。
• かかる時間は、、、たしかに一瞬 1 時間 30 分とか出たけど、すぐに短くなったぞ。うーんと、15 分ぐらいかな。
• Java shared archive...?
• ようこそ、、、うわっ、なんじゃあ、こりゃ！？Windows を意識してるのか？議論を呼びそうじゃのぅ。
• あ、アイコンが新しくなってる。
• う〜ん、ライブドラッグじゃなけりゃ、そんなに遅くないのに、、、
• うわぁ、固まったぞ！、、、だ、だいじょぶなのか？
• あり？ねぇ、ちょっと？うぉぉぉぉお！

というわけで、不安はいっぱいだが、きっと大丈夫さ（汗）！一週間後のリリースを待て！

（やべーな、どうやって復旧しよう、、、）

Cocoa 101、ドラッグ・アンド・ドロップについて、ちょっとだけ。

• NSDragging - ドラッグを受け付ける

あ、Cocoa はやっぱり！とかぶっちゃっている、、、

AirPort の設定をやってみたんだけど、ぜんぜんつながんない〜。そもそも、AirPort Base Station の電源を入れても、PowerBook 側にうんともすんともでてこないんだもん。これって、電源入れただけで、もうシグナルが出てくるんだよね？

AirPort カードが悪いのか、Base Station が悪いのか、ぜんぜん分かんないしなー。修理に出さないとだめか？

Cocoa 101、こんどはマウスをクリックしたあとの、トラッキングだ。

• NSApplication - マウスドラッグをトラッキングする

マウスを使う操作としては、あとはドラッグ・アンド・ドロップかな。

Cocoa 101、昨日の続きで、マウスのダブルクリックに関するところ。

• NSEvent - クリックの回数を調べる
• NSResponder - ダブルクリックをつかまえる

ダブルクリックは、NSEvent の clickCount を使うと、調べられる。じゃあ何クリックまでできるのか？いくらでもできるらしい。100th クリックとか使った UI を、、、作るわけないな。

Cocoa 101、マウスイベント関係だ。

• NSEvent - イベントの起こった場所を調べる
• NSResponder - マウスクリック、ドラッグイベントをつかまえる
• NSView - 座標系を変換する

このサイトはさ、Web レイアウトソフトとして、Adobe の GoLive 5 を使っているんだ。GoLive って、使っている人なら分かると思うんだけど、致命的なバグが多いでしょ。特に、ことえりを使って日本語を入力してると、いきなり、スパーン、って気持ちよく落ちることがよくあったんだ（気持ちよくない）。

だけど、環境が Mac OS 9.1 English + Japanese Language Kit に変わったら、急に落ちなくなった。その他の原因では、もちろんよく落ちるけど、日本語入力中に落ちる、っていうのはなくなったね。ちょっと快適になった。

さて、Cocoa 101 は、NSApplication の delegate について。

• NSApplication - delegate って何？
• NSApplication - delegate を設定する
• NSApplication - アプリケーションが起動するとき、メソッドを呼び出させる

あちこちのニュースによると、Mac OS X が GM を迎えたらしいね。だけど、DVD が再生できないとか、iTunes が動かないとかで、巷では騒いでる。ま、いいじゃん。プライオリティからいえば、DVD より先に、安定した Kernel だよな。Apple だって、限られたリソースで成り立っているわけだし。というか、むしろチャンスじゃない？動かなければ、作ればいいのさ！未来はお願いするものじゃなくて、自分の手で作るものだ。

というわけで、まずは一歩づつ Cocoa のお勉強をするのでした。きょうは NSView と NSCursor。

• NSView - View の大きさを取得する
• NSView - View にカーソルを対応付ける
• NSCursor - 矢印カーソル、I ビームカーソルを設定する
• NSCursor - 任意の画像をカーソルに設定する
• NSCursor - NSCurosr の隠れたクラスメソッド

カーソルを設定するために、Tracking View の仕組みを読んでいて思ったこと。AppKit では、racking View dﾘ generic な仕組みを、カーソルに特化させた resetCursorRects とかのメソッド群で wrpa してるんだ。Cocoa の思想って、アプリケーションを作る際に便利なものはどんどん提供していく、って感じだと思う。Framework は、最低限のものだけを提供して、あとは上にまかせる、っていう考え方とは、反対のものだ。

そういうアプローチは、アプリケーション・プログラマにとっては、楽なものだ。でも、各クラスの依存関係がとっても強くなっちゃうのが、気になるな。AppKit はもうそれ以上分割できない、巨大単一モジュールなのね。

今日は PowerBook G4 を会社に持っていてみた。

• 軽いねー、Wall Street に比べると。これなら、持ち運ぶのが全然苦にならないよ、Wall Street と比べると。
• ケーブルを抜き差しする時、ヒンジに指があたって取りにくい。特に保護カバーがついている Ehernet が取り外しにくい。
• 机に置いておくと、とにかく目立つっす。置いとくだけで、圧倒的な存在感がある。
• かばんに入れとくと、傷がつきそうで怖い。Wall Street は、傷には強いマシンだったよなー。カバーが早く欲しいね。
• Apple マークの方向は、間違ってると思う。やっぱり、開ける前に、こんにちは、閉じた後に、お疲れさま、って、使ってる人の方を向かなきゃ。

Cocoa 101、NSBezierPath の続きです。

• NSBezierPath - 曲線を描く
• NSBezierPath - パスを閉じる

これで、ベジェはひとくぎり。

来たよ、来たよ！PowerBook G4 が来たよ！うーん、かっこいねぇ。禁欲的でありながら、セクシーだ。第一印象は、画面がでけーよ。あと、カクカクしてるね。いま、Wall Street と並べて使ってるけど、対比があざやかだ。とても同じ会社が作ったマシンとは思えねーな。

いろんなサイトですでにいいとこ、悪いとこが出てるけど、ここでもやってみよう。旧マシンである Wall Street (with Blue Chip 466) と比べてみるよ。

• キーボード - G4 は Wall Street と比較すると、結構たわむ。特に、'O' や 'P' のあたりが沈んで、不安になる。あと、キーボードがパームレストより下か同じところにあるので、Wall Street とくらべると打ちにくい。
• トラックパッド - でかくて使いやすい。ボタンも、周りがへこんでいるので、意外に使いやすい。あ、もちろん、Wall Street の盛り上がったボタンの方が使いやすい。
• スロットローディング - かっこいい。場所をとらないから（トレイが出てこないから）、机の上で使いやすい。各サイトで報告されているような、ひっかかることは、まだない。
• 色 - シルバーの部分はいいんだけど、縁の白っぽいところがいまいちだと思うなぁ。全部同じ色ならいいのに。となりの Wall Street を見ると、やっぱり黒はかっこいい。Titanium がツヤ消しのブラックだったら、軍用パソコンって感じになって、かっこいいのに、、、
• ぱっと見たところ - かっこいい。でも Wall Street もやっぱりかっこいい。＜ほとんどおのろけか？両者に共通しているのは、とにかくスッキリしていること。いっちゃあなんだが、最近の VAIO とかって、ゴチャゴチャしているからなぁ。
• ヒンジ - ヒンジのデザイン上、画面の下、本体との間に隙間がある。その隙間から、ポートにケーブルがささっている様子が見えてしまう。ちょっとかっこ悪いかも。でも、何がささっているか見えて、便利かも。待てよ、Air Port 環境に移行してしまえば問題ないのか。
• パフォーマンス - 日本語を打っていると、ひっかかるような感じがある。US システムに Language Kit を入れたからかな？体感速度は Wall Street + Blue Chip の方が快適だ。これは悔しい。

やっぱり、使い勝手だけを見るならば、厚いマシンの方が使いやすい。あたりまえか。本領を発揮するのは、持ち運びしたり、外で使う時だろうね。

Cocoa 101 、きょうは NSBezierPath 関係だ。

• NSBezierPath - 線を引く
• NSBezierPath - 四角を描く
• NSBezierPath - 折れ線を描く

ベジェ曲線を描くときの Tips だ。バックナンバーを読み返していて思ったけど、おれの文章読みにくいねー。いや、文体がどうこうってわけじゃないんだ。この語尾とかは、かなり意識的にやってるから。話の展開が独りよがり、って気がする。気がする、というよりはそうなんだろう。たぶん、書いていた当時は、自分の頭の中で分かっていたんだろうけど、時間が経ってみると、本人でも何書いてるかよく分からねーぜ。

読む人を適切に誘導していくって、難しいんだね。毎日、文章を書くっていうのは、それだけで勉強になるねぇ。

Cocoa 101 に NSString 関係の Tips を追加したよ。

• NSString Additions - NSString を画面にかく
• NSMutableAttributedString - 文字に属性を設定する

画面に文字を描くためのサンプルだ。

今朝、Apple Store からメールが来て、PowerBook G4 を発送したよん、とのこと。やったね！えーっと、注文したのが 2/22 で、発送したのが 3/3。10 日ぐらいでしたか。400 MHz モデルで、メモリの増設と Air Port の取り付けもお願いした。思ったより早かったねぇ。Web 上ではいろんな情報が飛び交っているけど、どうも、Store との一期一会のような気はする。＜そんなのん気な話でいいのか？

来週の前半には来るかな？これで Mac OS X ready になったぜ。あとは X の正式出荷を待つだけだ！あっ、そうそう。注文したのは Apple Store US だかんね。

きょうの追加ぶんっす。NSTimer に関するところだ。

• NSTimer - NSTimer を使ってメソッドを周期的に呼び出す
• NSTimer - NSTimer を使ってアニメーションをする

前のを、変更、編集しているだけだけど、けっこう時間くわれるね、こういうことすると。でも、こりゃ自分でも欲しくなるな、こういうサンプル集。