プログラミング

jQuery・JS

【JavaScript】配列に値を代入(=)するときとpushの違い

変数に配列を代入して、それを他の変数に代入(=)すると値の参照渡しになるので、代入した変数された変数のどちらかの値を変更すると、もう一つの値に影響します。しかし、pushに変数を使い値を設定したときは、代入(=)を使用したときの参照渡しと違...
jQuery・JS

jQuery UIを利用してタブを作成するコード

jQuery UIを利用することで簡単にタブを作成できます。jQuery UIでタブを作成する方法divタグのidにtabsを設定(div id="tabs")タブは、ulタグにliを作成します。タブをクリックしたときに表示するパネル(di...
HTML・CSS

Bootstrapでアコーディオン表示を作る

Bootstrapで下の画像のようにリンクをクリックするとコンテンツ部分が開いて表示されるアコーディオンの設定方法。 aタグに「data-toggle=collapse」を設定。href属性に表示するコンテンツのIDを設定。クリックすると表...
HTML・CSS

Bootstrapでタブを作成する

Bootstrapで下の画像のようにタブをクリックすると表示が切り替わる「タブ」の作成方法。タブの設定ulでタブを表示。クラスにnav nav-tabsを設定。liで最初に表示するところのクラスにactiveを設定。liのa要素にdata-...
HTML・CSS

Bootstrapを使うまでの流れ

1から自分でHTMLとCSSでサイトを作る方法もありますが、ブラウザの差異などを考慮した作りをするのは大変です。またウェブサービスを作成するときにデザイン部分まで自ら取り組むとなると作業の時間と学習コストがかかります。そこで、Bootstr...