Twitter Bootstrap3.0(TB3.0)の登場で、作っていたWebミニプログラムであるお知らせ更新プログラムをバージョンアップさせてみました。
ファイルのアップロードをAjaxにしてみたり、アップロードファイル数も自由に変更できるようにしてみたり、設定画面で変更できる項目を整理したりしました。
まぁ、このプログラムは公開していないので、説明してもアレなのですが・・・w
ランダムな文字列を生成して、どれくらいの確率で重複するか?
与えられた緯度・経度に近い場所を、DBから抽出するSQL文
Googleマップにマーカーを追加表示する
Googleマップで観光スポットを表示しているときに、近くの観光スポットをリストで表示していて、そのスポットをマウスでポイントしてやれば、そのスポットのマーカーを地図に追加して表示し、さらに現在地と追加地のマーカーが全て表示されるようにマップの拡大率を自動的に変更する・・・という仕様が必要になったので、備忘録メモ。
jQuery UIのDatepickerで、土曜日と日曜日の色だけ変更する
PHPで無名関数
今まで、Javascriptではよく無名関数や即時関数を使ってましたが、PHPで使うって発想がなかったのですが、連想配列のソートを調べているとPHPでも5.2から可能になったそうな。
知らなかった〜。
無名関数を知らない人は、ググるといっぱい説明はでてくるのでここでは割愛しますが、要するに名前を付けるまでもない、事前に登録しておいてもその場でしかつかわないような関数は、無名関数としてその場限りの関数を作って実行することがあります。
例えば、PHPのusort関数は、第2引数にユーザー定義関数を指定することにより、(連想)配列を並び替えすることができますが、通常
usort($array, 'narabikae'); function narabikae($a, $b){ return $a[0] < $b[0]; }
としなければならないところを、
usort($array,function($a, $b){ return $a[0] < $b[0]; });
と書くだけでOKです。
結構なれると便利ですよね。
簡単にグラフを作成してWeb上に公開できる「Google Chart Editor」
ウィザードに従って進んでいくだけで、簡単にグラフを作成することができるのが「Google Chart Editor」です。
グラフの種類を選択して、サンプルデータを元にしてデータを書き換えていくだけです。
Twitter Bootstrapがバージョンアップしていた
知らない間にブートストラップがバージョンアップして3RC1になっていました。(アドレスも変わってますね。)
最近の流行りにのって(?)、フラットデザイン+モバイルファースト+レスポンシブになっていますね。
(レスポンシブは前からですけど・・・)
独自ブラウザシェア 2013年6月
私が管理しているサイト毎に、ブラウザのシェアを見てみたいと思います。
jQueryで現在のリンクにクラスを付ける
PHPとかWPとかではなく、HTMLで静的なページを制作している場合、メニュー構造部分なんかは、そのページ毎に編集したりしないといけませんよね。
そんな時に、Dreamweaverではライブラリ機能が使えるのですが、ライブラリ機能を使うと、ページ毎に少し変えたい場合に変えれません。
<ul id="menu"> <li><a href="index.html">HOME</a></li> <li><a href="cafe.html">Cafe</a></li> <li><a href="access.html">Access</a></li> <li><a href="contact.html">Contact Us</a></li> </ul>
例えば上記のようなHTMLがライブラリとして登録されていると、指定してある全てのページに対して、同じコードが挿入されます。