goofmint · November 10, 2017 06:55 · Nov 10, 2017 · Mar 14, 2017
diff --git a/6.md b/6.md
@@ -1,33 +0,0 @@
-hifiveのUIコンポーネント紹介「タブ切り替え」
-
-hifiveは業務システム開発用とあって、Bootstrapと組み合わせて使われることが多いのですが、Bootstrap側の制限が動作に影響を及ぼしてしまうことがあります。その一つとして今回はタブ切り替えを行うUIをhifive風に実装する方法を紹介します。
-
-今回の[デモはこちら](https://jsfiddle.net/r874onxz/)にあります。
-
-## 使い方
-
-### HTMLの記述
-
-HTML側の記述は次のようになります。特徴としてはBootstrap標準ではidを使わなければならないところをクラスだけで指定しているところが異なります。
-
-https://gist.github.com/e1542b36afb02642362a1b5a4d931ab4
-
-### JavaScriptの記述
-
-そしてJavaScriptはタブをクリックした際のイベントを取得して、コンテンツの表示/非表示を切り替えます。
-
-https://gist.github.com/baf45b16439d6f7e75c12482ef982d3e
-
-さらにタブのグループ毎にコントローラを適用することで、各タブを独立させた状態で扱えるようになります。
-
-```
-$('.tabbable').each(function() {
-	h5.core.controller(this, tabbableController);
-});
-```
-
-----
-
-この方法であればBootstrapのJavaScriptを使わずにタブ機能が実装できます。Bootstrapは便利なライブラリですが制約も多くなっていますので、カスタマイズしやすい形を目指すのであればこうした実装がお勧めです。
-
-[タブ切り替え](http://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/tabbable/index.html)

diff --git a/index.js b/index.js
@@ -0,0 +1,3 @@
+$('.tabbable').each(function() {
+	h5.core.controller(this, tabbableController);
+});
diff --git a/6.md b/6.md
@@ -0,0 +1,33 @@
+hifiveのUIコンポーネント紹介「タブ切り替え」
+
+hifiveは業務システム開発用とあって、Bootstrapと組み合わせて使われることが多いのですが、Bootstrap側の制限が動作に影響を及ぼしてしまうことがあります。その一つとして今回はタブ切り替えを行うUIをhifive風に実装する方法を紹介します。
+
+今回の[デモはこちら](https://jsfiddle.net/r874onxz/)にあります。
+
+## 使い方
+
+### HTMLの記述
+
+HTML側の記述は次のようになります。特徴としてはBootstrap標準ではidを使わなければならないところをクラスだけで指定しているところが異なります。
+
+https://gist.github.com/e1542b36afb02642362a1b5a4d931ab4
+
+### JavaScriptの記述
+
+そしてJavaScriptはタブをクリックした際のイベントを取得して、コンテンツの表示/非表示を切り替えます。
+
+https://gist.github.com/baf45b16439d6f7e75c12482ef982d3e
+
+さらにタブのグループ毎にコントローラを適用することで、各タブを独立させた状態で扱えるようになります。
+
+```
+$('.tabbable').each(function() {
+	h5.core.controller(this, tabbableController);
+});
+```
+
+----
+
+この方法であればBootstrapのJavaScriptを使わずにタブ機能が実装できます。Bootstrapは便利なライブラリですが制約も多くなっていますので、カスタマイズしやすい形を目指すのであればこうした実装がお勧めです。
+
+[タブ切り替え](http://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/tabbable/index.html)