Webデザイン・Webデザイナー専門スクール【インターネット・アカデミー】のオフィシャルブログです。

前回はOperaというブラウザソフトについてお話しました☆

今回は、Operaの最新ブラウザを使っています！自宅のパソコンに入れてますっ！！という方へ向けた内容です。
テーマは、Operaで最新技術「HTML5」を見てみよう！というもの。

Operaはインストールしていないけど、ちょっと興味がある、使ってみたいな…っていう方もぜひ読んで試してみてくださいね♪

※はじめてwebismをご覧になっていて、「HTML5」って何！？という方は過去記事をご覧くださいね。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

今から紹介するのは、
Webの最新技術における技術者会議TPACで今年、
Opera社よりプレゼンされていたHTML5のデモページです。

………・・・………・・・
☆HTML5デモページの見方☆

①Operaの最新ブラウザ（Opera 10.63）を起動
　↓
②HTML5を使って作られたWebページにアクセス
………・・・………・・・

この手順でHTML5で作ったWebページを先取りして見ることができます。

注意していただきたいのは、今から紹介するデモページはOperaの最新ブラウザでないと正しく表示されない、ということ。
InternetExplorerやFireFoxでは残念ながら見ることができません。

「HTML5の最新技術と、Operaのブラウザソフトが組み合わさればこんなこともできるんですよ！」
というデモページだからこそ、この点はご了承ください(><)

さて、前置きがとっても長くなっちゃいましたが紹介していきましょう♪

………・・・………・・・………………・・・

◆HTML 5 forms Demo◆

☆Check Point

このデモページは、ホテルへの宿泊予約を想定して作られたページです。
フォームと右側のHTMLに注目！

　*一番最初の「Name」項目に最初からカーソルが入っている（自分でマウスを合わせる必要がありません！）
　*「Check-in」ではプルダウンをクリックすると、カレンダーが表示！そのカレンダーから日付が選べます。
　*「Nights」ではスライドをずらすことで宿泊日数の数字を選択できます。
　*右側にHTML5のタグの記述が表示されていますが…これはただのテキストではありません。
　　マウスカーソルを合わせると…！！

◆Norway◆

☆Check Point

Norwayの紹介ページという設定です。
いろんなところが動きますが、全部HTMLとCSSという言語でできています。
（Flashを使っていないっていうのがポイント！）

　*見出しの「Norway」という文字。見事な飾り文字ですが、テキスト表示なので…。
　*真ん中の画像はなんと動画で再生できます！HTML5の醍醐味ですね！
　*右端の画像にマウスカーソルを乗せると…？
　*音符がクリックできる！

and more...

………・・・………・・・………………・・・

いかがでしたでしょうか？？

Operaももちろんすごいのですが、HTML5は今までになかったたくさんの新しい表現力を私たちに与えてくれるのです！

Webサイト制作がますます楽しくなりそうですね♪

これを機に、HTML5やOperaのブラウザに興味をもってくれる人がいたら幸いです。

………・・・………・・・………………・・・………・・・………・・・………………・・・
過去の関連記事

＋「言葉のルールをチェック。」
＋「W3C TPAC2009」
＋「W3C TPAC2009　～後編～」
＋「XHTMLの誤解を解く。～前編～」
＋「XHTMLの誤解を解く。～後編～」
＋「ひと足お先に、HTML5。」
＋「Dreamweaver＋HTML5＝？」
＋「TPAC注目キーワード：「HTML5と、その先の話」編」

Webに詳しい方もそうでない方も。
ミナサマ、「Opera」をご存知でしょうか？？

Operaとは、ノルウェーのソフトウェア開発会社Opera社によって開発されているWebブラウザーソフトです。※1
（Webブラウザーってなあに？という方は、過去の記事「そういや、Webってなんだっけ。vol.2」をお読み下さい♪）

ようは、インターネットをするためのソフトウェアのひとつです。

Webブラウザソフトの世界市場シェアでいうと、Operaは2%前後と少し少なめ。

でもでも。
実は、パソコンだけでなく、ニンテンドーDSやWiiなどの各種ゲーム機、
ハイビジョンテレビなどで幅広く搭載されているブラウザーソフトだったりします。

なので、皆さんも知らず知らずOperaを使っている可能性は十分にあるのです。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

そんなOpera。

特長として挙げられるのは、「スピード」と「カスタマイズ性」です。

10年前のパソコンでも動くことを目指して作られているため、
自宅のパソコンが古くてインターネットが遅い！という方にもオススメできるソフトです。

また、インターネットに詳しい方なら、インターネットを使いやすいように
自分用に設定をいじったりしてカスタマイズができるように開発されています。

実は先日11月23日に、Webブラウザーソフト「Opera11」のベータ版が発表されました。

ベータ版というのは、まだ開発の段階のテストバージョンということですので、
正式な提供はまだ先の話。

とはいえ、OperaはWeb上級者では愛用者の多いブラウザソフト。
この「Opera 11」も注目を集めていますので、もし使ってみたいナーと興味がある方はぜひ一度お試しくださいね♪

さて、今回は「初級者向け：前編」ということで、
次回はWeb上級者向けのOperaネタをご提供します♥

…つづく。

………・・・………・・・………………・・・………・・・………・・・………………・・・

※1
正確な話をしますと、OperaはWebブラウザの他にも、
電子メールソフトなどインターネット関連のソフトがあります。

※2
参考：W3Counter globalstats を参照

Webを勉強し始めたばかりです…という方には、最近むずかしいお話が多くて申し訳ないです(;_;)
読んでてわからないことがありましたら、お近くのインストラクターまでどうぞ♪

今日は、注目キーワードの2つ目のご紹介、「HTML」についてです。

Webページを作るために必要な言語、それは、「 HTML 」という言語です。
Webの技術が進化するにつれて、この言語そのものもどんどん進化しています。

現在開発が進んでいる真っ最中の新しいバージョンは「HTML5」。

実は、このブログが始まった1年以上前から何度も何度も記事に書いてきたテーマでした。
（関連過去記事へのリンクをこの記事の下にまとめたので、興味がありましたらぜひお読みください♪）

そのHTML5の開発も、いよいよ大詰めです。

9月に発表された「HTML5」の今後のスケジュールによると、
来年の5月22日には、最終草案（ラストコール、と言います）が決まる予定です。

つまり、この時点で、ほぼ「HTML5」の形が完成したことになるのです。
とっても感慨深いですね！！

とはいえ、本当に市場で「使ってください！」というレベルになるのは、「勧告」というフェーズにならねばなりません。

最終草案の後は、

Candidate Recommendation（勧告候補）
↓
Proposed Recommendation（勧告案）

…というフェーズを得て、やっと「W3C Recommendation（W3C勧告）」になるのです。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

「なーんだ、まだまだ先の話…。」

と思った方。よく考えてみてください。
最終草案が決まるということは、来年5月になったら、ほぼ「HTML5」の開発は終了するのです。
（実際、「HTML5」の次の「HTML6」の話題がでてきているくらいですから。）

しかも、Webに関わる企業は、みな「HTML5」に対応をしようとどんどんプロジェクトや
開発を進めています。

…ということは。

勧告されてからあわてて「HTML5」の勉強をしよう！というと「ちょーーーっと遅い！」んです。
（むしろ、勧告直後に「HTML5」が書けます！わかります！という人材のニーズは必ず業界でも高まるはずなのです！！）

特に、転職や就職のために、Webをいつか本格的に勉強してみようかな、と考えている方。

この「HTML5」はチャンスかも…！！

そう遠くない未来の「HTML5」勧告のためにも、
Webの勉強は、早めに始めるに越したことはありません☆

ぜひ、ご興味がございましたらスクールまで相談に来てくださいね♪

………・・・………・・・………………・・・………・・・………・・・………………・・・

過去関連記事

＋「言葉のルールをチェック。」
＋「W3C TPAC2009」
＋「W3C TPAC2009　～後編～」
＋「XHTMLの誤解を解く。～前編～」
＋「XHTMLの誤解を解く。～後編～」
＋「ひと足お先に、HTML5。」
＋「Dreamweaver＋HTML5＝？」

前回のTPAC2010の記事で、今後おさえておきたいキーワードを４つご紹介しました。

今日は、その中のひとつ、「SVG」についてご紹介します。

SVG（Scalable Vector Graphics）とは、XMLによって記述されたベクターグラフィック言語とよばれるもので、W3Cが1998年から提唱・開発しています。

XML？
ベクターグラフィック？？

と、どうしてもムズカシイ言葉が出てきてしまうのですが…。

カンタンに言うと、
「グラフィックソフトを使わず、XML言語で命令を書くことで、Web上に絵が表示できる技術」なのです。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

では、画像をベクトル、
SVGで表現することの何が良いのでしょうか？？

■メリット
・画面の表示で拡大・縮小をしても、画像が荒れない（ギザギザにならない）
・画像の中の一部分にリンクを貼ることができる（JavaScriptは不要）
・SVGで描いた画像と、JavaScriptを連携することができる（表現に発展性がある）

これらのメリットを生かして、
国土地理院では電子国土基幹情報をSVGで配信する試みをしているようです。

たしかに、表示の拡大・縮小が頻繁におこなわれる地図データには、
SVGが最適ですね☆

ただし、もちろん欠点もあります。

■デメリット
・表示する画像の情報量が多い場合、
通常のグラフィックソフトで作った画像データよりもファイルサイズが大きくなる可能性がある

・Internet Explorerでは表示ができない。(※1)

ファイルサイズが大きくなるのは多少は仕方がないことかもしれません…。

表示に関しても、Internet Explorer以外でしたらほぼすべてのWebブラウザで対応しているのと、
最新バージョン「Internet Explorer 9」では、SVG対応になる予定ですので、
こちらもあまり大きな問題ではありません。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

では次に、SVGの作り方についてお話しましょう。

XML言語で命令を書く。それだけです。

ただ、手打ちで命令文を作っていくと複雑なグラフィックを描くのが大変ですね。

でも実は、グラフィックソフトでもSVGが作れるのです！
対応しているソフトは、次のとおりです。

　・Adobe Illustrator
　・Microsoft Office Visio
　・CorelDRAW
and more...

そう、いつも使っているIllustratorでもSVGが作れちゃうのです！
通常の要領でグラフィックを描き、
それをSVGとして書き出すだけ☆（JPEGやGIFにするのと同じ感覚です。）

カンタンですね！

ちなみに、「Open Clip Art Library」というサイトでは、
SVGデータが配布されています♪

自分が作ったSVGデータもアップロードして公開できるので、
SVGってどんなモノ？？と気になる方はぜひ見てみてください☆

………・・・………・・・………………・・・………・・・………・・・………………・・・
(※1)
・Internet Explorerでも、「Adobe SVG Viewer」というソフトをインストールすれば閲覧できます。

過去関連記事
＋「IE9、こんにちは。～前編～」

11月1日～5日の間、フランスのリヨンにて、『TPAC 2010: W3C Technical Plenary / Advisory Committee Meetings Week』が開催されていました！

そして、インターネット・アカデミーは今年も参加をしてきました～！
(昨年の記事はこちら⇒「W3C TPAC2009」)

しかもしかも、今回はワタクシささくらも参加してきましたので、そのレポを書きたいと思います♪

「W3C」って何？「TPAC」って何？？という方は、お手数ですが昨年の記事をご覧下さいね(^^)/

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

TPACは、世界各国の技術者が集まって、
Webの最新技術について議論が行われます。

5日間の会議の中、真ん中の3日目に行われる「Technical Plenary Day」では、
多くの企業や団体が集まって、最新技術についてプレゼンやデモが行われます。

英語サイトですが、議事録もあるので、
ご興味がある方はご覧ください♪

今回のTPACのキーワードは、下記の4つ。

・「HTML5」
・「CSS3」
・「SVG」
・「HTML6」

「HTML5」や「CSS3」なんかは、もう何度もこの記事で取り上げてきました。

明日から、上記の「SVG」や「HTML6」などのキーワードについての
カンタンなご紹介をしていきます☆
お楽しみに（^^）

ちなみに、インターネット・アカデミーの「BOHR」でも、
TPACについて取り上げていますので、
興味がある方はそちらもチェックしてくださいね♪

…つづく。

現在、日本のインターネットの人口普及率は78.0％です。(※1)

つまり、10人いたら7人は確実にインターネットを利用している、という計算になります。

特に、世代男女別で見ると、男性は13～19歳が最も利用率が高く、なんと97.4%！
女性は20～29歳の世代が最も利用率が高いようで、97.8%まで普及しています。

世代によってはほぼ100%に近くまでインターネットは利用されているのです。

………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆

そんなにまでインターネットが日常的に使われているということは、
「Webサイトを持っている」だけでは企業はWebで商売が成り立たなくなってきました。

まず大事なのが「Webサイトへ集客しなきゃ！」ということです。

2008年のGoogleの公式ブログによると、
GoogleのシステムがカウントしたWebサイトの数は1兆を超え、
1日あたりで数十億ページが増加しているのですから、
もうまさに「星の数ほど」Webサイトは世の中にあふれかえっているのです。（※2）

そんな中からたった一人のお客様にWebサイトに来てもらう。

それだけでも、とても大変なことなのです。

だからこそ、企業のWeb担当者の方々が勉強しなきゃ！と今ニーズが高まっているのが
「Webマーケティング」という分野です。

今回、インターネット・アカデミーでは
「初めてのWebマーケティングセミナー」と題して、セミナーを開催することにしました☆

「Webマーケティングってなあに？」という方から、
「今まさにWebサイトでの集客にこまっているんです！」という方まで、

ご興味がございましたらぜひご参加くださいね(^^*)♪

セミナーの日程・ご予約は⇒こちら

------------------------------------
参考URL
※1：総務省平成21 年「通信利用動向調査」より

※2：「The Official Google Blog」より。
　1兆を超えたのは、URLリンク処理を行うGoogleのシステムがカウントした固有のURLの数だそうです。