SlideShare a Scribd company logo
1 of 43
iPhone        Android
 ~                                   ~



         id:ninjinkun / @ninjinkun
•       id:ninjinkun / @ninjinkun

•
    •
•
    •
    •         iPhone

    •                  iPhone

    •                  Android
http://b.hatena.ne.jp

•

    •
        Web

    •
•   Web,      , iPhone, iPad,
    Android
•
•   iPhone

•   Android
•   iPhone   Android

    •
    •   UI

    •
•
    •
    •
•
•
    •
UI

 •   UI

     •
     •                            Apple

               http:///www.apple.com



 •   UI            First         Second        Third




     •    UI       “Camera” would like to use
                      your current location

                   Donʼt Allow            OK


 •
UI

 •
     •
 •   UI

     •    Web   UI


     •
         •
•
    •
•
    •
        …

    •
•
    •
iPhone
iPhone

•
iPhone

•
•   UI

•
iPhone

•
    •
            →

    •           Web

        •

    •
iPhone

•       ,             ,   ,


•           ,     ,

    •
•
    •
iPhone
UI

 •   iPhone UI                          Photo Albums


                                      California
                                                           Title



     •                                Cupertino

                                      Glendale

                                      Los Angeles


     •                                Palo Alto

                                      San Diego

                                      San Francisco

     •   UINavigationController       Santa Clara


     •   UITabBarController           Santa Monica

                                      Sherman Oaks

                                      Thousand Oaks

                                      Contacts   Recents   Keypad   Most Recent   Item
iPhone
UI

 •
iPhone
UI




     UITabBar
                (   )
iPhone
UI

 •
     •       :


     •

     •
 •       ,
iPhone

•

    •   UI

    •        WWDC


•             Interface Builder

    •
iPhone

•
    •   Thread-per-Message, Worker Thread

        •
        •   Cocoa   NSOperationQueue

    •                       NSOperation
            Queue
iPhone

•                             delegate

    •   delegate
    if ([delegate respondsToSelector:@selector(hogehoge)]) {
        [delegate hogehoge];
    }



•
    •
    otherViewController.completeBlock = ^(){
       // do something
    };
iPhone

•   11   1            , UI

•   11   2~4

•   12   1     QA,

•   12   2     AppStore

•   12 / 22
Android
Android

•
Android

•
•   UI

•
Android

•             iPhone

•   Android

    •
        •
        •
•
    •
    •
Android
UI

 •   Android UI

     •
     •
     •
     •   Activity
     •   TabActivity
Android
UI
                   Quick Actions
                               Dashboard
 •   Google UI Pattern
                  Examples    Examples

     •Dashboard
     •Action Bar                          MSN        MSN

     •Quick Actions                       19%        19%



     •Search Bar
                                                 Google
                                                  48%
                                                           Google
                                                            48%


 •                                       Yahoo
                                          33%
                                                   Yahoo
                                                    33%




 •
 •   ActionBar     16         10
Android
UI

 •       Android

     •
     •
     •       ,     ,
Android
UI

 •
Android
UI

 •
Android
UI




     Dashboard ( )
Android

•   UI

    •
        •   dpi


    •
        •
        •
Android

•       UI

    •        →               →


    •
•
    •
    •        XML
Android

•   iOS         Worker-Thread

    •   Java    Executor

•
•
Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
  public void onClick (View v) {
     // do something
  }
}
Android

•   12    3                  , UI

•   12    4   ~1   3

•   1    4             QA,

•   2/2
•   2                         15%

    •
•       iPhone

•                          Android

    •
    •
•                Android

    •
•           Android                       iPhone

    •         3/12

    •                    4/26

        •             , Sleipnir Mobile, MYCOM Jurnal, ITpro

        •
•            UI

    •
    •
•   (             )iPhone

    •   UI

    •
•
    •
•
    •   iPhone   Android

    •
•   UI

•
    •
•
iPhoneアプリとAndroidアプリを比較する〜はてなブックマーク開発の現場から〜

More Related Content

More from Satoshi Asano

Google Analytics & iPhone
Google Analytics & iPhoneGoogle Analytics & iPhone
Google Analytics & iPhoneSatoshi Asano
 
iPhoneアプリ開発講座Web連携アプリ編
iPhoneアプリ開発講座Web連携アプリ編iPhoneアプリ開発講座Web連携アプリ編
iPhoneアプリ開発講座Web連携アプリ編Satoshi Asano
 
Asihttp requestについて
Asihttp requestについてAsihttp requestについて
Asihttp requestについてSatoshi Asano
 
バックグラウンド位置取得について
バックグラウンド位置取得についてバックグラウンド位置取得について
バックグラウンド位置取得についてSatoshi Asano
 
iPhoneアプリ開発講座入門編
iPhoneアプリ開発講座入門編iPhoneアプリ開発講座入門編
iPhoneアプリ開発講座入門編Satoshi Asano
 
集合知プログラミング第2章復習
集合知プログラミング第2章復習集合知プログラミング第2章復習
集合知プログラミング第2章復習Satoshi Asano
 
Algorithm Introduction #18 B-Tree
Algorithm Introduction #18 B-TreeAlgorithm Introduction #18 B-Tree
Algorithm Introduction #18 B-TreeSatoshi Asano
 

More from Satoshi Asano (7)

Google Analytics & iPhone
Google Analytics & iPhoneGoogle Analytics & iPhone
Google Analytics & iPhone
 
iPhoneアプリ開発講座Web連携アプリ編
iPhoneアプリ開発講座Web連携アプリ編iPhoneアプリ開発講座Web連携アプリ編
iPhoneアプリ開発講座Web連携アプリ編
 
Asihttp requestについて
Asihttp requestについてAsihttp requestについて
Asihttp requestについて
 
バックグラウンド位置取得について
バックグラウンド位置取得についてバックグラウンド位置取得について
バックグラウンド位置取得について
 
iPhoneアプリ開発講座入門編
iPhoneアプリ開発講座入門編iPhoneアプリ開発講座入門編
iPhoneアプリ開発講座入門編
 
集合知プログラミング第2章復習
集合知プログラミング第2章復習集合知プログラミング第2章復習
集合知プログラミング第2章復習
 
Algorithm Introduction #18 B-Tree
Algorithm Introduction #18 B-TreeAlgorithm Introduction #18 B-Tree
Algorithm Introduction #18 B-Tree
 

iPhoneアプリとAndroidアプリを比較する〜はてなブックマーク開発の現場から〜

  • 1. iPhone Android ~ ~ id:ninjinkun / @ninjinkun
  • 2. id:ninjinkun / @ninjinkun • • • • • iPhone • iPhone • Android
  • 3. http://b.hatena.ne.jp • • Web • • Web, , iPhone, iPad, Android
  • 4. • • iPhone • Android
  • 5.
  • 6. iPhone Android • • UI •
  • 7. • • • • •
  • 8. UI • UI • • Apple http:///www.apple.com • UI First Second Third • UI “Camera” would like to use your current location Donʼt Allow OK •
  • 9. UI • • • UI • Web UI • •
  • 10. • • • … • • •
  • 13. iPhone • • UI •
  • 14. iPhone • • → • Web • •
  • 15. iPhone • , , , • , , • • •
  • 16. iPhone UI • iPhone UI Photo Albums California Title • Cupertino Glendale Los Angeles • Palo Alto San Diego San Francisco • UINavigationController Santa Clara • UITabBarController Santa Monica Sherman Oaks Thousand Oaks Contacts Recents Keypad Most Recent Item
  • 18. iPhone UI UITabBar ( )
  • 19. iPhone UI • • : • • • ,
  • 20. iPhone • • UI • WWDC • Interface Builder •
  • 21. iPhone • • Thread-per-Message, Worker Thread • • Cocoa NSOperationQueue • NSOperation Queue
  • 22. iPhone • delegate • delegate if ([delegate respondsToSelector:@selector(hogehoge)]) { [delegate hogehoge]; } • • otherViewController.completeBlock = ^(){ // do something };
  • 23. iPhone • 11 1 , UI • 11 2~4 • 12 1 QA, • 12 2 AppStore • 12 / 22
  • 26. Android • • UI •
  • 27. Android • iPhone • Android • • • • • •
  • 28. Android UI • Android UI • • • • Activity • TabActivity
  • 29. Android UI Quick Actions Dashboard • Google UI Pattern Examples Examples •Dashboard •Action Bar MSN MSN •Quick Actions 19% 19% •Search Bar Google 48% Google 48% • Yahoo 33% Yahoo 33% • • ActionBar 16 10
  • 30. Android UI • Android • • • , ,
  • 33. Android UI Dashboard ( )
  • 34. Android • UI • • dpi • • •
  • 35. Android • UI • → → • • • • XML
  • 36. Android • iOS Worker-Thread • Java Executor • • Button button = (Button) findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { public void onClick (View v) { // do something } }
  • 37. Android • 12 3 , UI • 12 4 ~1 3 • 1 4 QA, • 2/2
  • 38. 2 15% • • iPhone • Android • • • Android •
  • 39. Android iPhone • 3/12 • 4/26 • , Sleipnir Mobile, MYCOM Jurnal, ITpro •
  • 40. UI • • • ( )iPhone • UI •
  • 41. • • • iPhone Android •
  • 42. UI • • •