Webデザイン・Webデザイナー専門スクール【インターネット・アカデミー】のオフィシャルブログです。
2010年09月
インタラクティブだからWebは楽しい
Webを勉強し始めると、いたるところで「インタラクティブ」という単語を耳にすると思います。
どんな意味か、ご存知でしょうか？？
「インタラクティブ」とは、「対話」とか「双方向の」という意味の単語です。
情報通信の観点からは、ユーザーの操作に対して、何か反応を返すことを総じて「インタラクティブ」と呼んでいます。
Webは、”ユーザーが操作をすることで成り立つ”という性質上、そもそもインタラクティブなメディアです。
だからこそ、デザインを考える上で「インタラクティブ」性を無視することはできません。
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
Webデザインで、とっても身近に感じられる具体例が「ロールオーバー」効果です。
ロールオーバーとは、マウスを画像に乗せたときに画像が切り替わって
表示に変化が起きたように見える効果のことです。
メニューなど目立たせたいパーツにロールオーバー機能をかけることで、
ユーザーに注目をしてもらいやすくなります。
最近はメニューだけではなく、バナー画像などメインコンテンツの中でも
積極的にロールオーバー効果がかけられているのを頻繁に見かけるようになりました。
インターネット・アカデミーのサイトでもたくさん使っているので確認をしてみてください♪
ココからちょっとだけ、上級者向けのお話。
ロールオーバー効果のつけ方はいくつか方法があります。
- JavaScriptという言語で作成
- CSSという言語で作成
- Flashで作成
JavaScriptは、Dreamweaverというソフトを使えばカンタンに導入が可能です。
CSSでロールオーバー効果をつけるときには、”マウスが乗ったら”という意味の「a:hover」を活用します。
CSSの場合は、画像を使わなくともロールオーバー効果のついたパーツを作ることができるのが特徴ですね。
Flashの場合は、ただ表示が変わるだけではなく、アニメーション効果の変化までつけることができるため、
よりグラフィカルで面白みのあるパーツにすることができます。
以上、上級者向けのお話オワリ☆
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
「インタラクティブ」の代表例がFlashでのコンテンツ作成ですが、
上のロールオーバーの例のように、表現手法は様々あります。
ただ、大事なのは技術ではなく、
何を目的としてインタラクティブにするのかということ。
そして、ユーザーをワクワクさせるようなインタラクティブのアイディアを出すということ。
やたら動いたり、やたら変化すればいいというわけではありません。
どんな見た目ならユーザーがインタラクティブなパーツであることに気づいてくれるか、
どんな効果ならユーザーにどんなインパクトを与えることができるか。
そういったことを考えた上で、どの表現手法を使うかということが
クリエイターにとってとても大切なのです。
インタラクティブで大事なのは、あくまでも「ユーザー目線」です。
サイト制作のヒントにしてくださいね。
IE9、こんにちは。～後編～
前回とりあげたIE9の特長の中に、「新JavaScriptエンジン搭載」というのがありましたね。
ようは、JavaScriptの実行速度をあげるための仕組みを取り入れた、ということです。
これにより、JavaScriptを使っているWebサイトの表示速度や反応が格段にあがります。
その速さ実に、IE8の約10倍。IE6と比較するとおよそ70倍にもなるんだとか！
それができたのも、今までと全く違う新しいJavaScriptエンジンを搭載したからなのです。
その理由は、近年のJavaScriptの隆盛にあります。
それだけ、JavaScriptを使ったWebサイトが増えてきている、ということなのです。
今後のWeb業界にとって、JavaScriptもそれほど要チェックだということがわかりますね。
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
さて。
今回は、「IEとWindowsXP」についても少し触れてみたいと思います。
以前、「IE6をブロック！」という記事を書きました。
様々なWebサービスでIE6のサポートがどんどん打ち切られていくにも関わらず、
IE6のユーザーは相変わらず多いのが現状です。
そもそも、IE6は、2001年8月に登場したブラウザです。
レイアウトが崩れてしまうと悪名名高いブラウザで、
いろんな人たちが「最新バージョンにアップグレードをしてください！」と声高に叫んでいるのですが、
”当分マイクロソフトはIE6のサポートを切れないだろう”という意見も多かったりします。
（⇒参考記事 マイコミジャーナル「MicrosoftはIE6サポートを2014年まで切れない!?」）
理由として、IE6が標準装備された最後のOSがWindows XPのため、
そのサポート終了を予定している2014年まではどうしてもカンタンにIE6を切ることができない、というのです。
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
ユーザー数がなかなか減らないIE6。そして、
未だに莫大なユーザー数を抱えているWindows XP。
この二つは、運命共同体といっても過言ではないかもしれません。
だからこそ、最新版であるIE9がWindowsXPをサポートしていないのも仕方がないことだと思っています。
（個人的にはちょっと残念ですが）
とりあえず、Webクリエイティブの現場としては、
ブラウザのシェア状況は気になるところ。みなさんの方でも、ぜひIE9、試してみてくださいね♪
………・・・………・・・………………・・・………・・・………・・・………………・・・
過去の関連記事
IE9、こんにちは。～前編～
今日の話題は、Microsoftの次期ブラウザソフト「Internet Explorer 9」(IE9)のベータ版が公開されましたネ！というお話についてです。
長くなりそうなので前編・後編でわけちゃいますね♪
そして、話題がちょっとだけ中・上級者向けかもしれません(><)
読んでてわからないことがありましたら、近くのインストラクターまでどうぞ☆(笑)
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
IE9ベータ版は、9月15日に公開され、33の言語で利用できます。
（ただし、ベータ版ですので、正式配布版ではありません。
正式版の機能を一通り備えた「最終試作品」です。）
Windows VistaとWindows 7でしか使うことができないのがネックですが、
それ以上に大きなメリットがありますので、ご紹介しましょう。
IE9の特長をカンタンにまとめてみました。
………・・・………・・・………………・・・
★IE9の特長
・デザインがシンプルに
・HTML5、CSS3をサポート
・新JavaScriptエンジン搭載
・プライバシーとセキュリティの調整が可能
etc.
………・・・………・・・………………・・・
イチバン声を大にして喜びたいのは、
2つ目の「HTML5、CSS3をサポート」したということです。
今までのIEのバージョンでは、今W3Cが策定している真っ最中のHTML最新バージョン
「HTML5」や同じく開発中の「CSS3」に対応していませんでした。
開発中なら、対応してなくてもまあいいんじゃないの、と思う方もいらっしゃるかもしれませんね。
でも、HTML5やCSS3は非常に画期的で新しい言語ですので、
Webクリエイターたちがこぞって「勉強したい!」「いろいろ作ってみたい！」
とそれらの言語を使って試作品サイトをたくさんたくさん作っているのです。
ところが、IEは表示未対応。
そのため、今まではクリエイター達が作ったサイトをユーザーにみてもらうために、
IE以外で閲覧するようにいちいち指定をしなければなりませんでした。
それだけではありません。
IEは今までW3Cが提唱している仕様とは異なった、独自の解釈でHTMLを表示してきました。
だから、「IEだけ表示がズレる！」なんてこともままあったのです。
そんなIEが、今回「HTML5」をサポートすることを決めたということは、
今までの方向性を180度変え、W3Cが提唱する言語のルールに従うことを決めた、ということなのです。
W3Cが提唱している「HTML5」が、どれだけ業界で期待をされているのかがわかりますね。
そんなわけで、世界中で最もユーザー数の多いWebブラウザであるIEが、
HTML5やCSS3をサポートするようになった、というのは
Webクリエイターたちにとっては注目すべきかつ驚くべき出来事なのです！
…つづく。
………・・・………・・・………………・・・………・・・………・・・………………・・・
過去の関連記事
＋ブラウザの選択。～前編～
＋ブラウザの選択。～後編～
＋IE6、さようなら。～前編～
＋W3C TPAC2009 ～後編～
オンラインブクマで快適ネットライフ♪
受講生の方と作品作りのお話をしているとき、参考にしていらっしゃるサイトの話題が必ず出てきます。
でも、「なんてサイトの名前だったかな」「なんてキーワードで検索かけたんだっけ」と見ていたサイトがわからなくなってしまって「探すのが大変！」になってしまう方も実は多いのです。
私も昔はよくありました(^^;)
自宅や会社のパソコンでも、「お！これは参考になる」というサイトを見つけても、ブラウザソフトの「お気に入り」にむやみに入れていくのは気が引けますよね。
そこで、今日はオンラインブックマークサービスのサイトをいくつかご紹介します！
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
オンラインブックマークサービスとは、インターネット上にお気に入りのWebサイトのURLや
情報を保存するサービスのことです。
複数のパソコンを使い分けている方や、パソコン内に個人的なデータが保存できない方、
ネットカフェなどどんな場所や時でもブックマークしたのサイトの中身を見たい！！
なんていうときにとっても便利です。
種類としては、「公開型」「非公開型」そして「ソーシャルブックマーク」などがあります。
公開型は、自分のおすすめサイトをみんなに知らせることができるもの。
非公開型は、IDとパスワードがないと見られないもの。
そして、ユーザー同士の情報交換が行えるように
ブックマーク情報を共有しよう！というサービスが「ソーシャルブックマーク」です。
いくつかご紹介しましょう。
………・・・………・・・………………・・・
Googleアカウントのある方にはすぐに使い始めることができる便利なブックマークサービスです。
Googleツールバーを入れている方は、特に便利。
Googleブックマークにたーーーっくさんのブックマークを登録していても、
いつも使っているGoogle検索ボックスでキーワードを入力すれば、優先的にブックマークサイトがピックアップされてくるのです！
インターネットの検索をするように、自分のブックマークサイトも検索できるのが魅力です。
世界中で使われているソーシャルブックマークサービス。
登録するときに、そのサイトのキーワード（Tag）を指定することができるので、
情報整理がとってもしやすいのが特徴です。
FireFoxのアドオン機能「Delicious Bookmarks」もプラスして使えば、
使い勝手の向上は間違いなしです！（コンテンツが全て英語なことを除けば…。）
ちなみに、ワタクシ愛用のブックマークサービスです♪
◆4dk◆
グループでブックマークを共有することができるソーシャルオンラインブックマークサービス。
グループ設定ができるので、プロジェクトチームごとにブックマークサイトを共有する、なんてことも可能です。
公開されているグループ、情報収集ツールとしても使えます。
名前の由来は「読んどけ」だそうで（笑）、
仕事で上司が部下に「このサイト、読んでおけよ」というイメージが、このツールのコンセプトなんだそうです。
◆Tumblr◆
ブログとソーシャルブックマークの良いトコ取りをしたようなスクラップブック感覚のサービスが「Tumblr」です。
通常のブログとして記事を書くことはもちろん、画像やＷｅｂサイト、無料の素材集、
音声、動画までいろんなものをスクラップしてまとめておくことができます。
ネット上で気になる素材を集めておいて、アイディアを出すための
自分専用参考資料集を作ることもOK。
ただし、こちらもコンテンツは全て英語のため、
開設方法や詳しい活用法が知りたい方は下記のサイトを参考にどうぞ☆
マイコミジャーナル 「【連載】『Tumblr』のおさらい」
………・・・………・・・………………・・・
上記にあげたのはあくまでも一例です。
ただ、ブックマークサービスを活用すればインターネットライフが充実すること間違いなし！
ぜひ参考にしていただければと思います^^
iPhoneアプリ開発が変わる！
今日は、「FlashでiPhoneアプリが作れるようになるゾヽ(^^)ノ ﾜ～ｲ !!」というお話です。
ちょっと、むずかしいお話かもしれません。
以前、「iPhoneとブランドアプリ」という記事で、iPhoneアプリのビジネスチャンスの可能性についてお話をしたことがあります。
iPhoneアプリをビジネスチャンスと捉えている企業が多くなっているからこそ、iPhoneアプリ開発のできる人材のニーズが急上昇しています。
でも、ひっかかっていたのが、iPhoneアプリの開発には専用の環境が必要だということでした。
たとえば、”パソコンはMacでないとダメ”とか、”Objective-C、C、C++、またはJavaScript言語でオリジナルに記述されたものでなくてはならない”…などの規定があり、容易に誰でも開発できる！という状態ではなかったのです。
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
ところが！その事態がひっくり返るかもしれないようなニュースが、9月初旬にAppleから流れました。
それは、「開発者らが任意のツールを使用して
「iOS」アプリケーションを構築することを許可する計画を明らかにした」というものです。
(⇒原文サイト)
iOSとは、iPhone、iPod touch、iPadに搭載されているソフトウェアのことです。
ようは、「今までAppleが認める開発環境の規定で開発されたものでなければアプリを認めてこなかったけれど、（サードパーティ製でもいいように）これからは規定を緩めるつもりだ」と発表したのです。
このニュースを受けて、Adobe社はさっそく動きました。
一度中止していたAdobe Flash Professional CS5の「Packager for iPhone」の開発を、
再び再開すると発表。
Apple側も、App StoreにFlashで開発されたiPhoneアプリをぞくぞくと掲載開始しているようです。
（今まで、Flashで作られたiPhoneアプリはApp Storeでは見ることができませんでした。）
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
正式に今後どうなるかはまだわかりませんが、
それでも一度発表をしていますから、FlashでiPhoneアプリ開発ができるようになる
（そして、FlashさえあればWindowsユーザーでもiPhoneアプリ開発ができるようになる）ということになります。
非常にクリエイティブの可能性が広がりますね！
そして、ますますiPhoneアプリを使ったマーケティングも増えていくことでしょう。
Flashを勉強しているみなさんにとっても、
励みになりますよね♪
そして、もっというと、今までは
Androidアプリ⇒Flash開発OK、iPhoneアプリ⇒Flash開発NG
…と、同じスマートフォン市場でも
アプリ開発の足並みが揃わなかった、という問題もこれで解決されます。
うーん、ウレシイことだらけですネ。
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
AdMob(アドモブ)という会社が今年の3月に発表したデータによると、
1ユーザーが1カ月あたりにダウンロードする有料アプリと無料アプリの合計数は、
媒体別に見て下記のような結果だったようです。
iPod Touch ：12.1本
iPhone ： 8.8本
Android ： 8.7本
かなりの量のアプリがダウンロードされているようですね。
（⇒参考記事）
今後、ますますスマートフォンのアプリ市場は活発になっていくことでしょう。
Flashを勉強するのにも身が入りますね！
マンガとWeb。
このたび、インターネット・アカデミーで、新しい試みのセミナーを行います。
漫画家限定「ホームページ制作セミナー」です。
面白そうですよネ♪
日本のアニメは、「COOL JAPAN（クールジャパン）」に総称される、世界に誇る日本の文化です。
だからこそ、垣根を越えて世界中の人に情報発信できる「Web」でもっともっと日本のマンガ家さんやアニメーターさんを応援したい！！
そんなワケで、このセミナーを開催するにいたりました☆
興味がある方はぜひ参加してください♪
あと、お知り合いの方にマンガ家やアニメーターの方がいらっしゃる方は、
ぜひ広めていただければと思います(^^*)
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
さてさて。
マンガといえば、インターネット・アカデミーにもマンガコンテンツを新しく用意しました！
その名も、『マンガでわかる！ インターネット・アカデミー』です^^
Web業界の魅力、インターネット・アカデミーの魅力などなど
てんこ盛りで愛情こめてつくられたマンガですので、
ぜひ皆様ごらんになってくださいね♥
新しい規格に注目！
Web業界の国家資格である「ウェブデザイン技能検定」の第3回試験が今週の日曜日、9月12日に実施されます。
（⇒この資格の詳しい説明は過去記事を参照ください）
今回の第3回試験は3級のみ実施されます。
3級は2級以降の試験を受けるためには取得が必須ですから、Web業界への就職活動をしている方々には避けては通れないとっても大切な試験です。
受験を予定していらっしゃる皆様、追い込みの勉強、がんばってください！！
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
ちなみに、今回の出題範囲に関してですが、
大きなポイントになるのではと思っているのが1級から3級、
全ての級の出題範囲となっている「ウェブコンテンツJIS(JIS X 8341-3)」です。
このウェブコンテンツJISは、日本工業標準調査会が定めるJIS規格のWeb版で、
正しくは
「JIS X 8341-3（高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第三部：ウェブコンテンツ）」
…といいます。
ようは、Webサイトを見たときに、高齢者や害者の方でも、誰でもひとしくWebサイトから
情報を得られるサイトにしましょう、という規格が「JIS X 8341-3」なのです。
（⇒詳しい説明は過去の記事をご参照ください。）
そんなウェブコンテンツJISの改定が行われ、先月20日に正式公開されました。
内容は、大幅に変わったというより
2004年のJIS規格に対しより厳格な対応が必要になった、という感じみたいです。
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
ただ、日経BPコンサルティングが発表した
「独立行政法人Webサイト ユーザビリティ調査2010/2011」では、
既にこの新JIS規格の審査項目を取り入れて評価がされており、
対象104サイトの中でも7割ものサイトがこの基準を満たしていなかったそうですから、
”今回の「ウェブデザイン技能検定」の出題の目玉となるのでは”と私個人は考えております。
（あくまで、私個人の意見です。）
今回の試験だけでなく、11月14日には1級学科と2・3級が受験できる第4回試験もあります。
また、資格試験に関わらず「Webサイトの使い勝手の向上」を考える上では、
新しいウェブコンテンツJISは決して見逃せない規格ですので、
ぜひぜひチェックしておいてくださいね♪
Twitterは無視できない！
今日は、Twitterにまつわるお話です。
みなさんは、Twitterを使っていますか？
Twitterを使う人のことを「Twitterer」と言うそうですが、8月よりインターネット・アカデミーでもTwitterアカウントを取得して、セミナーの情報やWebの情報を流しています♪
てなわけで、インターネット・アカデミーも立派な「Twitterer」です（笑）
アカウントは「@ia_official」ですので、まだご覧になったことがない方は、ぜひフォローをよろしくお願い致します(^^*)
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
そんなTwitterですが、いまや企業がキャンペーンサイトにTwitterとの連動企画を取り入れている、
というのも珍しくなくなりました。
面白いTwitterとの連動企画サイトを紹介しましょう。
………・・・………・・・………
「UNIQLO 88 COLORS」のコンテンツです。
Twitterアカウントを入力すると、入力したTwitterアカウントのアイコンとつぶやきの内容、
そして上海美人を組み合わせたオリジナル動画を観ることができます。
好きなキーワードでもできますが、Twitterアカウントを入力した方が感動すると思います☆
アカウントをお持ちでない方は、「ia_official」を入れてみてください(^^)
ウイダーinゼリーのキャンペーンサイト。
Twitter上の「ウイダーなう。」というツイート1回を3km走ったとして計算、
みんなで日本一周を目指すプロジェクトです。
面白くてとてもわかりやすい企画です。
◆adidas Originalsはいてツィーぃちもんめっ！
MTVとのスペシャルコラボレーションサイト。
Twitterのアカウントを使い、adidasの「Originals」ブランドのスニーカーをはいて、
「はないちもんめ」ゲームをするコンテンツです。
とりあえず、遊んでみてください(^^;)
………・・・………・・・………
もちろん、他にもTwitterを使ったキャンペーン企画は面白いものがいろいろとあると思います。
こんなのもあるよ！と知っている方はぜひ教えてくださいね♪
………・・・………・・・………・・・………・・・………・・・・‥…━━☆・‥…━━☆☆☆
昨年7月に総務省が発表したデータによると、
Twitterを含む日本のSNS市場は、2010年予測で717億6000万円になる見込みだそうです。
ちなみに、同データでのブログ市場は、
2010年予測で183億円ですから、圧倒的にSNS市場の方が大きいのです。
Webサイトの企画を考える際には、もはやブログだけでなく
TwitterやmixiといったSNSを無視はできませんね。
そして、どんな業界でもどんな会社でも、キャンペーンやマーケティングを考える上では
Webのサービスは全く無視ができません。
ぜひ、まだサービスを利用したことがない、という方はこの機会に使ってみてくださいネ♪
