HTML5 基礎 複数ファイル選択

HTML5からローカルファイルを複数選択できるようになった。

方法はチョー簡単！以下ソース。

ポイントは

1. typeがfile
2. multiple属性を指定
3. nameが[ ]つきの複数系

です。以下イメージ。

簡単ポイ！

HTML5 基礎 １ 書式

本屋にいくとやたらとHTML5やらCSS3やらの入門書を目にする。
どうやら2011年の５月にこのHTML５の仕様の最終版！ってやつがでたらしく、いよいよ次世代のHTMLの時代が到来する、ってことで盛り上がってるからみたい。（2014年に勧告！？らしい、なが・・）


そういえばChrome使ってるから気づかなかったけど、explore使ってる大半の人はやっと9がでたことでこの恩恵を受けれるようになったよう。相変わらずおそいのーMさんは^^;

ま、それはともかくWebの世界で生きていくにはこの技術は必須でしょう、ということで学んだことをまとめてとこうかと。

まずは今までのHTMLと変わったこと。

1. ヘッダーの書式が簡単に！
2. マルチメディア対応できちゃう
3. CSSとの住み分けが明確化
4. ローカルアプリ作れちゃう

で最初の1の書式について

以下がHTML5のヘッダー

< !DOCTYPE html >

ポイントは

1. HTMLのDOCTYPE宣言、metaタグが簡略化された
2. DOCTYPE以外のタグはすべて小文字
3. 終端タグなくても大丈夫

ま、徐々に勉強していくのね。

PHP 入門 -1

ひょんなことからApatchサーバに写真共有サイトを作ることになったわたくし。

JavaやJavaScript、Rubyは何となく使っていたけど、それらを使えないサーバにどうやって作ろうかあれこれ考えた結果、PHPが使えることが分かったため、ついにPHPを使うことになりました！

ということで、写真共有サイトを作るにあたって学んだことをまとめます。

でまずやったことはPHPの基礎を学ぶこと。
以下サイトを参考にさせていただきました。

http://www.scollabo.com/banban/php/index.html


＜学んだこと＞

• 拡張子はphp
• <?php ～　？>でソースは囲む
• 変数の宣言使用はすべて「$」を頭につける　例　＄name = "kenzy";
• 文字列連結はドット「.」を使う
• booleanやstringの変数が使える
• 条件文もCチックに使える

一番簡単なコード

<?php echo "こんにちは";

?>

とまあ、こんな感じで簡単に使用できる。

＜PHPのいいところ＞

• なんといってもスクリプトなのでコンパイル不要！
• 文法もJavascript等のスクリプトをやっていたらすぐ理解できる
• それいでいてサーバサイドの処理が書けてしまう

人気者なわけですは。
次回はファイルアップロードについて記載しやす。

初小学校運動会！

上の子の運動会が先週末の雨で順延され、火曜日にあった。

当然仕事はお休みして行ってきた。

最初は５０ｍ走。
スタート前から型をいからせかなり緊張。。
若干スタート遅れて結果は４位だったけど、頑張って走っている姿に感動！

次は関ジャニのヒーローの歌に合わせてのおどり。

これは振付がすごくおもしろく、かつ独自のアレンジ！？を加えてのステップが愛らしくすごいよかった。最後のポーズも決まったー！

最後は１・２年での対抗リレー。

なぜかクラスで４人しか選ばれないリレーのメンバに選ばれたU太。
頑張って走ったけど、こちらも結果は４位。でも一生懸命走る姿にまた感動！

やっぱり幼稚園とは違って小学校はどこかさばさばしてる感じはあったけど、子供の新たな成長の舞台がはじまったって感じでした。