page.title=Android N Developer Preview
page.tags="preview","developer"
meta.tags="preview", "android"
fullpage=true
forcelocalnav=true
header.hide=1
footer.hide=1
@jd:body

<script>
  $(document).ready(function() {
    if (useUpdatedTemplates) {
      $("#useUpdatedTemplates").css("display","block");
    } else {
      $("#useOldTemplates").css("display","block");
    }
  })
</script>

<section class="dac-expand dac-hero dac-light" style="background-color:#B2DFDB">
  <div class="wrap" style="max-width:1100px;margin-top:0">
    <div class="cols dac-hero-content" style="padding-bottom:1em;">

      <div class="col-7of16 col-push-9of16" style="padding-left:2em">
        <h1 class="dac-hero-title">Android N Developer Preview</h1>
        <p class="dac-hero-description">
          Android N が正式リリースされる前に、
          Nexus や他の端末で事前に<strong>アプリの動作をご確認いただけます</strong>。新しいシステム動作をサポートして、<strong>電力やメモリの使用量を削減しましょう</strong>。

          <strong>マルチ ウィンドウ UI</strong> や<strong>ダイレクト リプライ通知</strong>などの機能も利用して、アプリを拡張してみてください。

        </p>

        <a class="dac-hero-cta" href="{@docRoot}preview/overview.html">
          <span class="dac-sprite dac-auto-chevron"></span>
          スタートガイド</a>
<!--<br>
        <a class="dac-hero-cta" href="{@docRoot}preview/support.html">
          <span class="dac-sprite dac-auto-chevron"></span>
          Update to Android N (final SDK)
        </a><br>-->
      </div>
      <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:1.5em;padding-right:1.5em;">
        <img class="dac-hero-image" src="{@docRoot}images/home/n-preview-hero.png" srcset="{@docRoot}images/home/n-preview-hero.png 1x,
             {@docRoot}images/home/n-preview-hero_2x.png 2x">
      </div>
    </div>
    <div class="dac-section dac-small">
      <div class="resource-widget resource-flow-layout col-16"
           data-query="collection:preview/landing/resources"
           data-cardSizes="6x2"
           data-maxResults="6"></div>
    </div>
  </div>
</section>

<div id="useUpdatedTemplates" style="display:none" class="dac-section dac-slim dac-gray dac-expand">
  <div class="wrap dac-offset-parent">
    <a class="dac-fab dac-scroll-button" data-scroll-button href="#build-apps">
      <i class="dac-sprite dac-arrow-down-gray"></i>
    </a>
    <ul class="dac-actions">
      <li class="dac-action">
        <a class="dac-action-link" href="https://developer.android.com/preview/bug">
          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
          問題の報告</a>

      </li>
      <li class="dac-action">
        <a class="dac-action-link" href="{@docRoot}preview/support.html">
          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
          リリースノートの確認</a>

      </li>
      <li class="dac-action">
        <a class="dac-action-link" href="{@docRoot}preview/dev-community">
          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>
          開発者コミュニティに参加</a>

      </li>
    </ul>
  </div><!-- end .wrap -->
</div><!-- end .dac-actions -->

<div id="useOldTemplates" style="display:none;color:black" class="actions-bar dac-expand dac-invert">
  <div class="wrap dac-offset-parent">

    <div class="actions">
      <div><a href="https://developer.android.com/preview/bug">
        <span class="dac-sprite dac-auto-chevron-large"></span>
        問題の報告</a>
</div>
      <div><a href="{@docRoot}preview/support.html">
        <span class="dac-sprite dac-auto-chevron-large"></span>
        リリースノートの確認</a>
</div>
      <div><a href="{@docRoot}preview/dev-community">
        <span class="dac-sprite dac-auto-chevron-large"></span>
        開発者コミュニティに参加</a>
</div>
    </div><!-- end .actions -->
  </div><!-- end .wrap -->
</div>

<section class="dac-section dac-light dac-small" id="latest"><div class="wrap">
  <h2 class="norule">新着</h2>
  <div class="resource-widget resource-flow-layout col-16"
    data-query="type:blog+tag:androidn+tag:featured, type:youtube+tag:androidn+tag:featured"
    data-sortOrder="-timestamp"
    data-cardSizes="6x6"
    data-items-per-page="6"
    data-maxResults="15"
    data-initial-results="3"></div>
</div></section>

<section class="dac-section dac-gray"><div class="wrap">
  <h1 class="dac-section-title">リソース</h1>
  <div class="dac-section-subtitle">
    Android N 向けにアプリを開発する上で役立つ必須情報をご提供します。
  </div>

  <div class="resource-widget resource-flow-layout col-16"
       data-query="collection:preview/landing/more"
       data-cardSizes="6x6"
       data-items-per-page="6"
       data-maxResults="15"
       data-initial-results="6"></div>

  </div>
</section>