スケジュール

どうやって？
HTML基礎知識

HTML
タグについて

技術トピックス

　技術的トピックスは技術的に応用可能な話題についても触れます。
特にJavascriptやjqueryプラグインなど、興味があれば今回のサイト作成にぜひ応用してみてください。

オープンソース

ソフトウェアにはソースコードやコピーライトを著作者だけのモノにしないオープンソースと言う形態がある。またそれに準じて数種類のライセンス形態がある。そもそもは知的財産という人々が共有すべきものを、利益を原則とした経済活動の原理に縛られず自由に共有する事が人々全体を幸福にすると言う考え方に基づいて生まれたものだと思う。

ja.wikipedia.org/wiki/オープンソース

webの制作にも第三者がある程度自由に使えるライセンスの役立つライブラリがたくさんある。それらを使うことで、より簡単に良いものをより早く作る事ができる事もあるだろう。自分たちには実現が難しい事も、それらを利用する事で達成する事も出来る場合がある。自分たちがそれを使う事が適しているとしたらぜひ使ってみると良い。上記のwikiの記述のようにライセンスは幾つかの種類があり、どんな場合でも必ず自由に使えるとは限らない。利用する状況によって使い分けよう。

Bootstrap

twitter boot strap

getbootstrap.com

　BootstrapはTwitterで使われるために開発されたhtmlのフレームワークです。
シンプルなデザインのクラス群は、他のデザインとも合わせやすく、自分で作ったベースデザインの他に小さなパーツをBootStrapから使って行くことも可能です。アイコン等もシンプルで使いやすいです。自作の追加クラスで上書きする事で色合いを変えたりする事が出来るので、カスタマイズも可能です。jQueryと組み合わせたJavascriptのフレームワークも搭載しているので、動的な表現もクラスを割り当てる程度の簡易な方法で可能です。

demos.kendoui.com

　KENDOU UI

jquery

jquery.com semooh.jp/jquery/
　jQueryは最も普及しているJavascriptのフレームワークです。ブラウザ間のJavascriptの互換性を埋め、セレクタや表示されるオブジェクトの操作、アニメーション、イベント処理、Ajaxと言われるサーバとの通信を支える機能も使いやすく関数化されています。Javascriptで何か作る場合、ブラウザ互換のためだけでもjQueryを通して開発する方が問題のリスクが減らす事が出来ると思います。

jQuery プラグイン

　jQueryをベースとしたプラグインです。様々にありますが、jQueryと一緒に読み込ませる事で、スタイルの設定程度の作業でページの動的表現が出来るようになります。

iaian7.com/webcode/mediaboxAdvanced

LightBox

　ライトボックスはブラウザ上で画像を拡大して表示するためのjQueryプラグインです。
画像を拡大して表示する場合、新しいウインドウをリンクで開く方法がありますが、ウィンドウが増えるため、今までの操作やページの流れが中断され、ユーザビリティを低下させます。LightBoxを使えば同じウィンドウ内で大きく表示され、不要になれば閉じる事が出来るので閲覧前のページそのままの場所に戻れるため、質の高い閲覧環境を提供できます。

lokeshdhakar.com/projects/lightbox2/

www.css-lecture.com/log/javascript/011.html