WEBデザイン bxsliderオプションの解説と動かない時のチェックポイント
簡単にスライドショーが作れる「bxslider」ですが、オプションを指定することで色々と設定を変えることができます。が、最初にハマったのは、そのオプションの書き方・・・【どこに書くの？】公式ページの解説にある、インストールの仕方に書いてある...
JavaScript
WEBデザイン 
WEBデザイン スライドショーが簡単に作れるbxsliderが便利過ぎる
なんか難しそうなスライドショーが、やってみたら超簡単に実現できた！こんな奴ですね。（今どきないと思いますが、当然、javascriptが動かないブラウザでは画像が羅列されるだけとなります。）最近の企業HPのトップページなども、画面いっぱいの...
WEBデザイン 配列を使ったおみくじ 今日の運試しにいかが？
JavaScriptのお勉強(番外編)配列からランダムにデータを取り出す方法を応用して、おみくじボタンを作ってみました。配列に「大吉」「中吉」みたいなのを格納しておいて、ランダムに表示させるだけですね。さて、今日の運勢は？(笑)占う#mai...
WEBデザイン ランダムに表示される広告の出現率を変える
JavaScriptのお勉強(6)前回の(5)で、秒数を取得して偶数か奇数かで配信される広告を「ASP-1」か「ASP-2」かに割り振りましたがこれだと、比率が50%:50%に固定されてしまいますね。例えば「ASP-1」を２割、８割は「AS...
WEBデザイン ブログ大改造終了！表示が早くなった！＼(^o^)／【結論：スクリプトはなんでも外部非同期化すれば良いわけではない】
【結論：スクリプトはなんでも外部非同期化すれば良いわけではない】ここ2週間ほどJavaScriptの勉強をした成果？で、スクリプトをとにかく非同期化すれば良い、というものではないという結論に…
WEBデザイン 広告ランダム表示スクリプトv2
JavaScriptのお勉強(5)とりあえず、Google Adsense だけなら、今はGoogleの広告コードは非同期に変更されていますので、コードをそのまま貼れば良いわけですが。でも、Google以外のアフィリエイト広告も貼りたい。広...
WEBデザイン 配列／配列からランダムに抽出【JavaScript】
配列の宣言には2種類の書き方があるそうです。(A)var hairetsu = new array();(b)var hairetsu = []これで、空の配列が宣言されました。（配列を空にすることを「初期化」と呼ぶ）中身のある配列を宣言す...
WEBデザイン innerHTMLの中でスクリプトを動かす事はできない？【JavaScript】
(1)インラインでdocument.write(2)インラインでinnerHTML(3)上の(1)を外部スクリプト化（同期）(4)上の(2)を外部スクリプト化（同期）(5)上の(1)を外部スクリプト化(非同期)(6)上の(2)を外部スクリプト化(非同期)…
WEBデザイン 任意の範囲のランダムな整数を生成する
例：0～Xの範囲の整数を生成するにはvar num = Math.floor( Math.random() * 範囲の最大値 );Math →JavaScriptの組み込み関数（いろいろな数学的処理ができる）Math.floor() →メソ...
WEBデザイン 三項演算子とは【JavaScript覚書】
ある条件式の結果が「真(true)」の時に実行するコマンド、「偽(false)の時に実行するコマンドを指定する書き方。一般的なif (条件式) { コマンド } else { コマンド }という書き方を簡略した書き方この三項演算子が使えるス...
WEBデザイン 演算子「 ==」【JavaScript覚書】
※演算子「 == 」は比較演算子と言い、左右の式の値が同じ時に真（true）、異なる時に偽（false）を返す。例:以下の場合、「 a 」と「 b 」の値が一致していないので、偽（fales）になるので、comannd2が実行される。<sc...
WEBデザイン 演算子「 % 」【JavaScript覚書】
※演算子「 % 」は割り算の「余り」を出力する。偶数は2で割ると必ず割り切れるので、例えばnum % 2 == 0という式が真（true）であれば偶数、偽（false）であれば奇数であるという事が判別できる。⇒ 比較演算子「 == 」とは？