あけましておめでとうございます。

齢３１の健康的メタボ性男子ですが、今後もよろしくお願いいたします。

正月ですが、飲み会が連日連夜あり自分としては結構飲んだ飲んだの年明けでした。
さて、今年の目標をぼんやーりと発表。
今年は原点回帰。

「しなやかさ」

これです。
これを忘れてました。
西暦表記では今年、下の桁に「１」という数字がつきますので、今の会社に入る際に言った上記のキーワードを今一度目標として提示・掲示したいと思います。

今年は体系的、体重的、そして仕事的、恋愛的なところも含めて「しなやかさ」を求めてみようと思います。

体系的・体重的なところは、命に関わると思って臨みたいと思ってますよ。
なんせ、95kgですよ！今！なう！now！
単位も「kg」より「t」で示したほうが早いんじゃないかってレベル間近なんですよ。これはいけません。
健康診断も初めて「病院行って一回検査したほうが君的にも病院的にもいい」と初めて言われました。
※一部脚色してますが。
太る見た目とかじゃないんです。普通に命の危機です。そう捉えて頑張ります。

あとは仕事的なところで。
これまで新しい技術の習得に手を拱（こまね）いておりました。PHP勉強してますが正直頭上に「？」マークがつくことが多いです。それぐらい基本もできてません。勉強は好きだけど苦手なんですよ。。。
でも今後はフロントエンド側の技術の習得をしようと決めまして、「HTML5+CSS3」と「JS」で頑張ってみようとおもっちょります。気合いをいれてがんばりますよ。容量悪いところも頑張って改善です。

あと恋愛的なところは、まぁー、、、、ねーー。
「男磨き」頑張ります。アバウトですけど。

ざっくりとですが、そんなこんなんで本年もどうぞよろしくお願いいたします。
<(_ _;)>

「HTML5 Pack for Dreamweaver CS3 and CS4」をDW3に入れてみた

普段はCS3を主に使用しているんですが、コーディングはもっはらDWさんに頑張ってもらってます。
んで今回、DWさんにもうちょっと活躍してほしいので、「HTML5 Pack for Dreamweaver CS3 and CS4」を入れてみました。

□入手先
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2188522

これをAdobeの「Extension Manager」で拡張機能をインストール。

どんなことができるかというと、

• タグライブラリにHTML5の新しいタグを追加
• HTML4のライブラリにも新しい属性や値を追加
• ベンダー特異のコードを含むCSS3のコードヒント

って上記の３つは以下のサイトに記述されていたので引用。

 『効率的なサイト制作のためのDreamweaverの教科書』サポートブログ
http://dreamweaver.cc/blog/archives/post_72.html


□タグライブラリに追加

メニュー「編集」→「タグライブラリ」で確認。

この拡張で新規作成→HTML5は無理なんですが、そこらへんはDWのスニペット化していればいいと思います。
個人的にコードヒントはよく使うので、HTML5のコードヒント追加は嬉しい。

□ベンダー特異のコードを含むCSS3のコードヒント
 「moz-」やら「-webkit-」やらここらへんも統一してくれるとありがたいんですが、今んとこ”個性”と受け取ってます。
ここらへんのコードヒントがでるのもめさめさ嬉しいです。

 

接頭語に「-（ハイフン）」を入れると、上図のようにベンダーごとの”個性的”なコードヒントも！

入力がスゲー面倒だったのでこいつは嬉しいです。

まぁこれで、HTML５の勉強するインフラ整備はあらかたできたんじゃないかしら。

稀有で親切心が旺盛な方、何かもっと良いインフラ整備あるならご教授よろしくお願いします。

videoタグでビデオ再生

いろいろなサイトを参考にvideoタグでビデオを再生してみた。

□参考サイト
・CSS Nite LP 9.2（reprise）フォローアップ｜ヨモツネット
http://www.yomotsu.net/wp/?p=578
・<video>タグで動画を埋め込むーそろそろHTML５｜HTMLクイックリファレンス
http://www.htmq.com/html5/004.shtml

□コード

<video id="videos" controls autoplay>
      <source src='movie/test.webm' />
      <source src='movie/test.mp4' />
      <source src='movie/test.ogv' />
      <p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
</video>

とりあえずローカルでプレビュー。
確認したブラウザは

• FireFox 3.6
• Safari 5.0.3
• Google Chrome 8

いずれもOSはMac OS X。

まず僕のデフォルトブラウザであるFireFox先生ですが

 

表示されない。まぁまだまだだしね。これは仕方ない。

また後日調査しよう。

次はSafari君。

なぜ表示されない！？


まぁいいや、次はGoogle先生の子、Chromeさん。

ばっちし。

んーSafari先生が表示できなかったかわかんなかった。
試しに、<source>タグの位置を入れ替えると、、、

<video id="videos" controls autoplay>
      <source src='movie/test.mp4' />
      <source src='movie/test.ogv' />
      <source src='movie/test.webm' />
      <p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
</video>

safariで表示された。。。

 

どうやら読み込む順番に問題があったみたい。
先に、「〜〜.mp4」を読んでおいたほうがsafariはいいみたいね。
webmはまだ見れないからわかんないけど、コーデック問題はどうにかしてほしい。
というか、逆にいろんなコーデックをサポートしておけば問題ないと思うんだが。

個人的な感想ではmp4はファイルが重いイメージがあるんだよね。
ogvがマイナーでね、圧縮率＝品質だからこちらもどうかと思うんですけど。

でもXHTMLみたいにObjectタグでゴチャゴチャと記述しないでシンプルでいいわvideoタグ。

ブログをやってみる。

遅ればせながら、実に何年ぶりのブログ投稿。
続けられるように努力してみることにする。

一応Web屋なので関連事から、関係ないエロまで幅広く掲載できれば。
至極真面目なブログにしますよ。
ええ。

contributeで投稿してみたテスト

とりあえずク○重いなｗｗ
改行するだけで１０秒くらいかかるってどんだけだよ！金払うってレベルじゃねーぞって感じです。

さて、MP3やらＦＬＶやらの貼り付けができるか以下でテストです。あ、久々にブログやらのメディアを立ち上げたのに挨拶もなしですが、すみません。すみません。すみません。ＦＬＶだめぽい。

ついでにｍｐ３を添付してもダメだ。。。

追記：
ブログだと、メニューから「添付ファイル」→「マイコンピュータから」→mp3ファイルを選択と、ヘルプも確認しつつmp3ファイルを投稿する手順までは可能だけど、エントリを投稿する段階でエラーが出る。
FLVも同様だな。

そこがわかったので収穫。

まぁ今後はcontributeで投稿なぞせんが、後学のために。自らの備忘録的に。