jQuery・JS 【JavaScript】配列に値を代入（=）するときとpushの違い
変数に配列を代入して、それを他の変数に代入（=）すると値の参照渡しになるので、代入した変数された変数のどちらかの値を変更すると、もう一つの値に影響します。 しかし、pushに変数を使い値を設定したときは、代入（=）を使用したときの参照渡しと...
プログラミング
jQuery・JS jQuery・JS jQuery UIを利用してタブを作成するコード
jQuery UIを利用することで簡単にタブを作成できます。 jQuery UIでタブを作成する方法 divタグのidにtabsを設定（div id="tabs"） タブは、ulタグにliを作成します。 タブをクリックしたときに表示するパネ...
HTML・CSS Bootstrapでアコーディオン表示を作る
Bootstrapで下の画像のようにリンクをクリックするとコンテンツ部分が開いて表示されるアコーディオンの設定方法。 aタグに「data-toggle=collapse」を設定。 href属性に表示するコンテンツのIDを設定。 クリックする...
HTML・CSS Bootstrapでタブを作成する
Bootstrapで下の画像のようにタブをクリックすると表示が切り替わる「タブ」の作成方法。 タブの設定 ulでタブを表示。クラスにnav nav-tabsを設定。 liで最初に表示するところのクラスにactiveを設定。 liのa要素にd...
HTML・CSS Bootstrapを使うまでの流れ
1から自分でHTMLとCSSでサイトを作る方法もありますが、ブラウザの差異などを考慮した作りをするのは大変です。またウェブサービスを作成するときにデザイン部分まで自ら取り組むとなると作業の時間と学習コストがかかります。 そこで、Bootst...