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

今日はWebに関わらず、いろいろな業界の人注目し、ドキドキしながら待ちわびた日だったのではないでしょうか。

そう、今日は、Adobeから『Adobe Creative Suite 5』が、Appleから『iPad』が発売される日だったからです。

さっそく、手に入れた方もいらっしゃるのではないでしょうか？

私たちインターネット・アカデミーのスタッフも、『Adobe Creative Suite 5』を使った授業に備えて猛勉強の日々がはじまります。

iPadについても、インストラクター仲間がAppleStoreで予約をしていたようですが、
当分届かないという連絡が既にAppleから来たようで、がっかりしていました(^^;)

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

”インターネットに接続する＝パソコンを使う”

という考え方は既に古くなってしまいました。

iPadだけの話ではなく、テレビ、iPodなどの音楽機器、ゲーム機…。
そのうちすぐに、家電製品もインターネット接続されるのが当たり前の時代がやってきます。(⇒関連記事)

すると、どうなるか。

インターネットを閲覧する機器のバリエーションが広がれば広がるほど、
しかもそれが普及すれば普及するほどWeb制作の表現の場が広がっていきます。

なぜって？

それは、パソコンでインターネットをするときと、
携帯電話、ネットブック、iPhone、iPadでそれぞれインターネットを見るときと、
みんな画面や機器の仕様が違うからなんです。

iPhone、iPadに至ってはFlashが見れない、というパソコンとの大きな違いがありますもんね。

だからこそ、パソコン用のWebサイト、通常の携帯電話用のWebサイト、iPhone用のWebサイト……。
というように、それぞれ個別にWeb制作をしなければならなくなってくるのです。

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

これは、Web制作の市場規模が広がる可能性もありますが、
もっとゆうとWebクリエイターに求められる知識の範囲が広がっていく、ということの表れでもあります。

私たちも、新しい仕様、新しい機器、新しいソフトが出るたびに勉強をしていますが、
進化が日々あって本当に面白い業界だな～と実感する反面、
これは業界全体としてクリエイターの人材不足が心配だなー…と思うわけです。

ですからWebの勉強を始めている皆様にはぜひとも、
パソコン用のWebサイトを作る…ということにとらわれず、
幅広くWebサイト制作をする知識を身につけて、
一刻も早く業界で活躍してほしいとも思う、5月28日なのでした。

5月22日～23日まで、世界中のGoogleのロゴマークが「パックマン」のゲームに変更されており、話題になっています。

これは、パックマン30周年を記念したもので、実際に遊ぶこともできます。

Googleは記念日などになるとロゴマークをその日限定のデザインに変えることがあります。
それを「ホリデーロゴ」（アメリカの方では「Doodle」）というのですが、過去にもいろいろと面白いものがあります。

しかし、今回の「遊べるホリデーロゴ」というのは史上初めてだそうで。

検索ボタンの横に配置した「Insert Coin」ボタンを押してはじまる、
というのも、スタッフの遊び心…というよりも、パックマンに対する敬意と愛情が伺えます。

ちなみに、Insert Coinボタンをもう一度押すと、
「ミズパックマン」が現れて対戦プレイも可能だそうですよ。

ミズパックマンはキーボードの「W」「A」「S」「D」で操作してくださいね☆

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

さて、このパックマンロゴ。

何に驚いたって、その作り方です。

Flashかなーと思っていたら、なんと、HTML＋CSS+JavaScriptで作られていました。

皆さんも授業でおなじみの「Firebug」で覗いてみたら…
ゲームの構成が全部タグで作られているのがわかります。

おっどろき。
Flash技術はもちろん、タグの方もしっかり勉強していかないと、
インタラクティブなサイト制作は辛くなっていきますね。。。

ただ、HTML5が正式に採用されれば、
こういうゲームもなんだかもう少し作りやすくなるような気もします。

ちなみに、Googleのホリデーロゴの過去データを見たい方は、
『Googleロゴ』のページを見てみて下さい☆

実は本日、わがインターネット・アカデミーの渋谷校にて、「受講生交流会」が実施されていました。

この会は、その名の通り「いろいろな目標を持った受講生同士の交流の場」です。
今までも、交流会を通して仲良くなった受講生さん同士で定期的に飲みに行って親睦を深めていらっしゃったり、
転職するまでお互い支えあい、応援しあうグループを作っていらっしゃったり、
果ては起業をしたりされている方々もいらっしゃいます。

そんな、Webを真剣に勉強する人たちにとって、ステキな出会いのある「受講生交流会」なのですが、
今回は1月に実施された『Web制作実践プロジェクトセミナー』に参加をして下さっていた
受講生の方2名をお呼びして、セミナーで作った作品についてのお話をしていただきました。

その中で出てきたお二人の感想は、

「制作を行う技術も必要だけど、進行管理を行うディレクション能力もとても大事。」

…だったとか。

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

実際にWebサイト制作をする、となると、一人きりで作ることはほとんどありません。
（もちろん、フリーランスは別です！）

制作会社や企業内担当者としてでも、
複数のメンバーで制作や運営を進めていくことが一般的です。

だからこそ、チームの中で自分がどんな役割を果たすべきなのか、
進行が上手く回っていないのはどこなのか。

制作プロジェクト全体を俯瞰して見る力が求められるのです。

「Web制作実践プロジェクトセミナー」に参加された方々は、
授業だけではなかなか実感しづらい

”幅広い制作の知識と、プロジェクトをマネジメントする知識の
両方が制作には必要なんだ”

ということを感じられたようです。

さてさて、今回の交流会で「セミナー」カムバックのお声が多発したようで、
また企画の声が上がっているとかいないとか…！

もし実施になりましたら、また告知をさせていただきますので
興味がある方はぜひ、参加をしてくださいね♪

「”Twitter”を利用して、こんなサービスをはじめようと思うんです。」

…そんな言葉を、広告関係の企業の方とお会いするとよく聞くようになりました。
今やっているテレビドラマでも、Twitterがらみのものが人気が出ているようで、すっかりTwitterの名は一般化してきましたね。

そんなTwitterをビジネス利用する上で気にしなければならないのが、『分析』です。

Webサイトも、作って公開したらオワリ、というワケではありませんよね。

公開したWebサイトのアクセス数がどれほどあるのか、
どんな人がどんな媒体を介してアクセスをしてきているのか。
そういったことを事細かに分析することを「アクセス解析」といいます。

Twitterを導入後は、その解析まで行わねばなりません。

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

Webサイトの場合、ツールはごまんとありますが、
Twitterの場合はまだそんなに解析ツールって知られていませんね。

そこで、今日はオススメのサイトをご紹介いたします。

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

◆Twitter Counter

週間、月間単位でのフォロワー数やTweetの推移を見ることができます。
自分のフォロワー数を表示できるブログパーツも有。

◆Twitter Stats

月別、曜日別、時間別のTwitter 書き込み数をチェックでき、
さらにそれをグラフ化してわかりやすく分析することができます。

Twitterユーザー全体の傾向を確認することもOK。

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

どちらのサービスもアカウントをとれば
気軽に手軽に利用することが出来るようになります。

ビジネス利用をしている方、考えている方は、
分析や解析を行うことでより有効なTwitter活用ビジネスライフを送ってください☆

adidasのデイリーカジュアルレーベル、「adidas Style Essentials」のサイトが今話題です。

ぱっと見、シンプルな方眼紙のようなデザインが表れますが、その画面上でマウスをつかってクリックアンドドラッグをすると、
ペインティングをするように画面に色が広がり、それと共にイラストや写真などが浮き出てきます。

それをクリックすることで、
さらに新しいコンテンツを見ることができる、という構成なのです。

Flashを使ったこの手の仕組みは、決して真新しい！というものではないのですが、
それでもデザインのさわやかさと、
ついつい長時間コンテンツを見てしまう工夫の点は
とても素晴らしいです。

なるべく長くサイトへの滞在時間を長くしたい、
そして、何度もリピートをしてほしい、
クチコミで広めてほしい。

そういうクライアント側の意図が見事に実現した企画だと思います。

ぜひ閲覧してみてください♪

サイトのデザイン案提出の段階や、資料を作成しているときにダミーテキストが必要になります。

大抵は、「テキストテキストテキストテキストテキストテキスト」とか「○○○○○○○○○○○○○○○」といったくり返し文で表示するものですが、それだとイメージがつきづらいもの。
そもそも、テキストエリアに文章を入れるのも、サイト全体の完成イメージをより明確にするためですから、できる限りリアリティのある文章を入れておきたいものです。

でも、ボディテキストには著作権がありますから、
他のサイトからコピペもできず…。

受講生の方から「どうしたらいいですかー！」とご質問を頂くことも多いのです。

そこで便利なサイトを発見しました☆

その名も『すぐ使えるダミーテキスト』です。

ネーミングもわかりやすい。

こちらのサイトは「意味を持たない」文章を半自動的に作成することができます。

もともと用意された元テキストだけでなく、
自分で用意したテキストを利用してパラグラフを作成することもできます。

ダミーテキストがすぐに必要！
というときにゼヒ利用してください♪

ゴールデンウィークが明けて、「あ」と一番に気になったのがGoogleの検索結果画面が変更されたことでした。

ニュースによると米国時間2010年5月5日に変更されたようですネ。

一番大きな変更点は、詳細な検索をするための検索オプションが左側に配置＆常時表示されるようになった、というものです。
（今までは意図的に表示非表示を切り替えないとオプションが使えませんでした。）

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

あとは、英語版Googleにしかまだ搭載されていませんが、
『Something different』機能が追加されました。

こちらは、ユーザーが入力したキーワードと関連性のありそうなキーワードを
自動的にピックアップして表示してくれる機能です。

たとえば、「elephants（ゾウ）」と検索をすると、
「zebras（シマウマ）」「giraffes（キリン）」などが Something different のスペースに表示され、
そのテキストから再検索をかけることもできます。

うーん、どこかで見たことがあるような。
そう、Microsoftの検索エンジン、「Bing」の”関連キーワード”表示機能ですね。

まだ日本語版 Something different 機能が公開されていませんので、
ちょっと実感は湧きづらいかもしれませんが、

よくよく考えると左側に検索オプションが配置されたのもBingのデザインに良く似ています。

今回のリニューアルについてはユーザーの中でも賛否両論あるようですが、
何か検索エンジンユーザー数に変動が起きたりするのでしょうか？

SEOという観点でもユーザー層の変化は大きな影響が出ますから、
今後の動向に要☆注目ですね。

ちなみに、
Googleのロゴデザインからドロップシャドウ（影）の効果が消えて
さわやかな色味に見えるようになったのが個人的には一番ウレシイです♪

今日はちょっと上級者の方向けです。
「Ajax」という技術を使ってサイト制作をしている方、データのローディング中に「読み込み中…」というアニメーションが必要になるかと思います。

それをオリジナルで作ろうとするとかなり手間がかかりますが、『Ajax loading gif generator』を使えば、簡単にデザインパターンや色を選んで作成をすることができます。

作成方法はカンタン。

色、大きさ、背景の透過処理などを選択して、「Generate」ボタンを押すだけ。

すると、gif形式のアイコンが作成され、表示・保存をすることができます。

gif形式の画像のため、Ajax以外でも利用がOKなのがうれしいトコロ。

ワンランクアップのサイト制作のため、
Ajaxをサイトに導入しよう！とお考えの方はぜひブックマークをして
このサイトを利用してみてください☆

作品を授業でチェックをしているときに、よく受講生の方から頂く要望が『○○企業のサイトと同じようなものを作りたい！』というものです。

実はこの要望、制作会社がクライアントの担当者の方からよく頂く要望でもあったりします。

「こんなカンジのサイトデザイン素敵！」「こんな風に作りたい！」というのは、もちろん大切な感情です。

特に制作の勉強をしはじめたばかりのころは、
いいデザイン、いいコンテンツのサイトをたくさん見て勉強することがとても大切です。

しかし、就職活動用の作品や
実際に公開するサイトで、多少色や写真を変えただけで
他者のサイトのデザインを使用することは著作権法上問題になってしまいます。

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

じゃあどの程度が許されるのですか？
というと、なかなか明文化したり、定義をきちんと決めるのが難しいのです。

その点は音楽も文章も同じですね。

ただ一つ言えるのは、文章であれ写真であれプログラムであれ、
色使いからレイアウトまで「そのまま」使うのはダメということ。

たとえ自分が好きなデザインだったとしても、
大切なのはそのサイトを見てくれる人に対して最も訴求力があるデザインかどうか、というところです。

Webサイトを、見てくれるユーザーに対するラブレターなんだと思って、
大切に、そしてオリジナリティを持ってデザインをしてくださいね。

そして、もしお仕事を請ける立場になったときに、クライアントから同じような要望を頂いたら、
何かと「そっくり」にWebサイトを作ることにメリットはないことをしっかりと理解していただきましょう☆