jQueryUIはリッチなUIを簡単に使えるライブラリです。
その名の通り、jQueryの上で動くので、jQueryを使ったことがある、
今使っているという方は簡単に扱えるはずです。
Selectableを初めて使ったのですが、つまづいたところ、
基本的な使い方など書き留めておきたいと思います。
(jQuery UI Selectbleのサンプルを元にしています)
リッチなUIにならない、表示が変、どうやらデザインが適用されてない。。。
jQueryUIをダウンロード・解凍するとjsとcssというフォルダがあると思います。
jsの中にjQueryとjQueryUIが入っているので、これらを読み込めば使えるわけです。
これだけでも、プログラムとしては動いてしまうのですが、肝心のデザイン関連(CSSやimage)は
cssフォルダに含まれています！自分だけかも知れませんがこれを忘れがち笑
/css/テーマ名/ の中にjQueryUIのCSSと 画像フォルダがありますので、
javascriptと同様適切なパス上において、linkタグで読み込んでおきましょう。
現在選択されているアイテムを取得する
サンプルのコード(View Sourceで表示されます)にもある通り、
JavaScript:
-
$(".ui-selected").each(function(){
-
//ここに処理
-
alert($(this).text());//thisがHTMLエレメントになってる
-
});
この形で走査できます。イベントで受け取る場合は、
JavaScript:
-
$("#selectable").selectable({
-
selected: function(event,ui){
-
alert($(ui.selected).text());//ui.selectedがHTMLエレメント
-
});
というような感じです。
イベントの場合は複数選択された場合、各々のアイテムについてそれぞれイベントが発生します。
また、もちろんunselectedの場合はui.unselectedで同様に要素にアクセスできます。
PHPでExcel2007ファイルを扱う際にはPHP Excelというライブラリがあります。
注意としてはPHP4では動作しないところ。
参考：PHPExcelを使ってPHPでExcelファイルを出力する
またExcelファイルをユーザから受け取るためにアップロード用のフォーム、
仕組みを用意しなければと思ってましたが、$_FILEで簡単に受け取れそうです。
参考：PHP Labo ファイルのアップロード
普段Excelで行っているルーチンワークを自動化するシステムを
構築したいと思ってます。本当ならMicrosoft系の開発環境で
やるべきだと思いますが、サードパーティーのライブラリなどを
利用しながら、PHPで実装するつもりです笑
いつになったらPHPから抜け出せるのかなぁ～、
今年はRuby,C#,Silverlightをやりたいのに汗
Javaも上級者レベルになりたい。。
ここ最近、企画を考えたりアイディアを考えたり、
人に会ったり、勉強会に参加したり....e.t.c
と、ず～っとプログラムを書いていませんでした。
ですが、最近少しコードに飢えてきた気がします笑
プログラミングばっかりしているときは、だんだんプログラム
書くこと以外のことをしたくなってくるんだけど、
いざプログラム書かなくなると、逆に書きたくなってくる。。
卒論に向けた準備、CMSの開発、自社ソフトウェア用の勉強、
自分で新しくメディアを立ち上げるためなどに、
やっぱり自分自身がプログラム書ける必要があると感じています。
今週後半はイベントが続くので、そのあたりもレポートしていくのでお楽しみに！
そろそろヘッダー画像もカスタマイズしたいと思います。
写真とか用意する方が先な気もするけど、一応やり方を調査。
ちなみに、このブログで使用しているテーマはiNoveです。
調査したらstyle.cssの中にヘッダーに関するプロパティを発見。
CSS:
-
#header {
-
background:url(img/header.jpg) 0 0 no-repeat;
-
height:90px;
-
border-bottom:1px solid #A6A6A6;
-
}
大きさを変えずにheader.jpgを編集すれば簡単にカスタマイズできそう。
おそらくheightを大きくすれば高さも変更可能。
このheader.jpgは
wp-content/themes/inove/img/header.jpg
にあります。念のため編集するときはバックアップを取るのを忘れずに。
<?php ?>という開始・終了タグの他に、
<? ?>というショートカットタグがあるのを知った。
<?= ～～～～?>
とすると～～～～の部分が出力される。
つまりechoと一緒。
ただXMLが混じった時は同じタグになっちゃって微妙なので、
<?php ?>にしてちゃんとechoを書いた方がいい気がする。
タグのかぶりといえば、CSSのclass,idのかぶりは困ったものだ。
あるテンプレートからCMS用のテンプレートを作っていると、
元のテンプレートのCSSによって、CMSの管理画面部分のデザインまで、
破壊されてしまうことがある。
ホームページってだいたいmenu,main,.sidebar,headerとか同じような
部分は絶対あるわけだし、こういうdivに対するclass,id名をみんなで
統一すると、もっとCMS間でもテンプレートの互換性がでると思うんだけどなぁ。
ある英語のドキュメントを読んでいたら、
コーディング規約の部分で繰り返しでてきた謎の単語。
camel-case
意味は見当も付かず、とりあえずcamelを英和辞典で
検索してみると
camel ラクダ
。。。意味不明。
いろいろ調べてみるとcamel-caseとは日本語で、
そのまんまキャメルケースと呼ばれるもので、
CamelCaseみたいに、複数の単語を先頭を
大文字にしてつなげる書き方のこと！
普段プログラミングするときに、普通につかってたけど、
こんな名前だったことは初めて知った。
ちなみにcamelCaseをLowerCamelCase、
CamelCaseをUpperCamelCaseと言うとのこと。
Wikipedia キャメルケース
なぜこの書き方をキャメルケースと呼ぶかというと
大文字が、らくだのこぶ、のように並ぶかららしいです。
