実寸くんのAir版をつくりました

そんなわけで

画面のところ何mm?

• 50.8mm × 76.2mm 320px × 480px
  

• 49.7mm × 74.6mm 640px × 960px
  

• 146.1mm × 194.8mm 768px × 1024px
  

紙のサイズは何pxか？

• 72dpi 595px×842px
  
• 100dpi 827px×1169px
  
• 300dpi 2480px×3508px
  
• 350dpi 2894px×4093px
  

• 72dpi 729px×1032px
  
• 100dpi 1012px×1433px
  
• 300dpi 3035px×4299px
  
• 350dpi 3541px×5016px
  

• 72dpi 283px×420px
  
• 100dpi 394px×583px
  
• 300dpi 1181px×1748px
  
• 350dpi 1378px×2039px
  

画面フロー図の限界

• 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便
  
• 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。
  
• ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい
  
• そもそも画面展開の種類って網羅的に把握されてる？
  

展開形式はどれくらいあるか〜ダイアグラム化

• 全面上書き展開（いわゆる”_self”）
  
• 別画面遷移展開（いわゆる”_blank”やiphoneでの別viewへの遷移）
  
• 画面分割展開（1画面を別フレームで切って展開。Eclipseなどのペイン類）
  
• 非同期部分変更（ajax的な画面変更）
  
• フロート展開-排他 ダイアログ型（フロート内でアクションしないかぎり解除されない）
  
• フロート展開-排他 吹き出し型（領域外クリックで容易に解除される）
  
• フロート展開-非排他（パレット、ドローワー類）
  

利用例

• 画面フロー図レベルである程度のアクションとそれに対してのコンポーネントの反応、展開後の遷移を一覧できる
  
• ざっとした画面フローを書いてからこれらのインタラクションを表記することで、逆算的に画面要素を決定できる
  
• 対外的に必要でないかぎり画面要素仕様書を省ける。プロトタイプレベルでわかる画面の動きもある程度予想できる
  
• 上記ダイアグラムの7つのパターンをさしかえてみることで画面展開構成の試行錯誤が網羅的にできる
  
• フロー図を拡張したシュミレーションという側面があるので手書き向き。
  

• スマートフォンなど要素が限られるものはいいがweb規模だと図が複雑になりすぎるか？
  
• ページやコンポーネントのタイプと、展開形式をひもづけて管理するには、これで構成したあとエクセルとかにまとめたほうがいいかも。
  

そういうわけでPDFにしてみた

前提ルール

• alloc と retain、copyしたときに参照カウントが増える。参照の所有者（生成モトでオーナーシップをもっているもの）がreleaseしゼロの時deallocが呼ばれメモリが解放される
  
• クラスメソッドで生成されたものは自前でreleaseしなくていい
  
• iphoneの@propaty宣言はだいたい(nonatomic,retain) 。ただしself.つけないとアクセサ扱いにならない。assignはガベコレを意図したものだがiphoneはガベコレない。
  
• ループ内などではautoreleaseを活用
  

凡例

/*
インタフェース
*/
@interface HogeViewControler:UIViewController
{
	UILabel * windowLabel;
	NSArray * myHogeArray;
}
@property( nonatomin, retain) IBOutlet UILabel * windowLabel;
@property( nonatomin, retain) NSArray * myHogeArray;

@end


/*
実装
*/
#import "HogeViewControler.h"

@implementation HogeViewControler
@synthesize windowLabel, myHogeArray;

-(void) viewDidLoad
{
	//[1] allocでarrayが保持しているのでリリースする必要がある
	NSArray * array = [[NSArray alloc] initWithObjects : @"1", @"2", nil];

	//[2] arrayを参照しているのでretainCountふえる
	//setterのretainとarrayから渡されたポインタで合計2
	//self. なしだとアクセサにならずただの代入 
	//retainで確保されているのでNSArray * array側がreleaseしても存続できる

	self.myHogeArray = array;
	NSLog(@"%d" , [myHogeArray retainCount]); // 出力：2　


	//[3] クラスメソッドはautoreleaseされる
	NSArray * myFugaArray = [NSArray arrayWithObjects:@"1", @"2", nil]; 

	//[4] autorelease Pool
	int i = 0;
 	for ( i = 0; i < 10; i++)
 	{
 	 	NSAutoreleasePool * pool = [[ NSAutoreleasePool alloc ] init];
 	 	//大量生成されるオブジェクトを記述あとでリリース 	 	
 	 	[pool release];
 	}

	//[1] arrayのリリース
	[array release];
}

-(void) viewDidUnLoad
{
	//[2] setterのretainが確保しているカウントを解放
	//これってNSObject継承したクラスだとどこでよぶの？
	self.myFugaArray = nil;
	self.windowLabel = nil;
}

-(void) dealloc
{
	//[2] インスタンスプロパティの最終的な解放
	[windowLabel release];
	[myHogeArray release];
	[super dealloc];
}
@end

参考にしたサイト

プロパティ、メソッド、定数

//プロパティ　オブジェクト型は*ポインタが必要
//@privateで定義で　private var myDate:Date;
NSDate * myDate;
NSString * myString;
NSLocale * myCurrentLocale;

//定数
//public static const HOGE:int = 2;
const int HOGE = 2;

//メソッド
//public function countNumber(count:int):int
-(int) countNumber :(int) count
{
	count++;

	//ローカル変数var result:int = count;
	int result = count;

	//trace(result);  %d10進数　%f小数　%c1文字 %@ オブジェクトの内容
	NSLog(@"%d", result);

	return result;
}

//--------------------------------
//よみにくいメソッド 引数２つ
//public function application
//( application: UIApplication , didFinishLaunchingWithOptions( launchOptions: NSDictionary ) ): Boolean

- (BOOL)application: (UIApplication *)application didFinishLaunchingWithOptions: (NSDictionary *)launchOptions 
{    
    
    //window.addSubview( viewController.view );    
    [window addSubview:viewController.view];

    //window. makeKeyAndVisible();
    [window makeKeyAndVisible];
	
    return YES;
}

文字列

	//変更可能な文字生成するオブジェクト
	NSMutableString * moji;

	//new NSMutableString(10); 10文字の領域を確保した変更可能な文字オブジェクトを生成
	moji = [[NSMutableString alloc]initWithCapacity:10];
	
	//moji = "foo" + "bar" + "30"; 
	[moji appendString:@"foo"];
	[moji appendString:@"bar"];
	[moji appendFormat:@" %d",30];
	NSLog(@"%@",moji);
	
	//--------------------------------
	//NSStringにあとで文字を追加したい場合
	NSString * str1 = @"hoge";
	NSString * str2 = [str1 stringByAppendingString:@"fuga"];
	
	NSLog(@"%@",str2);
	
	//--------------------------------
	//文字列の等価の判定
	
	NSString * strA = @"hoge";
	NSString * strB = @"fuga";
	
	if ([strA isEqualToString:strB]) 
	{
		
		NSLog(@"いっしょ");
	}
	else 
	{
		NSLog(@"いっしょじゃない");
	}

配列

	//Cのint型の配列　var myArray = new Array();でもintだけ
	int myArray[] = {1,31,5,6,80};
	
	double sum = 0;

	for (int i = 0; i < MAXNUM; i++) {
		sum += myArray[i];
	}
	
	//--------------------------------
	//ObjCの変更可能な配列

	NSMutableArray * mutableArray; 
	
	//メモリ領域を確保して生成
	mutableArray = [NSMutableArray arrayWithCapacity:5];
	
	//push
	[mutableArray addObject:@"one"];
	[mutableArray addObject:@"two"];
	[mutableArray addObject:@"three"];
	[mutableArray addObject:@"four"];
	[mutableArray addObject:@"five"];
	
	//for each
	for(NSString * str in mutableArray)
	{
		NSLog(@"%@",str);
	}

インスタンス化とメモリ解放

//生成　myDate:Date = new Date();	
NSDateComponents * myDate = [[NSDateComponents alloc]init];

//解放
[myDate release];

ポインタ

	//なんでも参照渡しになるかんじ？

	int thisYear = 2009;
	int * pointerYear1;//メモリ上の場所を確保して変数を宣言
	int * pointerYear2;

	//メモリ上の場所に変数thisYearをつっこむために&つきでわたす
	pointerYear1 = &thisYear;
	pointerYear2 = &thisYear;
	
	//おなじメモリ上のアドレスを見ているので変更するとpointerYear2も変更される
	*pointerYear1 = 2000;

使い方

どうして作ったか

Photoshopで縮小表示するときのTips

• ゴメス
• 主要企業Webユーザビリティランキング2009＜企業サイト編＞ トライベックストラテジー
• 日本ブランド戦略研究所
• 全上場企業ホームページ充実度ランキング調査　日興アイアール
• 「日経パソコン」企業サイトランキング
• アックゼロヨンアワード

• 今webサイトは幅何pxで製作されているのか（Liquid Paper Clips）
• 企業サイトランキング2008の上位21サイトの事例（SimpleIsm）

• 「Webブランド調査2009−III」日経BPコンサルティング

• 業界別企業サイト分析 – 繊維業界編　デジパ

• 業界別サイト分析 – 東京都専門学校編　デジパ

• 第1回 採用ウェブコンテンツ好感度調査　Web広告研究会

• 自治体サイトWebアクセシビリティ調査 2009　ユニバーサルワークス

一画面完結4ペイン-タブUIがわかりやすい

ソフトシンセの画面はごっちゃり

テイク録音がすごい

ボカロ連携でつまづいた件

制作上のいろいろ