Home | History | Annotate | Download | only in ja
      1 fullpage=true
      2 excludeFromSuggestions=true
      3 page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
      4 page.customHeadTag=<meta name="google-site-verification" content="sa-bIAI6GKvct3f61-WpRguHq-aNjtF7xJjMTSi79as" />
      5 
      6 @jd:body
      7 
      8 <script>
      9   $(document).ready(function() {
     10     if (useUpdatedTemplates) {
     11       $("#useUpdatedTemplates").css("display","block");
     12     } else {
     13       $("#useOldTemplates").css("display","block");
     14     }
     15   })
     16 </script>
     17 
     18 <section class="dac-expand dac-hero dac-invert" style="background-color:#455A64">
     19   <div class="wrap" style="max-width:1100px;margin-top:0">
     20     <div class="col-7of16 col-push-9of16" style="padding-left:2em;">
     21       <a href="{@docRoot}preview/index.html">
     22         <h1 class="dac-hero-title">Android N Developer Preview</h1>
     23         <p class="dac-hero-description">
     24           Get ready for the next version of Android!
     25           <strong>Test your apps</strong> on Nexus and other devices. Support new system
     26           behaviors to <strong>save power and memory</strong>.
     27           Extend your apps with <strong>multi-window UI</strong>,
     28           <strong>direct reply notifications</strong> and more.
     29         </p>
     30         <a class="dac-hero-cta" href="/preview/index.html">
     31           <span class="dac-sprite dac-auto-chevron"></span>
     32           Learn more
     33         </a><!--<br>
     34         <a class="dac-hero-cta" href="/preview/support.html">
     35           <span class="dac-sprite dac-auto-chevron"></span>
     36           Update to Developer Preview (final SDK)
     37         </a><br>-->
     38       </a>
     39     </div>
     40     <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:0em;padding-right:1.5em;">
     41       <a href="{@docRoot}preview/index.html">
     42         <img style="" class="dac-hero-image" src="/images/home/n-preview-hero.png"
     43              srcset="/images/home/n-preview-hero.png 1x,
     44              /images/home/n-preview-hero_2x.png 2x">
     45         </a>
     46     </div>
     47   </div>
     48 </section>
     49 
     50 <div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
     51   <div class="wrap dac-offset-parent">
     52     <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
     53       <i class="dac-sprite dac-arrow-down-gray"></i>
     54     </a>
     55     <ul class="dac-actions">
     56       <li class="dac-action">
     57         <a class="dac-action-link" href="{@docRoot}sdk/index.html">
     58           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     59           Get the SDK
     60         </a>
     61       </li>
     62       <li class="dac-action">
     63         <a class="dac-action-link" href="{@docRoot}samples/index.html">
     64           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     65           Browse sample code
     66         </a>
     67       </li>
     68       <li class="dac-action">
     69         <a class="dac-action-link" href="{@docRoot}distribute/stories/index.html">
     70           <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
     71           Watch stories
     72         </a>
     73       </li>
     74     </ul>
     75   </div><!-- end .wrap -->
     76 </div><!-- end .dac-actions -->
     77 
     78 <div id="useOldTemplates" style="display:none" class="actions-bar dac-expand dac-invert">
     79   <div class="wrap dac-offset-parent">
     80     <a class="dac-fab dac-scroll-button" data-scroll-button="" href="#build-apps">
     81       <i class="dac-sprite dac-arrow-down-gray"></i>
     82     </a>
     83     <div class="actions">
     84       <div><a href="{@docRoot}sdk/index.html">
     85         <span class="dac-sprite dac-auto-chevron-large"></span>
     86         Get the SDK
     87       </a></div>
     88       <div><a href="{@docRoot}samples/index.html">
     89         <span class="dac-sprite dac-auto-chevron-large"></span>
     90         Browse Samples
     91       </a></div>
     92       <div><a href="{@docRoot}distribute/stories/index.html">
     93         <span class="dac-sprite dac-auto-chevron-large"></span>
     94         Watch Stories
     95       </a></div>
     96     </div><!-- end .actions -->
     97   </div><!-- end .wrap -->
     98 </div>
     99 
    100 <section class="dac-section dac-light" id="build-apps"><div class="wrap">
    101   <h1 class="dac-section-title">Build Beautiful Apps</h1>
    102   <div class="dac-section-subtitle">
    103     Resources to get you started with designing and developing for Android.
    104   </div>
    105   <div class="resource-widget resource-flow-layout col-16"
    106        data-query="collection:index/primary"
    107        data-cardSizes="6x6"
    108        data-maxResults="3"></div>
    109 </div></section>
    110 
    111 <div class="dac-hero-carousel" data-carousel-query="collection:index/secondary/carousel">
    112 </div>
    113 
    114 <section class="dac-section dac-gray"><div class="wrap">
    115   <div class="cols"><div class="col-10of12 col-push-1of12">
    116     <h1 class="dac-section-title"> <br></h1>
    117     <div class="dac-section-subtitle">
    118       Android  <br>
    119            
    120     </div>
    121   </div></div>
    122   <div class="resource-widget resource-flow-layout col-16"
    123        data-query="collection:index/multiscreen"
    124        data-cardSizes="6x6"
    125        data-maxResults="3"></div>
    126 </div></section>
    127