参考

今回は、参考サイトはありません。
参考書籍は第1回をご参照下さい。

素材

引き続き、Soft * Accessory様の素材をお借りしています。

1. Undo/Redoボタンの追加

まずはボタンの追加です。
といっても既に新規ファイル・フォルダでやったのと同じ手順です。
今回は、DetailViewControllerのinitに実装します。

		// targetとactionをnilにしたら勝手にundo,redoしてくれるっぽいけど保証されるかわからんのでやめとく
		UIBarButtonItem *undoButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemUndo target:self action:@selector(undoDidPush)];
		UIBarButtonItem *redoButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRedo target:self action:@selector(redoDidPush)];
		NSArray *items = [NSArray arrayWithObjects:undoButton, redoButton, nil];
		[toolbar setItems:items];

2. Undo/Redo機能の実装

NSUndoManagerを使って行ないます。
こいつはUIResponderのundoManagerプロパティから取得できます。
TextViewもUIResponderのsubclassの為、もちろんこのプロパティを持っています。
今回はTextViewから取得したundoMangerに対して、undo/redoメソッドを呼び出しています。

- (void)undoDidPush {
	[[textView_ undoManager] undo];
}

- (void)redoDidPush {
	[[textView_ undoManager] redo];	
}

[1.]のコメントにも書きましたが、
実はUIBarButtonSystemItemUndo・Redoのボタンを作るとき、
selfとactionをnilにしておけば勝手にやってくれるようです。
※ ドキュメントに記載が見当たらなかったので使うのは止めてます。

[完成]

できました！

[まとめ]

これでおしまいです。
そんなに苦労しないだろうと思ってましたが、
予想を上回る簡単さでした。

[コード]

今回のコードは「Edhita5.zip」に入っています。
GitHubのdownloadページからダウンロードして下さい。

Downloads for tnantoka's Edhita - GitHub

参考

今回は、constの使い方について以下のサイトで勉強させていただきました。
結局使わなかったけど…。
svartalfheim.jp - Objective-Cについて

参考書籍は第1回をご参照下さい。

素材

引き続き、Soft * Accessory様の素材をお借りしています。

1. 設定画面の追加

設定画面はアプリ独自で持つこともできるのですが、
アップル的にはデフォルトの設定アプリの方に統一したいらしいので、
ここではそれに従います。

手順は以下のとおり。
XMLファイルを作るだけで画面作ってくれて非常に簡単です。

(1) 設定ファイルの作成

グループとファイルのResourcesを右クリック。
追加 → 新規ファイル → iPhone OS → Resouce → Settings Bundleを選択。
デフォルトのまま次へ進めば完了。

(2) 設定項目の作成

Resources内のRoot.plistを編集します。
今回はフォントや色・サイズを選択させるので、PSMultiValueSpecifierを使います。

完成したファイルがこちら。
※ fontはとりあえず使えるやつ全部を一覧化。
　sizeは10から50まで2刻みで用意してます。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>StringsTable</key>
	<string>Root</string>
	<key>PreferenceSpecifiers</key>
	<array>
		<dict>
			<key>Type</key>
			<string>PSGroupSpecifier</string>
			<key>Title</key>
			<string>Color</string>
		</dict>
		<dict>
			<key>Type</key>
			<string>PSMultiValueSpecifier</string>
			<key>Title</key>
			<string>Text Color</string>
			<key>Key</key>
			<string>textColor</string>
			<key>DefaultValue</key>
			<integer>0</integer>
			<key>Values</key>
			<array>
				<integer>0</integer>
				<integer>1</integer>
				<integer>2</integer>
				<integer>3</integer>
				<integer>4</integer>
				<integer>5</integer>
				<integer>6</integer>
				<integer>7</integer>
				<integer>8</integer>
				<integer>9</integer>
				<integer>10</integer>
				<integer>11</integer>
				<integer>12</integer>
				<integer>13</integer>
			</array>
			<key>Titles</key>
			<array>
				<string>Black</string>
				<string>DarkGray</string>
				<string>LightGray</string>
				<string>White</string>
				<string>Gray</string>
				<string>Red</string>
				<string>Green</string>
				<string>Blue</string>
				<string>Cyan</string>
				<string>Yellow</string>
				<string>Magenta</string>
				<string>Orange</string>
				<string>Purple</string>
				<string>Brown</string>
			</array>
		</dict>
		<dict>
			<key>Type</key>
			<string>PSMultiValueSpecifier</string>
			<key>Title</key>
			<string>Background Color</string>
			<key>Key</key>
			<string>backgroundColor</string>
			<key>DefaultValue</key>
			<integer>3</integer>
			<key>Values</key>
			<array>
				<integer>0</integer>
				<integer>1</integer>
				<integer>2</integer>
				<integer>3</integer>
				<integer>4</integer>
				<integer>5</integer>
				<integer>6</integer>
				<integer>7</integer>
				<integer>8</integer>
				<integer>9</integer>
				<integer>10</integer>
				<integer>11</integer>
				<integer>12</integer>
				<integer>13</integer>
			</array>
			<key>Titles</key>
			<array>
				<string>Black</string>
				<string>DarkGray</string>
				<string>LightGray</string>
				<string>White</string>
				<string>Gray</string>
				<string>Red</string>
				<string>Green</string>
				<string>Blue</string>
				<string>Cyan</string>
				<string>Yellow</string>
				<string>Magenta</string>
				<string>Orange</string>
				<string>Purple</string>
				<string>Brown</string>
			</array>
		</dict>
		<dict>
			<key>Type</key>
			<string>PSGroupSpecifier</string>
			<key>Title</key>
			<string>Font</string>
		</dict>
		<dict>
			<key>Type</key>
			<string>PSMultiValueSpecifier</string>
			<key>Title</key>
			<string>Font Name</string>
			<key>Key</key>
			<string>fontName</string>
			<key>DefaultValue</key>
			<string>Helvetica</string>
			<key>Values</key>
			<array>
				<string>AcademyEngravedLetPlain</string>
				<string>AmericanTypewriter</string>
				<string>AmericanTypewriter-Bold</string>
				<string>AppleGothic</string>
				<string>Arial-BoldItalicMT</string>
				<string>Arial-BoldMT</string>
				<string>Arial-ItalicMT</string>
				<string>ArialHebrew</string>
				<string>ArialHebrew-Bold</string>
				<string>ArialMT</string>
				<string>ArialRoundedMTBold</string>
				<string>Baskerville</string>
				<string>Baskerville-Bold</string>
				<string>Baskerville-BoldItalic</string>
				<string>Baskerville-Italic</string>
				<string>BodoniOrnamentsITCTT</string>
				<string>BodoniSvtyTwoITCTT-Bold</string>
				<string>BodoniSvtyTwoITCTT-Book</string>
				<string>BodoniSvtyTwoITCTT-BookIta</string>
				<string>BodoniSvtyTwoOSITCTT-Bold</string>
				<string>BodoniSvtyTwoOSITCTT-Book</string>
				<string>BodoniSvtyTwoOSITCTT-BookIt</string>
				<string>BodoniSvtyTwoSCITCTT-Book</string>
				<string>BradleyHandITCTT-Bold</string>
				<string>Chalkduster</string>
				<string>Cochin</string>
				<string>Cochin-Bold</string>
				<string>Cochin-BoldItalic</string>
				<string>Cochin-Italic</string>
				<string>Copperplate</string>
				<string>Copperplate-Bold</string>
				<string>Courier</string>
				<string>Courier-Bold</string>
				<string>Courier-BoldOblique</string>
				<string>Courier-Oblique</string>
				<string>CourierNewPS-BoldItalicMT</string>
				<string>CourierNewPS-BoldMT</string>
				<string>CourierNewPS-ItalicMT</string>
				<string>CourierNewPSMT</string>
				<string>DBLCDTempBlack</string>
				<string>Didot</string>
				<string>Didot-Bold</string>
				<string>Didot-Italic</string>
				<string>Futura-CondensedExtraBold</string>
				<string>Futura-Medium</string>
				<string>Futura-MediumItalic</string>
				<string>GeezaPro</string>
				<string>GeezaPro-Bold</string>
				<string>Georgia</string>
				<string>Georgia-Bold</string>
				<string>Georgia-BoldItalic</string>
				<string>Georgia-Italic</string>
				<string>GillSans</string>
				<string>GillSans-Bold</string>
				<string>GillSans-BoldItalic</string>
				<string>GillSans-Italic</string>
				<string>Helvetica</string>
				<string>Helvetica-Bold</string>
				<string>Helvetica-BoldOblique</string>
				<string>Helvetica-Oblique</string>
				<string>HelveticaNeue</string>
				<string>HelveticaNeue-Bold</string>
				<string>HelveticaNeue-BoldItalic</string>
				<string>HelveticaNeue-Italic</string>
				<string>HiraKakuProN-W3</string>
				<string>HiraKakuProN-W6</string>
				<string>HiraMinProN-W3</string>
				<string>HiraMinProN-W6</string>
				<string>HoeflerText-Black</string>
				<string>HoeflerText-BlackItalic</string>
				<string>HoeflerText-Italic</string>
				<string>HoeflerText-Regular</string>
				<string>MarkerFelt-Thin</string>
				<string>MarkerFelt-Wide</string>
				<string>Optima-Bold</string>
				<string>Optima-BoldItalic</string>
				<string>Optima-Italic</string>
				<string>Optima-Regular</string>
				<string>Palatino-Bold</string>
				<string>Palatino-BoldItalic</string>
				<string>Palatino-Italic</string>
				<string>Palatino-Roman</string>
				<string>Papyrus</string>
				<string>PartyLetPlain</string>
				<string>STHeitiJ-Light</string>
				<string>STHeitiJ-Medium</string>
				<string>STHeitiK-Light</string>
				<string>STHeitiK-Medium</string>
				<string>STHeitiSC-Light</string>
				<string>STHeitiSC-Medium</string>
				<string>STHeitiTC-Light</string>
				<string>STHeitiTC-Medium</string>
				<string>SnellRoundhand</string>
				<string>SnellRoundhand-Bold</string>
				<string>Thonburi</string>
				<string>Thonburi-Bold</string>
				<string>TimesNewRomanPS-BoldItalicMT</string>
				<string>TimesNewRomanPS-BoldMT</string>
				<string>TimesNewRomanPS-ItalicMT</string>
				<string>TimesNewRomanPSMT</string>
				<string>Trebuchet-BoldItalic</string>
				<string>TrebuchetMS</string>
				<string>TrebuchetMS-Bold</string>
				<string>TrebuchetMS-Italic</string>
				<string>Verdana</string>
				<string>Verdana-Bold</string>
				<string>Verdana-BoldItalic</string>
				<string>Verdana-Italic</string>
				<string>ZapfDingbatsITC</string>
				<string>Zapfino</string>
			</array>
			<key>Titles</key>
			<array>
				<string>AcademyEngravedLetPlain</string>
				<string>AmericanTypewriter</string>
				<string>AmericanTypewriter-Bold</string>
				<string>AppleGothic</string>
				<string>Arial-BoldItalicMT</string>
				<string>Arial-BoldMT</string>
				<string>Arial-ItalicMT</string>
				<string>ArialHebrew</string>
				<string>ArialHebrew-Bold</string>
				<string>ArialMT</string>
				<string>ArialRoundedMTBold</string>
				<string>Baskerville</string>
				<string>Baskerville-Bold</string>
				<string>Baskerville-BoldItalic</string>
				<string>Baskerville-Italic</string>
				<string>BodoniOrnamentsITCTT</string>
				<string>BodoniSvtyTwoITCTT-Bold</string>
				<string>BodoniSvtyTwoITCTT-Book</string>
				<string>BodoniSvtyTwoITCTT-BookIta</string>
				<string>BodoniSvtyTwoOSITCTT-Bold</string>
				<string>BodoniSvtyTwoOSITCTT-Book</string>
				<string>BodoniSvtyTwoOSITCTT-BookIt</string>
				<string>BodoniSvtyTwoSCITCTT-Book</string>
				<string>BradleyHandITCTT-Bold</string>
				<string>Chalkduster</string>
				<string>Cochin</string>
				<string>Cochin-Bold</string>
				<string>Cochin-BoldItalic</string>
				<string>Cochin-Italic</string>
				<string>Copperplate</string>
				<string>Copperplate-Bold</string>
				<string>Courier</string>
				<string>Courier-Bold</string>
				<string>Courier-BoldOblique</string>
				<string>Courier-Oblique</string>
				<string>CourierNewPS-BoldItalicMT</string>
				<string>CourierNewPS-BoldMT</string>
				<string>CourierNewPS-ItalicMT</string>
				<string>CourierNewPSMT</string>
				<string>DBLCDTempBlack</string>
				<string>Didot</string>
				<string>Didot-Bold</string>
				<string>Didot-Italic</string>
				<string>Futura-CondensedExtraBold</string>
				<string>Futura-Medium</string>
				<string>Futura-MediumItalic</string>
				<string>GeezaPro</string>
				<string>GeezaPro-Bold</string>
				<string>Georgia</string>
				<string>Georgia-Bold</string>
				<string>Georgia-BoldItalic</string>
				<string>Georgia-Italic</string>
				<string>GillSans</string>
				<string>GillSans-Bold</string>
				<string>GillSans-BoldItalic</string>
				<string>GillSans-Italic</string>
				<string>Helvetica</string>
				<string>Helvetica-Bold</string>
				<string>Helvetica-BoldOblique</string>
				<string>Helvetica-Oblique</string>
				<string>HelveticaNeue</string>
				<string>HelveticaNeue-Bold</string>
				<string>HelveticaNeue-BoldItalic</string>
				<string>HelveticaNeue-Italic</string>
				<string>HiraKakuProN-W3</string>
				<string>HiraKakuProN-W6</string>
				<string>HiraMinProN-W3</string>
				<string>HiraMinProN-W6</string>
				<string>HoeflerText-Black</string>
				<string>HoeflerText-BlackItalic</string>
				<string>HoeflerText-Italic</string>
				<string>HoeflerText-Regular</string>
				<string>MarkerFelt-Thin</string>
				<string>MarkerFelt-Wide</string>
				<string>Optima-Bold</string>
				<string>Optima-BoldItalic</string>
				<string>Optima-Italic</string>
				<string>Optima-Regular</string>
				<string>Palatino-Bold</string>
				<string>Palatino-BoldItalic</string>
				<string>Palatino-Italic</string>
				<string>Palatino-Roman</string>
				<string>Papyrus</string>
				<string>PartyLetPlain</string>
				<string>STHeitiJ-Light</string>
				<string>STHeitiJ-Medium</string>
				<string>STHeitiK-Light</string>
				<string>STHeitiK-Medium</string>
				<string>STHeitiSC-Light</string>
				<string>STHeitiSC-Medium</string>
				<string>STHeitiTC-Light</string>
				<string>STHeitiTC-Medium</string>
				<string>SnellRoundhand</string>
				<string>SnellRoundhand-Bold</string>
				<string>Thonburi</string>
				<string>Thonburi-Bold</string>
				<string>TimesNewRomanPS-BoldItalicMT</string>
				<string>TimesNewRomanPS-BoldMT</string>
				<string>TimesNewRomanPS-ItalicMT</string>
				<string>TimesNewRomanPSMT</string>
				<string>Trebuchet-BoldItalic</string>
				<string>TrebuchetMS</string>
				<string>TrebuchetMS-Bold</string>
				<string>TrebuchetMS-Italic</string>
				<string>Verdana</string>
				<string>Verdana-Bold</string>
				<string>Verdana-BoldItalic</string>
				<string>Verdana-Italic</string>
				<string>ZapfDingbatsITC</string>
				<string>Zapfino</string>
			</array>
		</dict>
		<dict>
			<key>Type</key>
			<string>PSMultiValueSpecifier</string>
			<key>Title</key>
			<string>Font Size</string>
			<key>Key</key>
			<string>fontSize</string>
			<key>DefaultValue</key>
			<integer>16</integer>
			<key>Values</key>
			<array>
				<integer>10</integer>
				<integer>12</integer>
				<integer>14</integer>
				<integer>16</integer>
				<integer>18</integer>
				<integer>20</integer>
				<integer>22</integer>
				<integer>24</integer>
				<integer>26</integer>
				<integer>28</integer>
				<integer>30</integer>
				<integer>32</integer>
				<integer>34</integer>
				<integer>36</integer>
				<integer>38</integer>
				<integer>40</integer>
				<integer>42</integer>
				<integer>44</integer>
				<integer>46</integer>
				<integer>48</integer>
				<integer>50</integer>
			</array>
			<key>Titles</key>
			<array>
				<string>10</string>
				<string>12</string>
				<string>14</string>
				<string>16</string>
				<string>18</string>
				<string>20</string>
				<string>22</string>
				<string>24</string>
				<string>26</string>
				<string>28</string>
				<string>30</string>
				<string>32</string>
				<string>34</string>
				<string>36</string>
				<string>38</string>
				<string>40</string>
				<string>42</string>
				<string>44</string>
				<string>46</string>
				<string>48</string>
				<string>50</string>
			</array>
		</dict>
	</array>
</dict>
</plist>

ここまでで自動的に設定画面ができちゃいます。

2. 設定変更の実装

さっき作った画面で設定した内容をアプリに反映させます。
今回の設定は全てTextViewに関するものなので、
DetailControllerのinit内で以下のように読み込み・設定しています。

		NSUserDefaults* settings = [NSUserDefaults standardUserDefaults];

		// defaultを設定してもnullが返ってくるので、0やNOがdefaultじゃない場合処理が必要。
		NSInteger textColor = [settings integerForKey:@"textColor"];
		NSInteger backgroundColor = [settings objectForKey: @"backgroundColor"] != NULL ? [settings integerForKey:@"backgroundColor"] : 3;
		NSString *fontName = [settings objectForKey: @"fontName"] != NULL ? [settings stringForKey:@"fontName"] : @"Helvetica";
		NSInteger fontSize = [settings objectForKey: @"fontSize"] != NULL ? [settings integerForKey:@"fontSize"] : 16;
				
		textView_.font = [UIFont fontWithName:fontName size:fontSize];
		textView_.textColor = [self getColorWithIndex:textColor];
		textView_.backgroundColor = [self getColorWithIndex:backgroundColor];

[完成]

できました。

[まとめ]

これで目を凝らして小さい字を読まなくても良くなりました。
今回は簡単だったので、次はもうちょっとプログラミングらしいことをやろうと思います。

[コード]

今回のコードは「Edhita4.zip」に入っています。
GitHubのdownloadページからダウンロードして下さい。

Downloads for tnantoka's Edhita - GitHub

参考

今回は結構いじったので、参考にさせていただいたサイトもたくさんあります。
ありがとうございました。
なお、参考書籍は第1回をご参照下さい。

• 画面いっぱいのUITextViewがキーボードに隠れないようにする
  iphoneの時やってた方法が非推奨になったので。
  そろそろkeyboard表示時のサイズ変更はデフォルトで提供して欲しいなぁ。
  （どうやらPopOverはそうなってるみたいだから期待できそうだけど。）
• iPadでキーボードの表示に合わせたViewのサイズ変更 - As Sloth As Possible
  日本語キーボードは変換候補表示領域があるのでますますややこしい。
• UITableViewStyleGroupedなUITableViewControllerで設定画面 - hashimoto.m - fukuoka.m
  ファイル情報表示の際に大いに参考にさせていただきました。

素材

今回から、フォルダとファイルの画像を使用しています。
この素材はいつもお世話になっている、Soft * Accessory様にお借りしました。
ハイクオリティな上に非常に緩い使用条件で素晴らしいです。

1. ファイル・ディレクトリの作成・削除

NavigationControllerのToolbarにボタンを表示して、
ファイル・ディレクトリの作成機能を付けます。
また、削除はTableViewの編集機能で行ないます。

Toolbarの表示（EdhitaNavigationController.m）

NavigationControllerのサブクラス、EdhitaNavigationControllerで行ないます。
※ TableViewController側でやるとうまくいきませんでした。
initでtoolbarHiddenを設定するだけです。

- (id)init {
	if (self = [super init]) {
		self.toolbarHidden = NO;
		// sizeToFitしないとportraitで起動したとき、popover内で表示されない。
		[self.toolbar sizeToFit];
	}
	return self;
}

作成・編集ボタンの表示（RootViewController.m）

先程表示したToolbarにファイル・ディレクトリ作成ボタンを追加します。
これはTableViewのサブクラスであるRootViewControllerのinitで設定します。
※ NavigationControllerでやってもうまくいきません。

また編集ボタンはNavigationBarの右に表示します。
この仕組みは標準で提供されており、
rightButtonItemにeditButtonItemを設定するだけです。

		// 画像ボタンを2個作って、それぞれファイル・ディレクトリの作成用のボタンとする
		UIImage* fileImage = [UIImage imageNamed:@"file.png"];
		UIImage* dirImage = [UIImage imageNamed:@"dir.png"];
		images_ = [[NSArray arrayWithObjects:fileImage, dirImage, nil] retain];

		// 右寄せ
		UIBarButtonItem *space = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
		
		UIBarButtonItem *newFile  = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"file_new.png"] style:UIBarButtonItemStyleBordered target:self action:@selector(newFileDidPush)];
		UIBarButtonItem *newDir  = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"dir_new.png"] style:UIBarButtonItemStyleBordered target:self action:@selector(newDirDidPush)];

		NSArray *items = [NSArray arrayWithObjects:space, newFile, newDir, nil];
		[self setToolbarItems:items];

		// 編集ボタンの表示（selfのeditButtonを設定してやるだけでいい）
		self.navigationItem.rightBarButtonItem = [self editButtonItem];

こうなります。

作成・削除処理（RootViewController.m）

Toolbarに追加したbuttonのactionに指定したメソッドでファイル・ディレクトリの作成を行ないます。

これはMSFileManagerの機能を使います。
削除は、呼び出しがボタン押下時ではなく、
TableViewを編集モードにしてCellが削除された時になります。

// 新しいファイルの作成
- (void)newFileDidPush {
	
	NSError *error;

	// 連番のファイル名を取得
	NSString *fileName = [self nextFileName:@"untitled file"];
	NSString *fileContents = @"testあいうえお";

	NSString *filePath = [path_ stringByAppendingPathComponent:fileName];
	[fileContents writeToFile:filePath atomically:YES encoding:NSUTF8StringEncoding error:&error];

	[items_ addObject:fileName];
	[self.tableView reloadData];
}

// 新しいディレクトリの作成
- (void)newDirDidPush {

	NSError *error;
	
	// 連番のディレクトリ名を取得
	NSString *dirName = [self nextFileName:@"untitled folder"];

	NSString *dirPath = [path_ stringByAppendingPathComponent:dirName];
	[[NSFileManager defaultManager] createDirectoryAtPath:dirPath withIntermediateDirectories:NO attributes:nil error:&error];
	
	[items_ addObject:dirName];
	[self.tableView reloadData];
}

// Override to support editing the table view.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
    
	// Cellが削除された時、ファイルとitemsからも削除する
    if (editingStyle == UITableViewCellEditingStyleDelete) {
		
		NSString *path = [path_ stringByAppendingPathComponent:[items_ objectAtIndex:indexPath.row]];
		NSError* error;
		
		[[NSFileManager defaultManager] removeItemAtPath:path error:&error];
		
		// 配列からも消さないと落ちる
		[items_ removeObjectAtIndex:indexPath.row];
		
        // Delete the row from the data source
        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:YES];
    }   
/*
	else if (editingStyle == UITableViewCellEditingStyleInsert) {
        // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
    }
*/
}

2. ファイルブラウジング

新規作成したディレクトリをTableViewからアクセスして、
ファイルをDetailViewControllerに追加したTextViewで表示します。

ディレクトリ アクセス

Cell選択時にディレクトリだった場合、新たにRootViewControllerを作成し、
NavigationControllerにPushします。

- (void)tableView:(UITableView *)aTableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    
    /*
     When a row is selected, set the detail view controller's detail item to the item associated with the selected row.
     */
 //   detailViewController.detailItem = [NSString stringWithFormat:@"Row %d", indexPath.row];
	
	NSString *path = [path_ stringByAppendingPathComponent:[items_ objectAtIndex:indexPath.row]];

	BOOL isDir;

	[[NSFileManager defaultManager] fileExistsAtPath:path isDirectory:&isDir];

	// ディレクトリだった場合、そのPathを設定したRootViewControllerを作成
	if (isDir) {		
		RootViewController *rootViewController = [[RootViewController alloc] initWithPath:path];
		// detailはrootがもつ必要ないんじゃ？（navあたりに持たせればいい）
		rootViewController.detailViewController = self.detailViewController;
		[self.navigationController pushViewController:rootViewController animated:YES];
	}

ファイル表示（RootViewController.m, DetailViewController.m）

選択されたのがファイルだった場合は、DetailViewControllerに追加したTextViewに表示します。

// RootViewController.m

	// ファイルだった場合はDetailに内容を表示
	else {
		detailViewController.path = path;		
	}

// DetailViewController.m

// pathプロパティが変化した時にTextViewの内容を変更する
- (void)setPath:(NSString *)path {
	
	[self saveContents];

	path_ = [path retain];
	NSError *error;
	textView_.text = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:&error];
}

こうなります。
説明は省略しましたが、アイコンもつけています。

3. ファイル情報の表示・名前の変更

最後におまけ的な機能ですが、ファイル更新日・サイズの表示と、
ファイル名変更機能を追加します。

ファイル情報画面の呼び出し（RootViewController.m）

ファイル情報画面の表示はCellのアクセサリボタンのタップで行ないます。

// アクセサリボタンがタップされた時はファイル情報表示画面に遷移する
- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath {

	NSString *path = [path_ stringByAppendingPathComponent: [items_ objectAtIndex:indexPath.row]];
	EdhitaTableViewController *tableViewController = [[EdhitaTableViewController alloc] initWithPath:path];
	[self.navigationController pushViewController:tableViewController animated:YES];
	[tableViewController release];	
}

ファイル情報表示・名前変更（EdhitaTableViewController.m）

情報の表示とファイル名の変更は新たに作成した、
EdhitaTableViewControllerで実装します。
RenameはMSFileManagerのMove機能を使います。

// ファイル情報をCellに表示する。
// かなり汚いのでリファクタリング必要
// Customize the appearance of table view cells.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *CellIdentifier = @"Cell";
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
		cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
		cell.selectionStyle = UITableViewCellSelectionStyleNone;
    }

	// Configure the cell...
	cell.textLabel.text = [items_ objectAtIndex:indexPath.row];
	
	
	NSError *error;
	NSDictionary *attributes = [[NSFileManager defaultManager] attributesOfItemAtPath:path_ error:&error];
	
	// switch内では変数宣言できないからif文の方が楽。
    if (indexPath.row == 0) {
		textField_ = [[UITextField alloc] initWithFrame:CGRectMake(cell.frame.size.width * 0.3, 0, cell.frame.size.width * 0.6, cell.frame.size.height)];
		textField_.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;
		textField_.textAlignment = UITextAlignmentRight;
		textField_.delegate = self;
		textField_.text = [path_ lastPathComponent];
		textField_.returnKeyType = UIReturnKeyDone;
		textField_.clearButtonMode = UITextFieldViewModeWhileEditing;
		[textField_ becomeFirstResponder];		
		[cell.contentView addSubview:textField_];
	}
	else {
		UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(cell.frame.size.width * 0.3, 0, cell.frame.size.width * 0.6, cell.frame.size.height)];
		label.textAlignment = UITextAlignmentRight;
		label.backgroundColor = [UIColor clearColor];
		[cell.contentView addSubview:label];

		if(indexPath.row == 1) {
// timezoneが入ってくるので却下
//			textField.text = [[attributes objectForKey:NSFileModificationDate] description];
//			textField.text = [[attributes objectForKey:NSFileModificationDate] descriptionWithLocale:nil];

// documentに載ってるくせに。
//			textField.text = [[attributes objectForKey:NSFileModificationDate] descriptionWithCalendarFormat:@"%Y-%m-%d %H:%M:%S" timeZone:nil locale:nil];

			NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
			[dateFormatter setDateFormat:@"Y-MM-dd HH:mm:ss"];
			label.text = [dateFormatter stringFromDate:[attributes objectForKey:NSFileModificationDate]];						
		}
		else if(indexPath.row == 2) {
			label.text = [NSString stringWithFormat:@"%@ bytes", [attributes objectForKey:NSFileSize]];
		}
	}

    return cell;
}


// ファイル名変更（textField編集完了時と、Viewの非表示化の際に呼ばれる）
- (void)renameFile {
	NSError *error;
	NSString *dstPath = [[path_ stringByDeletingLastPathComponent] stringByAppendingPathComponent:textField_.text];
	[[NSFileManager defaultManager] moveItemAtPath:path_ toPath:dstPath error:&error];
}

完成

できました。

[まとめ]

これで最低限のテキストエディタ機能はできました。
次回はいよいよSyntax Highlightです。
（まだどうやればいいか、検討もついてませんが。）

その前に、細かいバグ潰しをやらないとなぁ…。

[コード]

今回のコードは「Edhita3.zip」に入っています。
GitHubのdownloadページからダウンロードして下さい。

Downloads for tnantoka's Edhita - GitHub

[参考文献]

今回の参考サイトは以下のとおり。
参考書籍は第1回をご参照下さい。

iPadで追加されたUISplitViewを試してみる « CLSmooth BLOG…

RootViewController

まずはleft paneとなるRootViewControllerを作ります。
と言っても特別なことはしておらず、何の変哲もないTableViewControllerです。

RootViewController.h

ヘッダファイルはこんな感じです。

#import 

@class DetailViewController;

@interface RootViewController : UITableViewController {
    DetailViewController *detailViewController;
}

//@property (nonatomic, retain) IBOutlet DetailViewController *detailViewController;
@property (nonatomic, retain) DetailViewController *detailViewController;

@end

RootViewController.m

お次は実装ファイル。

#import "RootViewController.h"
#import "DetailViewController.h"


@implementation RootViewController

@synthesize detailViewController;


#pragma mark -
#pragma mark View lifecycle

- (void)viewDidLoad {
    [super viewDidLoad];
    self.clearsSelectionOnViewWillAppear = NO;
    self.contentSizeForViewInPopover = CGSizeMake(320.0, 600.0);
}

/*
- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
}
*/
/*
- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];
}
*/
/*
- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
}
*/
/*
- (void)viewDidDisappear:(BOOL)animated {
    [super viewDidDisappear:animated];
}
*/

// Ensure that the view controller supports rotation and that the split view can therefore show in both portrait and landscape.
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
    return YES;
}


#pragma mark -
#pragma mark Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)aTableView {
    // Return the number of sections.
    return 1;
}


- (NSInteger)tableView:(UITableView *)aTableView numberOfRowsInSection:(NSInteger)section {
    // Return the number of rows in the section.
    return 10;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    static NSString *CellIdentifier = @"CellIdentifier";
    
    // Dequeue or create a cell of the appropriate type.
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
        cell.accessoryType = UITableViewCellAccessoryNone;
    }
    
    // Configure the cell.
    cell.textLabel.text = [NSString stringWithFormat:@"Row %d", indexPath.row];
    return cell;
}


/*
// Override to support conditional editing of the table view.
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath {
    // Return NO if you do not want the specified item to be editable.
    return YES;
}
*/


/*
// Override to support editing the table view.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
    
    if (editingStyle == UITableViewCellEditingStyleDelete) {
        // Delete the row from the data source
        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:YES];
    }   
    else if (editingStyle == UITableViewCellEditingStyleInsert) {
        // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
    }   
}
*/


/*
// Override to support rearranging the table view.
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath {
}
*/


/*
// Override to support conditional rearranging of the table view.
- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath {
    // Return NO if you do not want the item to be re-orderable.
    return YES;
}
*/


#pragma mark -
#pragma mark Table view delegate

- (void)tableView:(UITableView *)aTableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    
    /*
     When a row is selected, set the detail view controller's detail item to the item associated with the selected row.
     */
    detailViewController.detailItem = [NSString stringWithFormat:@"Row %d", indexPath.row];
}


#pragma mark -
#pragma mark Memory management

- (void)didReceiveMemoryWarning {
    // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];
    
    // Relinquish ownership any cached data, images, etc. that aren't in use.
}

- (void)viewDidUnload {
    // Relinquish ownership of anything that can be recreated in viewDidLoad or on demand.
    // For example: self.myOutlet = nil;
}


- (void)dealloc {
    [detailViewController release];
    [super dealloc];
}


@end

もうお気づきかもしれませんが、IBでSplitVIew basedを選択した時に自動作成されるファイルを流用しています。
プロな方はどうか知りませんが、少なくとも僕はこんな内容を一から書くスキルも元気もありません。
というわけで、太字部分以外はそのままです。
（つまりヘッダファイルのプロパティからIBOutletを削っただけ）

DetailViewController

次にright paneとなる、DetailVIewControllerです。
見た目は単なるToolbar付きViewControllerですが、
UISplitViewControllerのDelegteとなっており、
画面が回転した際、ToolbarにPopover用のボタンを追加・削除する機能を持ちます。

DetailViewController.h

まずはヘッダファイル。rootview同様、IBOutletを消すだけです。

#import 

@interface DetailViewController : UIViewController  {
    
    UIPopoverController *popoverController;
    UIToolbar *toolbar;
    
    id detailItem;
    UILabel *detailDescriptionLabel;
}

//@property (nonatomic, retain) IBOutlet UIToolbar *toolbar;
@property (nonatomic, retain) UIToolbar *toolbar;

@property (nonatomic, retain) id detailItem;
//@property (nonatomic, retain) IBOutlet UILabel *detailDescriptionLabel;
@property (nonatomic, retain) UILabel *detailDescriptionLabel;

@end

DetailViewController.m

次に実装。長いですが、最後にinitメソッドを追加して、
IBの代わりにtoolbar、labelを作成しているだけです。

#import "DetailViewController.h"
#import "RootViewController.h"


@interface DetailViewController ()
@property (nonatomic, retain) UIPopoverController *popoverController;
- (void)configureView;
@end



@implementation DetailViewController

@synthesize toolbar, popoverController, detailItem, detailDescriptionLabel;

#pragma mark -
#pragma mark Managing the detail item

/*
 When setting the detail item, update the view and dismiss the popover controller if it's showing.
 */
- (void)setDetailItem:(id)newDetailItem {
    if (detailItem != newDetailItem) {
        [detailItem release];
        detailItem = [newDetailItem retain];
        
        // Update the view.
        [self configureView];
    }

    if (popoverController != nil) {
        [popoverController dismissPopoverAnimated:YES];
    }        
}


- (void)configureView {
    // Update the user interface for the detail item.
    detailDescriptionLabel.text = [detailItem description];   
}


#pragma mark -
#pragma mark Split view support

- (void)splitViewController: (UISplitViewController*)svc willHideViewController:(UIViewController *)aViewController withBarButtonItem:(UIBarButtonItem*)barButtonItem forPopoverController: (UIPopoverController*)pc {

    barButtonItem.title = @"Root List";
    NSMutableArray *items = [[toolbar items] mutableCopy];
    [items insertObject:barButtonItem atIndex:0];
    [toolbar setItems:items animated:YES];
    [items release];
    self.popoverController = pc;
}


// Called when the view is shown again in the split view, invalidating the button and popover controller.
- (void)splitViewController: (UISplitViewController*)svc willShowViewController:(UIViewController *)aViewController invalidatingBarButtonItem:(UIBarButtonItem *)barButtonItem {
    
    NSMutableArray *items = [[toolbar items] mutableCopy];
    [items removeObjectAtIndex:0];
    [toolbar setItems:items animated:YES];
    [items release];
    self.popoverController = nil;
}


#pragma mark -
#pragma mark Rotation support

// Ensure that the view controller supports rotation and that the split view can therefore show in both portrait and landscape.
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
    return YES;
}


#pragma mark -
#pragma mark View lifecycle

/*
 // Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
    [super viewDidLoad];
}
 */

/*
- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
}
*/
/*
- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];
}
*/
/*
- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
}
*/
/*
- (void)viewDidDisappear:(BOOL)animated {
    [super viewDidDisappear:animated];
}
*/

- (void)viewDidUnload {
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
    self.popoverController = nil;
}


#pragma mark -
#pragma mark Memory management

/*
- (void)didReceiveMemoryWarning {
    // Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];
    
    // Release any cached data, images, etc that aren't in use.
}
*/

- (void)dealloc {
    [popoverController release];
    [toolbar release];
    
    [detailItem release];
    [detailDescriptionLabel release];
    [super dealloc];
}

- (id)init {
	if (self = [super init]) {
		self.view.backgroundColor = [UIColor whiteColor];
		
		toolbar = [[UIToolbar alloc] init];
		[toolbar sizeToFit];		
		[self.view addSubview:toolbar];
		// これやっとかないとpopview出すボタンが追加できない（[toolbar items]がnullになるから）
		[toolbar setItems: [NSArray array]];
		
		// heightはdefaultのfontsizeに合わせて17
		detailDescriptionLabel = [[UILabel alloc] initWithFrame: CGRectMake(0, self.view.bounds.size.height * 0.5, self.view.bounds.size.width, 17)];
		// 常に上下中央
		detailDescriptionLabel.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin;
		detailDescriptionLabel.textAlignment = UITextAlignmentCenter;

		detailDescriptionLabel.text = @"Detail view content goes here";
		[self.view addSubview:detailDescriptionLabel];		
	}
	return self;
}

@end

AppDelegate

最後にAppDelegate。
実はこいつが一番修正が多かったりする。
（太字が前回からの修正点）

AppDelegate.h

rootとdetailのヘッダファイルをimport。

#import 

#import "RootViewController.h"
#import "DetailViewController.h"

@interface EdhitaAppDelegate : NSObject  {
    UIWindow *window;
}

//@property (nonatomic, retain) IBOutlet UIWindow *window;

@end

AppDelegate.m

前回はwindowにlabelを突っ込んでたけど、
今回はrootとdetailをもとにSplitViewを作成。
※ rootはNavigationControllerのrootとして設定

#import "EdhitaAppDelegate.h"

@implementation EdhitaAppDelegate

// @synthesize window;


#pragma mark -
#pragma mark Application lifecycle

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    
	
    // Override point for customization after application launch.
	
	window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

	RootViewController *rootViewController = [[RootViewController alloc] init];
	// tableview単体じゃ仕方ないのでnavviewでwrap
	UINavigationController* navigationController = [[UINavigationController alloc] initWithRootViewController:rootViewController];
	
	DetailViewController *detailViewController = [[DetailViewController alloc] init];

	rootViewController.detailViewController = detailViewController;

	UISplitViewController *splitViewController = [[UISplitViewController alloc] init];
	splitViewController.viewControllers = [NSArray arrayWithObjects:navigationController, detailViewController, nil];
	splitViewController.delegate = detailViewController;
	
	[window addSubview:splitViewController.view];
	[rootViewController release];
	[navigationController release];
	[detailViewController release];
	
    [window makeKeyAndVisible];
	
	return YES;
}


- (void)applicationWillResignActive:(UIApplication *)application {
    /*
     Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
     Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
     */
}


- (void)applicationDidBecomeActive:(UIApplication *)application {
    /*
     Restart any tasks that were paused (or not yet started) while the application was inactive.
     */
}


- (void)applicationWillTerminate:(UIApplication *)application {
    /*
     Called when the application is about to terminate.
     */
}


#pragma mark -
#pragma mark Memory management

- (void)applicationDidReceiveMemoryWarning:(UIApplication *)application {
    /*
     Free up as much memory as possible by purging cached data objects that can be recreated (or reloaded from disk) later.
     */
}


- (void)dealloc {
    [window release];
    [super dealloc];
}


@end

完成

[まとめ]

第2回目の今回は単純なSplitViewアプリを作ってみました。
ようやくIBでSplitViewプロジェクトを作成したものに追いついたわけですね。

次回以降いよいよテキストエディタの機能を追加していきます。
ご期待下さい。

[コード]

今回のコードは「Edhita2.zip」に入っています。
GitHubのdownloadページからダウンロードして下さい。

Downloads for tnantoka's Edhita - GitHub

[参考書籍]

と、その前に参考にした書籍を紹介しておきます。
他に参考にした情報があれば、それぞれの回で記載します。

iPhoneプログラミングUIKit詳解リファレンス

所 友太 京セラコミュニケーションシステム株式会社

リックテレコム 2010-01-12

by G-Tools , 2010/08/08

詳解 Objective-C 2.0

荻原 剛志

ソフトバンククリエイティブ 2008-05-28

by G-Tools , 2010/08/08

iPadプログラミングの作法

橋本佳幸

秀和システム 2010-06-15

by G-Tools , 2010/08/08

Software Design (ソフトウェア デザイン) 2010年 08月号 [雑誌]
	技術評論社 2010-07-17 売り上げランキング : Amazonで詳しく見る by G-Tools

[IB不使用なプロジェクトの作成]

前置きが長くなりました。

IBを使わないプロジェクトは、以下の手順で作成できます。
簡単ですね。

1. Xcodeの新規プロジェクトから、「Window-based Appication」、Productは「iPad」を選択。
   
2. MainWindow.xibファイルを削除する。
   （参照を削除じゃなく、一緒にゴミ箱に入れる）
   
3. 「プロジェクト名-info.plist」の「Main nib file base name」を項目ごと削除。
   
   
4. main.mのmain()を修正。
   （plistに指定したnib fileから自動で取得されていたものをコードで指定）

   int main(int argc, char *argv[]) {
       
       NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];
   //    int retVal = UIApplicationMain(argc, argv, nil, nil);
       int retVal = UIApplicationMain(argc, argv, nil, @"EdhitaAppDelegate");
       [pool release];
       return retVal;
   }

5. AppDelegateの修正。
   （自動で作成されていたUIWindowインスタンスを作成し、viewとlabelを追加。）

   //  EdhitaAppDelegate.m
   
   // @synthesize window;
   
   - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    
   	
       // Override point for customization after application launch.
   	
   	window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
   	
   	UIView *view = [[UIView alloc] initWithFrame: [window frame]];
   	[window addSubview:view];
   
   	UILabel *label = [[UILabel alloc] initWithFrame: [window frame]];
   	label.text = @"Hello, iPad!";
   	label.textAlignment = UITextAlignmentCenter;
   	label.font = [[UIFont alloc] fontWithSize: 50];
   	[view addSubview:label];
   	
       [window makeKeyAndVisible];
   	
   	return YES;
   }

   //  EdhitaAppDelegate.h
   
   //@property (nonatomic, retain) IBOutlet UIWindow *window;

6. ビルドと実行。
   

[まとめ]

今回の作業はこれで終了です。
俗に言うHello, world!ですね。

次回以降、テキストエディタとしての機能を追加していきます。
宜しくお付き合い下さい。

突っ込みもお待ちしています。

[コード]

今回のコードは「Edhita1.zip」に入っています。
GitHubのdownloadページからダウンロードして下さい。

Downloads for tnantoka's Edhita - GitHub

[おまけ：目次]

こんな感じで進めたい。

• 第1回：プロジェクトの作成
• 第2回：SplitView
• 第3回：ファイル操作とNavigationController
• 第4回：Syntax Highlighting
• 第5回：Accessory View
• 第6回：広告
• 第7回：FTP
• 第?回：未定

• 複数プロジェクトのサポート
• Landscapeモードに対応
• 各種設定
  • テキスト・背景色
  • メール送信時の形式（添付ファイル or 本文）
  • 画面回転ロック
• Webからファイルをダウンロード

ただ、付け焼刃の対応をした為、コードがもうぐちゃぐちゃです。

このままでは動作の安定にも悪影響を与えかねないということで、
改めてObjective-Cの勉強をしています。

次のリリースでは書き直したコードによる安定・高速版をお届けできる予定です。

「打倒有料ライバルアプリ」で頑張っていきますので、
今後ともjsanyを宜しくお願いします。

説明

触っていただければ使い方はなんとなくわかると思います。
ただ、Mobile Safari以外では一切動きません。
（iOS4上では動作未確認です。）

また、タップが効かない、ボタンがアクティブのままになる、
画面が真っ黒になる等、全体的に挙動が安定していません。
（はい、テスト不足です。）

どうにもならなくなったときは「wiki5/index.html?clear」にアクセスすれば、
初期化されます。

あと、ついでですがw3c widgetにもしてみました。
cloud readerで動作することを軽く確認しています。

wiki5

中身の解説は暑いのでやめておきます（！）が、
ソースコードはgithubに置いてますので、ご自由にどうぞ。

tnantoka's wiki5 at master - GitHub

感想

今回、jQTouchのドキュメントを一切読まずに進めてしまったので、
予想以上に苦労しました。
やっぱり無茶はダメですね。

あと、iPhone Webアプリはデバッグが大変だな、と。
MacのSafariで動いても、シミュレータでは全然動かないとかも多々。

小さいアプリこそ実は、IBでちょちょいと作ってネイティブアプリにした方が
楽だったりするのかも。

使用ライブラリ

• jQTouch — jQuery plugin for mobile web development
  説明不要。
• Showdown - Markdown in JavaScript
  Wiki記法の代わりにMarkdownを採用しました。
• JSON in JavaScript
  Mobile SafariでJSON.parse/stringifyする為に。
  （現在の実装はlocalStorageに文字列しか格納できないので。仕様上はany data。）

参考サイト

jQTouch – 画面遷移の前にデータ処理 | STUDIO Bloom 大阪・北摂地域を中心としたWebサイト・システム制作
他、多数。

以上です。
あーブログの書き方をどんどん忘れていくー

参考サイト

• iPhone アプリを iPad 対応にする方法（プログラミング編） : 管理人@Yoski
• iPhone京都勉強会（第３弾 - 第２回: 2010.05.19）
• iPad app from iPhone codes｜iPhone App 開発

3.2 SDK導入

まずは、iPhone SDK 3.2をインストールします。
iPhone Dev Centerからどうぞ。
ダウンロード＆インストールで1時間以上かかるので注意です。
インストーラは全部デフォルトのまま次に行っちゃって問題なしです。

シミュレータで動かす

Upgrade Current Target for iPad

Xcodeで既存iPhoneアプリのプロジェクトを開きます。
左ペインの「グループとファイル」から「ターゲット」を開きます。
その中にあるターゲット（プロジェクト名のもの）を右クリックして、
「現在のターゲットをiPad用にアップグレード…」をクリックするとポップアップが出てくるので、
「One Universal application」を選んで進みます。
「Resouces-iPad」グループ（中身は空）ができればOKです。

次に、メニューの「プロジェクト」→「プロジェクト設定を編集」を選びます。
Targeted Device FamilyをiPhone/iPadに変えておきます。

これで下準備はOKです。

Create iPad Version

次にiPad用のリソースを作り、シミュレータで動かします。

「Resouces」の「MainWindow.xib」をダブルクリックで開きます。
開いたInterface Builderのメニューから、
「File」→「Create iPad Version Using Autosizing Masks」を選択します。

すると、iPad用の画面が出てくるので、保存します。
場所はプロジェクトの「Resouces-iPad」内に、名前は「MainWindow-iPad.xib」で良いです。
※ このファイル名は「*-info.plist」の「Main nib file base name (iPad)」で指定する必要がありますが、
　デフォルトで上記の名前になっています。

保存を押すとポップアップが出てくるので、プロジェクト名のターゲットをチェックしてAddします。

「*ViewController.xib」も同じ手順で「-iPad」付きのファイルを作ります。

こうすると、「グループとファイル」の中に「-iPad」付きの.xibファイルができるので、
「Resouces-iPad」にドラッグ＆ドロップします。

最後に「MainWindow-iPad.xib」を開き、
「Attributes」の「NIB Name」を「-iPad」付きのControllerに変更します。

これで、「Simulator - 3.2 | Debug」等で実行すればiPadシミュレータで動くはずです。
※ 部品の大きさなどは調整する必要が有ります。

実機で動かす

iPhone Provisioning Portalの左メニューから「Devices」を選択します。
「Add Devices」を選択して、左列の名前は適当に（iPad等）、右列のDevice IDには、
iPadを繋いで、「Xcode」→「ウィンドウ」→「オーガナイザ」から表示される「identifier」をコピペします。

次に、左メニューから「Provisioning」を選択します。
iPhoneアプリ用に既に作っているものを使いまわす為、
「Edit」→「Modify」を選びます。そして「Devices」を「Select All」してsubmitします。

するとPending状態になるので、画面を更新しActiveにし、downloadします。

先程開いた「オーガナイザ」でiPadを選択し、「Use for development」をクリックすると出てくる、
「Provisioning」にダウンロードしたファイルをドラッグ＆ドロップします。
「プロジェクト設定を編集」から「コード署名ID」も今ダウンロードしたものに変更します。

そして、「Device - 3.2 | Debug」等で動かせば…

動きました！！

まとめ

とりあえず実機テストまでは行けました。

このままApp Storeに申請…といきたいところなのですが、
どうやらiPadアプリはportrait/landscape両対応が必須らしいので、
頑張りたいと思います。

参考

Ruby1.8系とRuby1.9系を共存させてみる。 - 名もないテクノ手

手順

# 作業ディレクトリの作成
mkdir src
cd src

# ダウンロード・展開
wget ftp://ftp.ruby-lang.org/pub/ruby/1.9/ruby-1.9.1-p378.tar.gz
tar zxf ruby-1.9.1-p378.tar.gz
cd ruby-1.9.1-p378

# パス設定
vim .profile
export PATH=$HOME/local/bin:$PATH
:wq
source .profile

# coreserverは.bashrcで
vim .bashrc
source .bashrc

# インストール
# 場所は~/local以下、コマンド名はruby19(gemはgem19)
./configure --prefix=$HOME/local --program-suffix=19
make
make install

# coreserverでは以下のエラーが出た
make[1]: Entering directory `/virtual/core/src/ruby-1.9.1-p378/ext/dl'
gcc -I. -I../../.ext/include/i686-linux -I../.././include -I../.././ext/dl -DRUBY_EXTCONF_H=\"extconf.h\"  -D_FILE_OFFSET_BITS=64  -fPIC  -O2 -g -Wall -Wno-parentheses -fno-defer-pop -fno-omit-frame-pointer  -o callback-4.o -c callback-4.c
gcc: Internal error: Killed (program cc1)
Please submit a full bug report.
See  for instructions.
make[1]: *** [callback-4.o] Error 1
make[1]: Leaving directory `/virtual/core/src/ruby-1.9.1-p378/ext/dl'
make: *** [mkmain.sh] Error 1

# 手動で失敗したコマンドを叩いた後、makeすれば通った
cd /virtual/core/src/ruby-1.9.1-p378/ext/dl
gcc -I. -I../../.ext/include/i686-linux -I../.././include -I../.././ext/dl -DRUBY_EXTCONF_H=\"extconf.h\"  -D_FILE_OFFSET_BITS=64  -fPIC  -O2 -g -Wall -Wno-parentheses -fno-defer-pop -fno-omit-frame-pointer  -o callback-4.o -c callback-4.c
make

# インストール確認
ruby19 -v
gem19 -v

~/.profile, ~/.bashrcとmakeでこけるとこ以外は、mac, coreserver共通でいけました。
貴重な日曜日のかなりの時間を費やしたのに、1.9ならこんなにすんなりいけるとは。
やっぱ言語に標準で組み込まれているってのはいいですねー。