Xcode HTML
   CSS



        2010/09/29
http://www.allianceport.jp
• iPad          iTunes Store



• Objective-C
• HTML CSS
•                       HTML   CSS



•          HTML                Xcode
    Interface builder
• Xcode
• HTML,CSS
•            Objective-C
http://developer.apple.com/technologies/tools/xcode.html
View-based application
                     myFirstBook
myFirstBookViewController.xib
Interface Builder
Label
myFirstBookViewController.xib
• html           UIWebView



• index.html
•                UIWebView
    index.html
step1

html           UIWebView
label   UIWebView
step2

index.html
Resources
html   css
./
step3

    UIWebView   index.html
step3-1
myFirstBookViewController.h

                 =




myFirstBookViewController.m

             =
myFirstBookViewController.h

        @interface myFirstBookViewController : UIViewController {
!   !     !     IBOutlet UI...
step3-2

Interface Builder
myFirstBookViewController.xib
File’s Owner
‘ctrl’+



webView
  ○


Web View
OK
html   css




        iTunes Store
apple
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!
Upcoming SlideShare
Loading in …5
×

vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!

1,977
-1

Published on

vol.15 "salon de AP"で開催したハンズオン:電子書籍アプリをつくってみよう!のスライドショーです。

http://www.allianceport.jp/news/2010/vol15-salon-de-ap.html

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,977
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

vol.15 salon de AP ハンズオン:電子書籍アプリをつくってみよう!

  1. 1. Xcode HTML CSS 2010/09/29 http://www.allianceport.jp
  2. 2. • iPad iTunes Store • Objective-C • HTML CSS
  3. 3. • HTML CSS • HTML Xcode Interface builder
  4. 4. • Xcode • HTML,CSS • Objective-C
  5. 5. http://developer.apple.com/technologies/tools/xcode.html
  6. 6. View-based application myFirstBook
  7. 7. myFirstBookViewController.xib
  8. 8. Interface Builder
  9. 9. Label
  10. 10. myFirstBookViewController.xib
  11. 11. • html UIWebView • index.html • UIWebView index.html
  12. 12. step1 html UIWebView
  13. 13. label UIWebView
  14. 14. step2 index.html
  15. 15. Resources html css
  16. 16. ./
  17. 17. step3 UIWebView index.html
  18. 18. step3-1
  19. 19. myFirstBookViewController.h = myFirstBookViewController.m =
  20. 20. myFirstBookViewController.h @interface myFirstBookViewController : UIViewController { ! ! ! IBOutlet UIWebView *webView; // ! ! } myFirstBookViewController.m - (void)viewDidLoad { [super viewDidLoad]; ! ! [[UIApplication sharedApplication] setStatusBarHidden:YES]; // ! [self.navigationController setNavigationBarHidden:YES]; // ! ! NSString *fileName = @"index"; // ! NSString *filePath = [[NSBundle mainBundle] pathForResource:fileName ofType:@"html"]; // ! NSURL *url = [NSURL fileURLWithPath:filePath]; // [NSURL URLWithString:@"http: "]; ! NSURLRequest *request = [NSURLRequest requestWithURL:url]; // ! [webView loadRequest:request]; // ! }
  21. 21. step3-2 Interface Builder
  22. 22. myFirstBookViewController.xib
  23. 23. File’s Owner ‘ctrl’+ webView ○ Web View
  24. 24. OK
  25. 25. html css iTunes Store apple
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×