このブログサイトのマイナーリニューアルについて。(昨日の続き)
パッと見ではわからないかもしれませんが
このトップページをリニューアルしました。
---
ちょっと技術的なことを書きますと…
これまではXHTML1.0(HTML4.01)というヴァージョンの言語を使って
ページをシコシコと書いていましたが
今回、HTML5というヴァージョンに変更。
このHTML5は、いわゆるスマフォやタブレットなどの新しい環境に対応して
これまでよりもだいぶスリムに書けるよう改良されたものです。
いままでのHTML4.01は「ページを書く」というイメージだったものが
新しいHTML5では「Webアプリケーションを作る」というイメージに近いかな?
今後スマフォ用サイト構築に向けて
まずはPC用サイトをHTML5へ書き換えました。
(ちなみに、各日ごと・各月ごと・各カテゴリごとのページは
まだ直してません(XHTML1.0で書かれています)
ちょっと比較してみてください。見た目はあんまり変わりません)
そして、昨日も書きましたが
スマフォでこのサイトを表示させたときに
Flashを使用した部分が全く表示されていませんでした。
ヘッダのハバネロくんとか、管理人のレース観戦動画とか。
残念ながらこれはブラウザの問題で
簡単に表示させることができません。
(皆様にFlashプレイヤーをインストールしてもらう必要があります)
それはちょっと面倒をおかけすることになるので…
とりあえず、ハバネロくんがいないヘッダ画像を用意して
スマフォではタイトルだけが書かれた画像を表示するように修正。
そしてレース動画については
HTML5で採用された新たなタグを使って再生できるようにしました。
…が
これまでUPしていた動画形式(FlashVideo形式)をそのままでは再生できません。
MP4形式に変換して、タグを書き換えて
ようやく再生できるようになります。
これまでに公開した動画は全部で118本。
そのうち1本は(ちゃんと映るかテストしたため)FLVからMP4へ変換しましたので
残り117本。
1本あたり約5〜10分ほど変換にかかりますから…
まあ簡単に言うと、全部終わるまでには相当かかるかな
という感じで。
少しずつやっつけていこうと思います。
ちなみに、きのう書いた
のうち、1番上は完了。
2番目と3番目は一部完了。明日以降順次すべてに適用していきます。
それがすべて終わり次第、スマフォ用サイトへ。
ただ、今回はPC用サイトをHTML5で書き直したことにより
スマフォ用サイトはこれを一部変更することで
簡単に作れそうな気がします。
(基本的にはスタイルシートをいじればできそうな気がする)
今年中にはある程度めどがたちそうかも…。
一応、先ほど管理人のスマフォ(標準ブラウザ)で表示させてみた
このページはこんな感じ。
動画もこんな感じで再生できそうです。
PCでは一応
IE、Edge、Chrome、Firefox、Operaの各最新版で
ページデザインの崩れがないことと、動画の再生ができることを確認しています。
もし皆様のブラウザで変な表示になっていたら
ご連絡いただければ幸いです。
-----
今夜も引き続き、
このブログサイトの更新を。
動画変換を1つずつやっていきながら
全ページのHTML5化を進めます。
このトップページをリニューアルしました。
---
ちょっと技術的なことを書きますと…
これまではXHTML1.0(HTML4.01)というヴァージョンの言語を使って
ページをシコシコと書いていましたが
今回、HTML5というヴァージョンに変更。
このHTML5は、いわゆるスマフォやタブレットなどの新しい環境に対応して
これまでよりもだいぶスリムに書けるよう改良されたものです。
いままでのHTML4.01は「ページを書く」というイメージだったものが
新しいHTML5では「Webアプリケーションを作る」というイメージに近いかな?
今後スマフォ用サイト構築に向けて
まずはPC用サイトをHTML5へ書き換えました。
(ちなみに、各日ごと・各月ごと・各カテゴリごとのページは
まだ直してません(XHTML1.0で書かれています)
ちょっと比較してみてください。見た目はあんまり変わりません)
そして、昨日も書きましたが
スマフォでこのサイトを表示させたときに
Flashを使用した部分が全く表示されていませんでした。
ヘッダのハバネロくんとか、管理人のレース観戦動画とか。
残念ながらこれはブラウザの問題で
簡単に表示させることができません。
(皆様にFlashプレイヤーをインストールしてもらう必要があります)
それはちょっと面倒をおかけすることになるので…
とりあえず、ハバネロくんがいないヘッダ画像を用意して
スマフォではタイトルだけが書かれた画像を表示するように修正。
そしてレース動画については
HTML5で採用された新たなタグを使って再生できるようにしました。
…が
これまでUPしていた動画形式(FlashVideo形式)をそのままでは再生できません。
MP4形式に変換して、タグを書き換えて
ようやく再生できるようになります。
これまでに公開した動画は全部で118本。
そのうち1本は(ちゃんと映るかテストしたため)FLVからMP4へ変換しましたので
残り117本。
1本あたり約5〜10分ほど変換にかかりますから…
まあ簡単に言うと、全部終わるまでには相当かかるかな
という感じで。
少しずつやっつけていこうと思います。
ちなみに、きのう書いた
・ヘッダのFlashを代替画像に変更
・レース動画の形式を変更
・ページ全体をなんとなく修正(マイナーチェンジ)
・あわせてスマフォ用サイトも作っちゃおうかな?
・レース動画の形式を変更
・ページ全体をなんとなく修正(マイナーチェンジ)
・あわせてスマフォ用サイトも作っちゃおうかな?
のうち、1番上は完了。
2番目と3番目は一部完了。明日以降順次すべてに適用していきます。
それがすべて終わり次第、スマフォ用サイトへ。
ただ、今回はPC用サイトをHTML5で書き直したことにより
スマフォ用サイトはこれを一部変更することで
簡単に作れそうな気がします。
(基本的にはスタイルシートをいじればできそうな気がする)
今年中にはある程度めどがたちそうかも…。
一応、先ほど管理人のスマフォ(標準ブラウザ)で表示させてみた
このページはこんな感じ。
動画もこんな感じで再生できそうです。
PCでは一応
IE、Edge、Chrome、Firefox、Operaの各最新版で
ページデザインの崩れがないことと、動画の再生ができることを確認しています。
もし皆様のブラウザで変な表示になっていたら
ご連絡いただければ幸いです。
-----
今夜も引き続き、
このブログサイトの更新を。
動画変換を1つずつやっていきながら
全ページのHTML5化を進めます。
このネタへのコメント:
コメントはありません。