diff --git a/.bundle/config b/.bundle/config
index 57d4641..00ae63b 100644
--- a/.bundle/config
+++ b/.bundle/config
@@ -1,3 +1,3 @@
 ---
 BUNDLE_PATH: vendor/bundle
-BUNDLE_DISABLE_SHARED_GEMS: '1'
+BUNDLE_DISABLE_SHARED_GEMS: true
diff --git a/_config.yml b/_config.yml
index 6924e59..e6ef74f 100644
--- a/_config.yml
+++ b/_config.yml
@@ -87,7 +87,7 @@ defaults:
       path: ""
       type: "posts"
     values:
-      layout: "post"
+      layout: "page"
       comments: true
       search: true
       sidebar: home_sidebar
@@ -108,3 +108,7 @@ description: "Intended as a documentation theme based on Jekyll for technical wr
 
 # needed for sitemap.xml file only
 url: http://api-docs.bocco.me
+
+gems: [jekyll-paginate]
+paginate: 5
+paginate_path: "/news/:num/"
diff --git a/_data/topnav.yml b/_data/topnav.yml
index 026340b..e07f7f0 100644
--- a/_data/topnav.yml
+++ b/_data/topnav.yml
@@ -19,8 +19,9 @@ topnav:
 
     - title: リファレンス
       url: /reference.html
-    # - title: ニュース
-      # url: /news
+
+    - title: ニュース
+      url: /news
 
     - title: フィードバック
       url: /index.html#feedback
diff --git a/_includes/footer.html b/_includes/footer.html
index d1d715a..3c1d3a7 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -3,7 +3,7 @@
                 <div class="col-lg-12 footer">
                &copy;{{ site.time | date: "%Y"  }} {{site.company_name}}. All rights reserved. <br />
 {% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y"  }} <br />
-<p><img src="{{ "images/company_logo.png" }}" alt="ユカイ工学" width='120' height='64' /></p>
+<p><img src="{{ "/images/company_logo.png"  | prepend: site.baseurl | prepend: site.url }}" alt="ユカイ工学" width='120' height='64' /></p>
                 </div>
             </div>
 </footer>
diff --git a/_includes/head.html b/_includes/head.html
index 25be6c7..d803a50 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -4,25 +4,25 @@
 <meta name="description" content="{% if page.summary %}{{ page.summary | strip_html | strip_newlines | truncate: 160 }}{% endif %}">
 <meta name="keywords" content="{{page.tags}}{% if page.tags %}, {% endif %} {{page.keywords}}">
 <title>{{ page.title }} | {{ site.site_title }}</title>
-<link rel="stylesheet" href="{{ "css/syntax.css" }}">
-
 
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
 <!--<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">-->
-<link rel="stylesheet" href="{{ "css/modern-business.css" }}">
-<link rel="stylesheet" href="{{ "css/lavish-bootstrap.css" }}">
-<link rel="stylesheet" href="{{ "css/customstyles.css" }}">
-<link rel="stylesheet" href="{{ "css/theme-blue.css" }}">
+
+<link rel="stylesheet" href="{{ "/css/syntax.css" | prepend: site.baseurl | prepend: site.url }}">
+<link rel="stylesheet" href="{{ "/css/modern-business.css" | prepend: site.baseurl | prepend: site.url }}">
+<link rel="stylesheet" href="{{ "/css/lavish-bootstrap.css" | prepend: site.baseurl | prepend: site.url }}">
+<link rel="stylesheet" href="{{ "/css/customstyles.css" | prepend: site.baseurl | prepend: site.url }}">
+<link rel="stylesheet" href="{{ "/css/theme-blue.css" | prepend: site.baseurl | prepend: site.url }}">
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
-<script src="{{ "js/jquery.navgoco.min.js" }}"></script>
+<script src="{{ base }}/js/jquery.navgoco.min.js"></script>
 
 
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/2.0.0/anchor.min.js"></script>
-<script src="{{ "js/toc.js" }}"></script>
-<script src="{{ "js/customscripts.js" }}"></script>
+<script src="{{ "/js/toc.js"  | prepend: site.baseurl | prepend: site.url }}"></script>
+<script src="{{ "/js/customscripts.js" | prepend: site.baseurl | prepend: site.url }}"></script>
 
 <link rel="shortcut icon" href="{{ "images/favicon.ico"  }}">
 
@@ -33,4 +33,4 @@
 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 <![endif]-->
 
-<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "feed.xml" | prepend: site.url }}">
+<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.url }}">
diff --git a/_includes/topnav.html b/_includes/topnav.html
index e603863..23ceeaf 100644
--- a/_includes/topnav.html
+++ b/_includes/topnav.html
@@ -8,7 +8,7 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="fa fa-home fa-lg navbar-brand" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
+            <a class="fa fa-home fa-lg navbar-brand" href="/index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
         </div>
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav navbar-left">
@@ -23,9 +23,9 @@
                         {% if folderitem.external_url %}
                         <li><a href="{{folderitem.external_url}}" target="_blank">{{folderitem.title}}</a></li>
                         {% elsif page.url contains folderitem.url %}
-                        <li class="dropdownActive"><a href="{{folderitem.url |  remove: "/"}}">{{folderitem.title}}</a></li>
+                        <li class="dropdownActive"><a href="{{folderitem.url}}">{{folderitem.title}}</a></li>
                         {% else %}
-                        <li><a href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a></li>
+                        <li><a href="{{folderitem.url}}">{{folderitem.title}}</a></li>
                         {% endif %}
                         {% endfor %}
                     </ul>
@@ -34,9 +34,9 @@
                 {% if item.external_url %}
                 <li><a href="{{item.external_url}}" target="_blank">{{item.title}}</a></li>
                 {% elsif page.url contains item.url %}
-                <li class="active"><a href="{{item.url | remove: "/"}}">{{item.title}}</a></li>
+                <li class="active"><a href="{{item.url}}">{{item.title}}</a></li>
                 {% else %}
-                <li><a href="{{item.url | remove: "/"}}">{{item.title}}</a></li>
+                <li><a href="{{item.url}}">{{item.title}}</a></li>
                 {% endif %}
                 {% endif %}
                 {% endfor %}
diff --git a/_posts/2016-11-15-hello-bocco-api.md b/_posts/2016-11-15-hello-bocco-api.md
new file mode 100644
index 0000000..34f6b15
--- /dev/null
+++ b/_posts/2016-11-15-hello-bocco-api.md
@@ -0,0 +1,71 @@
+---
+title: HELLO BOCCO API！
+keywords: 使用例
+last_updated: November 15, 2016
+tags: []
+toc_at_sidebar: true
+summary: BOCCO APIに関するニュースをお届けします！
+---
+
+## NEWSページはじめました
+
+　はじめまして！ BOCCO API開発の中の人です。
+
+　先日から実験的に提供をはじめたBOCCO API、多くの方々に使用していただけているようで何よりです。
+今後、もっともっとBOCCO APIを利用したアプリ開発を盛り上げていくために、BOCCO APIの使い方や使用例などをNEWSとして紹介していきたいと思います☺️
+
+　今回は、まっさきにBOCCO APIを利用してくださっている方の中から、いくつかピックアップして紹介したいと思います！
+
+## PICK UP
+
+### こんなこといいな、できたらいいな♪
+
+[ロボットがランチメニューを提案し、出前を取ってくれる未来のサービス](http://hacklog.jp/works/3612)
+
+　BOCCOとお話するだけでおすすめのランチがあなたのおうちに届くアプリです！未来を感じますね〜。
+こちらのアプリは、kintone APIやTwilio for KDDI Web CommunicationsのAPIを組み合わせて、スマートフォンやパソコンを使うことなく、注文が行えるようです。
+これならお年寄りの方やお子様にも簡単に扱えますね！
+
+　APIを公開したことで、こういった外部のサービスとも連携させることができるようになりました。
+みなさんも様々なサービスとBOCCOを組み合わせて未来のサービスを考えてみては？？？
+
+### BOCCOでおうちの電力消費をチェック！
+
+[スマートメーターとBOCCOを連携させる](http://route-b.iij.ad.jp/archives/116)
+
+　毎日の消費電力が気になる方、BOCCOとスマートメーターを連携させて、おうちの消費電力をチェックしませんか？
+外出先でも、BOCCOにメッセージを送るだけでおうちの電力使用状況がわかったりしちゃいます！
+
+　今後10年間の間に、スマートホーム・スマートハウスと呼ばれる技術によって家の中がもっと便利になると言われています。
+あなたもBOCCO APIを利用して一足先にスマートな暮らしを体験してみませんか？
+
+
+### 毎日の癒しにBOCCOを
+
+[可愛いロボットBOCCOに癒してもらおう](https://cybozudev.zendesk.com/hc/ja/articles/213790523-可愛いロボットBOCCOに癒してもらおう)
+
+　みなさん毎日お仕事おつかれさまです。毎日の仕事の終わりにBOCCOから優しいメッセージをかけてもらって癒されましょう。
+こちらの記事では、BOCCO APIとkintone APIを利用して、日報を提出した際にBOCCOが声を掛けてくれるアプリを作成しています。
+
+　日報を提出したときに、 _「遅くまで大変でしたね。」_ なんて声をかけてもらったらそれだけで嬉しいですね。
+
+### iOSアプリからBOCCOを使う！
+
+[#BOCCO API β版 を Swift から弄るライブラリを作った](http://tf-web.jp/bocco-api-β版-を-swift-から弄るライブラリを作った/#comment-9764)
+
+　こちらはなんと、BOCCO APIをSwiftからいじることができるライブラリです！iOSアプリ開発のスタンダードであるSwift、これを使えばBOCCOと連携させていろいろできるiOSアプリが作れそうですね。
+
+
+### APIを一通り試してみた
+
+[【BOCCO開発】BOCCOのAPIが公開されたので使ってみました。](http://robotstart.info/2016/10/06/bocco_api-review.html)
+
+　こちらの記事では、BOCCOアプリのインストールからはじまり、[チュートリアル](/get_access_token.html)に沿ってBOCCO APIを一通り使用してくださっています。
+チュートリアルを行う際に一緒にご覧になると参考になりそうです！
+
+## さいごに
+　いかがでしたでしょうか。BOCCO APIを利用することで、様々アイデアが生まれているようでこれからがとても楽しみですね。
+今後、BOCCO APIの開発もどんどん進めていくので、みなさん楽しみにしていてください！
+
+　また、BOCCO APIを使う際になにか不明な点があれば、[Feedback](/index.html#feedback)から、メール or BOCCO APIのgithubにお気軽にお問い合わせください！
+
diff --git a/news/index.html b/news/index.html
new file mode 100644
index 0000000..d615c7a
--- /dev/null
+++ b/news/index.html
@@ -0,0 +1,44 @@
+---
+title: NEWS一覧
+layout: default
+toc_at_sidebar: true
+---
+
+<h1>NEWS 一覧</h1>
+BOCCO APIに関するニュースの一覧です．
+<!-- This loops through the paginated posts -->
+{% for post in paginator.posts %}
+    <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+    {% if post.summary %}
+    <div class="summary">{{post.summary}}</div>
+    {% endif %}
+    <p class="author">
+        <span class="date">{{ post.date | date: "%Y-%m-%d" }}</span>
+    </p>
+{% endfor %}
+
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+    {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
+    {% else %}
+    <span>&laquo; Prev</span>
+    {% endif %}
+
+    {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+    <em>{{ page }}</em>
+    {% elsif page == 1 %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
+    {% else %}
+    <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
+    {% endif %}
+    {% endfor %}
+
+    {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a>
+    {% else %}
+    <span>Next &raquo;</span>
+    {% endif %}
+</div>
+{% endif %}
\ No newline at end of file