Home > WEB全般 ブログ記事 一覧

KEN WEB BLOG ~WEB・DTPスクール パソコン教室 KENスクールのインストラクターがつづるブログ~
Adobe-Webアプリケーションの発売間隔-
【こちらの記事は、約5分程でお読みいただけます。】
Adobe Creative Suite 5.5が発売されてから約8ヶ月が経ちました。
スマートフォンやタブレット端末向けコンテンツへの制作機能が強化され、
現在のWeb業界のニーズを満たしたアプリケーションへ近づいています。
しかし今までCreative Suite 2,3,4,5と順を追ったナンバリングになっているのに
何故今回は5.5と中途半端なナンバーになっているのでしょうか?
Adobe社は今まで18ヶ月ごとのアップデートを繰り返していましたが
「最新版の販売が早すぎる」「最新機能を使いたい」という意見が多かったため
今後は最新版の販売間隔を24ヶ月間隔にし、市場の動向を見て
今回の5.5のような中間となるアップデート版の販売を行なう方針に変更したそうです。
しかし結果的に「最新版の販売間隔が早すぎる」という意見には
答えられていないのかもしれません。
無論、今回の5.5は無償のアップデートではなく
比較的高額な部類に入るアプリケーション自体を購入しなければならないわけですから、
機能が多少増えたCreative Suite 6を販売しているようなものでしょう。
5から5.5へのアップグレードは10万円弱と従来よりも多少低めな値段設定ではありますが、
今回の内容ぐらいは無料で機能拡張をしてくれる
Adobeの懐の深さを見せてもらいたかったものです。
また、今回の5.5からは月額料金制での利用形態を発表しました。
これは恒久的にアプリケーションを利用するのではなく、
「短期間でのプロジェクト時のみ利用したい」 という
Web制作の現場を考えた利用形態です。
以下にその料金をまとめます。

年間プランは一年通して利用、
月々プランはニーズに応じて利用or停止を行なえる利用形態です。
主に法人が対象になりますが
選択肢が増える事は良い事ですね。
詳しくはAdobe公式サイトをご覧ください
KEN Schoolでは、最新版のAdobeアプリケーションを
お安い価格でお求めいただけます。
詳しくは各校舎のインストラクターへお声かけください!
--------------------------------------------------------------------------------
Adobeアプリケーションを使用して、Webサイトを一から作成するスキルを、
KENスクールで学習してみませんか?
⇒【Web実践コース】
Webデザインにおいて、Illustrator、Photoshopといった
プロには欠かせないグラフィックソフトの習得から、
Web制作に携わるプロとして必須のHTMLによるレイアウト方法、
業界標準ソフトであるDreamweaverを使用し、
Webサイトをデザイン・制作する技術を身につけます。
本日の更新者:
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 野村
- Comments (Close): 0
- TrackBack (Close): 0
スティーブ・ポール・ジョブズのプレゼン力
【こちらの記事は、約5分程でお読みいただけます。】
みなさんも、もうご存知のとおり、
2011年10月5日 スティーブ・ポール・ジョブズ氏が逝去されました。
今では知らない人がいないというぐらい有名人ですね。
1976年にアップル社を立ち上げ、パーソナルコンピュータの
Macintosh(Mac)シリーズの開発で一躍アップルを有名にしました。
一時はアップル社員たちたの対立で職をはく奪されてしまいましたが、
1996年にアップル社の業績不振で呼び戻され、
iPod・iPhone・iPadの開発で事業を回復させました。
アップル社から離れている時には、
「トイ・ストーリー」で有名なピクサー・アニメーション・スタジオ
(映像制作会社)を設立し、コンピュータグラフィックスを確立していきました。
アップル社にしてもピクサーにしても成功を収めた偉大な人物です。
あと、スティーブ・ポール・ジョブズ氏を有名にしたのが
「演説」のうまさです。
結論
↓
具体例・理由
↓
結論
いわゆる「サンドイッチ法」だそうです。
前置きをダラダラ言わず、結論から始めに伝え、
そこから詳しく説明し、最後にまた結論を言う。
プレゼンがうまいとリスナーの心をつかみ「名言」が生まれる。
多くのリスナーを魅了するためのスティーブ・ポール・ジョブズ氏の
テクニックがあります。
- ■プレゼンテーションのテーマを明らかにする
- 冒頭でテーマを端的に示す。
- ■概要を示す
- わかりやすく話についてこれるよう工夫する
- ■話し手の熱意を示す
- 「すごい」「信じられない」「びっくり」などの表現力の
強い言葉を使いメリハリをつける - ■客観的根拠を示す
- 統計データなど客観的情報を伝える
- ■視覚的に訴える
- スライドを使用するが、シンプルにわかりやすく
- ■リハーサルは念入りに
- 練習やリハーサルをしっかり抜かりなく
なによりも 「シンプルに伝える」に尽きると思います。
簡単そうで実に難しいことですね。
でも少しでもコツをつかみ・盗み仕事に活かしましょう。
スティーブ・ポール・ジョブズ氏の偉大さとたたえ、
ご冥福をお祈り申し上げます。
--------------------------------------------------------------------------------
KENスクールでは、即戦力となるWeb制作スキルにプラスし、
マーケティング・ディレクターの能力を持つ人材を育成しています。
⇒【マーケティングディレクションPro講座】
「ディレクション力」と「Web解析力」は、
利益を生むサイト構築が求められる
今の時代だからこそ重要視されるスキルです。
本日の更新者:
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 藤沢
- Comments (Close): 0
- TrackBack (Close): 0
favicon(ファビコン)作成方法
- 2011年7月26日 21:58
- WEB全般
【こちらの記事は、約3分程でお読みいただけます。】
いつもWebブログを見ていただき、ありがとうございます!
皆さん、Webサイトを閲覧する際に、
ブラウザのアドレスバーやタブに
開いている企業に関連する小さなロゴ・イラストが載っているのを
目にしたこと、ありませんか?
その小さなロゴ・イラストのことを、『favicon(ファビコン)』といいます。
favicon(ファビコン)とは、favorite icon(お気に入りアイコン)の略で、
多くのブラウザで、お気に入りやアドレスの横に表示されるアイコンのことを指します。
![]()
作り方はとっても簡単です!
まずは、ファビコン用の画像を用意します。
IllustratorやPhotoshopなどで16px四方の画像を作成し、
GifかPng形式で保存してください。
(※ 16pxというとても小さいサイズなので、あまり細かい画像は避けましょう^^)
その画像をファビコン用の「.ico」という形式で保存します。
この形式に変換するためには、専用の変換サイトがあるので、
そのサイトを利用して「.ico」画像を作成してください。
変換用サイト:http://favicon.webmeister-jp.com/whatsfavicon.php
favicon.icoという画像が出来上がりますので、
htmlページの<head>タグの中に、表示するためのリンク記述をします。
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
(※ htmlファイルと同階層にfavicon.icoが置いてある設定)
あとは、htmlページとfavicon.icoの画像を一緒のサーバーへアップします。
これで完了です!
自分のWebサイトや自分が手がけたサイトに、faviconを使っていないようでしたら、
ぜひ、試してみてくださいね^^!
--------------------------------------------------------------------------------
Webサイトを一から作ってみたい方、KENスクールで学習してみませんか??
⇒【無料のマンツーマン体験レッスンを受けてみよう!】
KENスクールでは、マンツーマン形式で授業を行っていますので、
パソコン初心者の方にも安心して受講していただくことができる環境です。
本日の更新者:
パソコンスクール KENスクールWebコース
インストラクター 深作
- Comments (Close): 0
- TrackBack (Close): 0
Webサイトのコーディングを簡略化 - ZEN-Coding -
- 2011年7月 8日 22:33
- HTML / XHTML | WEB全般
【こちらの記事は、約5分程でお読みいただけます。】
皆さん、こんにちは!
ウェブサイトを作成するときに必ずしなければいけない「コーディング」。
コーディングが苦手、面倒くさい、時間がかかる・・なんて声を良く聞きます。
今日は、その面倒なコーディングを簡略化する
『ZEN-Coding』をご紹介します!
元々は、結構前からあるものなのですが、一昨年~去年辺りに話題になった手法です。
どういった手法かというと・・・
例えば、
<div></div>
とマークアップしたい場合。
通常なら普通に記述していくしかないのですが、ZEN-codingなら「div」と書くだけ!
では、IDがついている場合は?
「#wrapper」と書くだけで、
<div id="wrapper"></div>
と変換してくれるのです。
さらに複数のID/classがついている場合でも、
「#wrapper.test」と書くと、
<div id="wrapper" class="test"></div>
と簡単に変換してくれます。
さらに便利なのは、構造化したものも短く記述しただけで書くことができる、という点です。
「#header+#main_visual」と書くと
<div id="header"></div> <div id="main_visual"></div>
と変換されます。
入れ子にしたいときは「#wrapper>#header」です。
<div id="wrapper"> <div id="header"></div> </div>
また、テーブル構造を記述するときは「table+」と書くだけで、
<table> <tr> <td></td> </tr> </table>
と展開してくれます。
まだまだあります!もっと便利なのは・・・
組み合わせるだけで、長いマークアップ作業も一行で出来てしまう点です!
#wrapper>(#header>h1+p)+(#mainvisual>h2)+(#main>h3+ul+)+(#sub>h3+ul+)+(#footer>address)
これを展開すると・・・!
<div id="wrapper">
<div id="header">
<h1></h1>
<p></p>
</div>
<div id="mainvisual">
<h2></h2>
</div>
<div id="main">
<h3></h3>
<ul>
<li></li>
</ul>
</div>
<div id="sub">
<h3></h3>
<ul>
<li></li>
</ul>
</div>
<div id="footer">
<address></address>
</div>
</div>
と、一気にコーディングできてしまいます!
でも・・・ずっとDreamweaverでコーディングしてきたし、
今更エディタでやるのも・・・と、
躊躇(ちゅうちょ)してしまう方もいらっしゃると思います。
大丈夫です、実はCS3以降ならDreamweaverに
『ZEN-Coding』を組み込む事も出来ます!!
http://code.google.com/p/zen-coding/downloads/list
こちらからダウンロードしてください。
解凍して、「Zen Coding v.0.7.2.mxp」をダブルクリックするだけで
拡張機能として読み込まれます。
複雑で面倒くさいコーディングを少しでもラクにして、作業効率化を図りましょう!
KEN SCHOOLの講座、クオリアなら・・・WEBにおける様々なスキルを「クオリティアップ!」
『ZEN-Cording』の様な話も聞けちゃいますよ!^^
--------------------------------------------------------------------------------
Web制作現場のテクニック全てを、ここに集約!
KENスクール自慢の就職対応プロフェッショナル講座!
⇒【「極」 Professional クオリア講座】
Webサイトを一段階上のクオリティへ進化させる 「極」 Professional クオリア。
デザイン、ユーザビリティにこだわり、より高い質のWebサイトを制作していきます!
本日の更新者:
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 馬場
- Comments (Close): 0
- TrackBack (Close): 0
Webサイト制作に必要なもの - FTPソフト -
- 2011年6月 6日 11:18
- WEB全般
【こちらの記事は、約5分程でお読みいただけます。】
皆さん、こんにちは!
6月に入り、気温も徐々に上がってきましたね。
今年よりKENスクールでは、『クールビズ』を実施することになりました!
また、現在ポロシャツデザインコンペを実施しております!^^
http://www.kenschool.jp/Webdtp/contents/new_competition.html
最優秀作品に選ばれたデザインを、
なんと全校舎でインストラクターが着用する予定です。
服装を軽装にさせていただき、
その分、教室の空調の温度を上げさせていただきたいと思います^^
少しでも節電に協力できる運営を、KENスクールでは
日々実行していきます。
皆様の、ご理解とご協力をお願い致します。
さて、今回は、FTPクライアントソフト(以下FTPソフト)について、
お話したいと思います。
Webページを作成した際に、
Webサーバーへ作っていただいたhtmlファイルを、
アップロードしないと、公開することは出来ません。
Webサーバーは自分で作ることも出来ますし、
レンタルサーバーと言うサーバを借りることも出来ます。
こちらは、以前記事になっているので、
そちらを見ていただければと思います。
以前の記事はこちら⇒ 「レンタルサーバー」
http://web.kenblog.net/web/rental090610.html
では、どのようにして、このサーバーへデータを送信すればよいのでしょうか?
直接データを送ることは出来ませんので、
そこでFTPソフトが必要になります。
FTPソフトには、大きく分けて、
無料のフリーソフト(以下フリー)と有料のシェアウェア(以下シェア)の2種類があります。
今回は、フリーとシェアで代表的なソフトをそれぞれご紹介したいと思います。
最初に、フリーの方ですが、
FFFTP(http://www2.biglobe.ne.jp/~sota/)になります。
次に、シェアの方ですが、
NextFTP(http://www.toxsoft.com/nextftp/)になります。
気になる料金ですが、最初の3ヶ月は無料で使えます。
また、それ以降使用する場合は、2,480円(税込2,604円)かかります。
フリーとシェアでの違いですが、
機能的には大差ありませんので、どちらを使っていただいても良いと思います。
大事なことは、サーバーの事を理解し、
FTPソフトを使って、データを転送できることです。
就職活動でしっかりとしたサイトを作ることも大事ですが、
このように、サイトを作ること以外でも、
就職活動で大事なことがありますので、
サイトを作ることだけに固執せずに、
色々な知識を身につけていただければと思います。
さて、最後になりますが、
今からどのようなポロシャツが出来上がるのか、楽しみです♪
皆様のご応募お待ちしております!^^
--------------------------------------------------------------------------------
Webサイトを一から作成するスキルを、KENスクールで学習してみませんか?
⇒【Web就職・転職対応コース一覧】
就転職を実現させるために現場で必要な実践的なスキルとノウハウを
基礎からバランスよく効率的に学習します。
マンツーマン形式の授業ですので、初めての方でも安心して学習できます!
本日の更新者:
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 清水
- Comments (Close): 0
- TrackBack (Close): 0
グリッドを使用したWebデザインレイアウト作成方法
- 2011年5月 8日 10:48
- WEB全般
【こちらの記事は、約4分程でお読みいただけます。】
皆さん、こんにちは!
WEBサイトを作る時、パーツやレイアウトなどの大きさや配置を
決めるとき、適当に決めて配置していませんか?
パーツのサイズ決めやレイアウトは、一定の法則に乗っ取って
行った方が、整理されすっきりと見せることが出来、
HTMLでコーディングするときも楽に行えます。
この法則に、方眼紙のような「グリッド」を併せてデザインすることを
「グリッドデザイン」といいます。
この方法を使用することにより、サイトのクオリティを一つ上に
上げることが可能です。
詳しくは、KENスクールの講座「クオリア」で勉強することが出来ます。
折角なので、「グリッドデザイン」をする時の準備を説明します。
サイトをHTMLで作成する前に、
Photoshopやイラストレーターなどのグラフィックソフトを使用して、
「デザインカンプ」というサイトの完成図を作成します。
デザインカンプを作成する時点で、
「グリッドデザイン」を仕込んでおかないといけません。
今回は、「Photoshop」での設定を説明します。
Photoshopを立ち上げたら、任意の大きさの新規ファイルを作成します。
ショートカットキー「ctrl」+「@」でグリッドが表示されますが、
デフォルトのグリッドだと使いづらい場合があります。

その場合は、 「編集」メニューから「環境設定」を選択します。
カテゴリの「単位・定規」を選択し、「単位」が「pixcel」になっているのを確認します。

カテゴリの「ガイド・グリッド・スライス・カウント」から「グリッド」の「グリッド線」を「20」に、
分割数を「2」にします。
これで、「20pxを2分割した」グリッドが作成できます。
あとは、このグリッドに沿ってパーツの作成・配置を行っていきます。
何気ないテクニックですが、これを行うとサイトのクオリティが断然アップします。
「クオリティアップ」の「クオリア」講座、
興味が沸きましたらインストまでお問い合わせください。
--------------------------------------------------------------------------------
Web制作現場のテクニック全てを、ここに集約!
KENスクール自慢の就職対応プロフェッショナル講座!
⇒【「極」 Professional クオリア講座】
Webサイトを一段階上のクオリティへ進化させる
「極」 Professional クオリア。
デザイン、ユーザビリティにこだわり、
より高い質のWebサイトを制作していきます!
本日の更新者:
パソコンスクール KENスクール Web/DTPデザインコース
インストラクター 馬場
- Comments (Close): 0
- TrackBack (Close): 0
フォントに隠れた思惑
- 2010年12月 9日 11:28
- WEB全般
広告のデザインにおいて、フォントの選択は非常に重要です。
そこで今回は2つのフォントをご紹介します。
それぞれが生まれた背景が全く異なるのが面白いと思います。
まずは Open Type Font です。
「OpenTypeフォント」は、
アドビ社とマイクロソフト社の2社が共同で開発したフォント形式です。
なぜ作られたのか?というと…、
MacユーザーとWindowsユーザーがメールをする時など、
「丸付き数字」が「括弧つきの曜日」に化けることがあります。
実は、MacとWindowsとで『文字コード』が異なるのが原因です。
※文字コードとは-----------------------------------------
文字や記号をコンピュータで扱うために、
文字や記号一つ一つに割り当てられた固有の数字のこと。
(例) 8740 8741 8742
↓ ↓ ↓
① ② ③
---------------------------------------------------------
フォントには1文字ずつに文字コードが付けられているので、
何か文字を入力すると、文字コードを認識して表示します。
ですが、WindowsとMac では違うフォント(書体)を使うので、
登録されている文字コードが異なっており、結果として文字化けが起こります。
---------------------------------------------------------
win … ① ② ③
↓ ↓ ↓
mac … (日) (月) (火)
---------------------------------------------------------
こうした問題点を解決するためにOpen Type Fontは開発され、
WindwsやMacで共通した文字コード『ユニコード』を使用し、
すべての文字を同じ文字コードで処理できるので、
文字化けが起きなくなりました。![]()
これはインターネット技術の背景からできたようですね。
次に Ture Type Font です。
これはApple社とMaicrosoft社の共同開発したフォントです。
大きなサイズでも“ジャギ”つまりギザギザ(カタカタ?)の出ない
キレイな文字で、画面表示とプリンターでの印刷が出来ます。
TrueType Fontは価格が安く、ユーザが非常に多いです。
元はアドビのPostscriptフォントによる、
フォント市場の独占を阻止するために作られたそうです。
こちらは市場の競争を背景に作られたようです。
この他にも様々な有償・無償のフォントがあります。
たまには由来を調べてみても面白いかもしれませんね。
--------------------------------------------------------------------------------
パソコンスクール KENスクール京都校 Webインストラクター
http://www.kenschool.jp/school/kyoto/index.html
KENスクールで広告デザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
パーツデザイン
- 2010年10月23日 19:28
- WEB全般
前回に引き続き「Ken School」のWebサイトの
パーツデザインに挑戦してみましょう。
今回はグローバルナビゲーションのボタンを作ります。![]()
正直以前の「無料体験のバナー」よりもシンプルで簡単なので、
今回はロールオーバーする所までやってみます。
まずはオリジナルを見てみましょう。
アップ画像![]()
オーバー画像![]()
ロールオーバー用に画像を2枚用意する必要があります。
まずはお決まりのStripe Generator 2.0 betaを使用します。
便利ですね。
下記の設定でストライプを作成・保存します。
- stripe size:3
- spacing:3
- stripe color(s):#eeeeee
- background color(s):#ffffff
- stripe orientation:左から3番目

保存したファイルをPhotoshopで開き、パターンとして登録します。
(「編集メニュー」→ 「パターンを定義」 )
Photoshopを起動し、新規ファイルを作成します。
(幅159x高さ32ピクセル)
パターンで塗りつぶします。
(「編集メニュー」→ 「塗りつぶし」→「パターン」 )
レイヤーを新規作成し上半分を白で塗りつぶします。
さらにレイヤーを新規作成し、 上下左右1ピクセルの枠線を塗ります。
(サンプルは#cccccc)
(一行選択ツール・一列選択ツールが便利)
![]()
任意の色・任意の書体で「Web/DTPコース」と文字を書きます。
(サンプルは#be3019)
また好みでアクセントに小さな四角形を並べます。
![]()
こちらの「Webおよびデバイス用に保存」で保存しておきます。
これでアップ画像の完成です。
続きの作業はまた次回に書きます。
その間にいろいろと試してみてください!
※次回も使いますのでレイヤーに分かれた状態も保存をしておきましょう!
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでグラフィックデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
ブラウザ戦争
- 2010年10月 9日 16:09
- WEB全般
みなさん、こんにちは。
やっと暑い夏がひと段落し、少し涼しくなりましたね。
急に寒い日もあるので体調を崩さないよう気を付けてくださいね。
さて、今回はブラウザ戦争についてです。
ブラウザ戦争とは、
「ウェブブラウザを提供する各社・各団体による市場シェア争奪戦」
のことを言います。
一般的には、1990年代前半に起きた
Internet Explorer と Netscape Navigator の
猛烈な競争を「第一次ブラウザ戦争」と言います。
また、2004年以降に、Mozilla FirefoxやOpera、
SafariやGoogle Chromeに代表される
WebKit系ブラウザが市場シェアを拡大することで、
Internet Explorerに脅威を与え始めた時期からの事を
「第二次ブラウザ戦争」と呼びます。

Webの勉強は、確かにツールを覚える事も大事だと思いますが、
ちょっと息抜きとして、Webの世界の歴史や、
その背景を見てみる事も面白いと思いますし、
大事な事ではないかなと思います。
--------------------------------------------------------------------------------
パソコンスクール KENスクール大宮校 Webインストラクター
http://www.kenschool.jp/school/omiya/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
サイトのファイル数を調べよう
- 2010年10月 6日 10:31
- WEB全般
KENスクールにはディレクターの仕事を学ぶ講座があります。
通称は「D-pro(ディープロ)」です。
この講座では受講生がディレクターの卵となって、クライアント(先生)から
情報を聞き出し、議事録作成やプレゼンをしていくわけなのですが、
ディレクション以外でもリニューアル案件の時には
必ず最初にサイトの構成を調べます。
ショッピングサイトなどの大規模サイトの場合、
数千ページあるのが普通です。
もちろん正確な数字を出したり、繋がっていない(現在使用されていない)
ページがあれば排除しておいたりもします。
その数千ページは、人が数えるよりもフリーソフトを使うと
簡単に調べることが出来るので、ここでご紹介しておきます。
「Website Explorer」(ウェブサイト エクスプローラー)で検索してみよう!
実際に私もこのソフトを使って作業したのですが、
そのWEBプロデューサーの方も、いつもコチラを使っているとのこと。
クリエイター、ディレクターの卵のみなさん!
どんどん苦労して、経験を身につけて欲しいとも思いますが、
時にはうまく検索をして楽なやり方を見つけてみてください!
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebディレクションを学びたい方は、Web//DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WEBの世界も3D!?
- 2010年8月 6日 11:26
- WEB全般
最近、テレビや映画などで「3D」という言葉を耳にする事も多くなりましたね。
3D映画を観た方や、家電量販店などに展示されている3D対応テレビなどを
見た方も多いのではないでしょうか?
そして、パソコンにも3Dの時代が訪れようとしています。
すでに3D対応のパソコンはいくつか発売されています。
富士通
本体に付いているウェブカメラで3D映像を撮影し、自作もできる。
http://www.fmworld.net/fmv/pcpm1006/fh/info/index.html#anc03
NEC
http://121ware.com/valuestar/n3d/?pro=121top_image_0608
東芝
3D映像によるゲームを楽しめる
http://toshibadirect.jp/pc/p/p/PAAW90MRF10BW3/index.html
そして、今話題のiPad!
こちらは、iPad / iPhone用無償3DCG作成アプリ
http://graphic.e-frontier.co.jp/sunny3d/foripad/
こんなアプリを使用すると3Dの専門知識がなくてもアプリが作れてしまいます!
FlashとAction Script3.0を組み合わせると
こんな3Dなアニメーションも作れます。
エコだ動物園
これからは、3Dから目が離せません。
家電量販店などへ行った時には、ぜひ3Dパソコンを探してみてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでFlashを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
ポラロイド
- 2010年6月13日 21:32
- WEB全般
ついにデジカメが画素数でケータイのカメラに負けました。
私も性能の良いカメラに買い換えたいと思いながらも、
まだまだ現役で頑張ってもらっています。
写真をWEBサイトなどにただ載せるのは面白くありませんので、
こんなのはいかがでしょう?
画像をポラロイドカメラで撮ったように、
フレームをつけて加工するソフトです。![]()
すごく簡単に使えるので、ラクチンです。
もちろんPhotoshopなどでもこういったフレームを作ることはできますが、
こういったツールも利用してみてください♪
WEBなどに興味が無い方も、手軽に使えますよ。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールで画像の加工技術を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
IE6さようなら
- 2010年4月 3日 12:30
- WEB全般
3月4日に日本で一番のシェアを誇っている
Internet Explorer のIE6バージョンを弔う「葬儀」が行われたようです。
記事
http://www.itmedia.co.jp/news/articles/1003/08/news030.html
記事では人が亡くなったように掲載されており、
IE6が重要なシェアを担っていたことが伺えます。
ここで少しIE6のお話をします。
Internet Explorer6は2001年の8月27日にリリースされました。
「Acidtest1」に合格し、Web標準として信頼されたり、
WebFontにも対応していたり、リリース時には先進的でした。
IE7(2006年)、IE8(2009年)が既にリリースされていますが、
WindowsVistaの普及の遅れや、IE6でしか使えない基幹システム、
企業などのグループポリシーなどで未だに30%ほどのシェアがあります。
CSS2.1にも対応していますが、バクが多いのも有名な話です。
開発者の足かせでしかないですし、
マイクロソフト側もIE7やIE8への移行を促したい模様。
昨年には次期Webブラウザとして「IE9」も紹介されています。
Googleも3月1日から段階的にサポートを終了していくと発表していますし、
YouTubeは3月13日にIE6のサポートを終了します。
Web企業がIE6の対応に負担がかかるので、
撲滅キャンペーン「IE6 No More」を昨年に立ち上げている。
IE6はこれからシェアが低くなってきますので、
CSSのチェックも少しは楽になりますね。
--------------------------------------------------------------------------------
パソコンスクール KENスクール池袋校 Webインストラクター
http://www.kenschool.jp/school/ikebukuro/index.html
KENスクールでCSSを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
注目のスキル
- 2010年2月27日 11:07
- WEB全般
今回はIT系ニュースをもとに「注目のスキル」を紹介します。
両方とも2009年12月後半のニュースを参考にしました。
まずは下記の情報サイト「JOB@IT」から抜粋しつつ。
現在のIT系就転職市場ではWeb/モバイル、ゲーム業界の求人が
緩やかに回復の兆しといった内容が掲載されています。
なかでもWeb/モバイル系では・・・
- 「手を動かせるディレクター(プロデューサー)」を求める傾向が強い
- LAMP環境での開発経験者を中心に、書類選考通過率が上昇した。
手を動かせるディレクターとは
- HTML/CSS
- Dreamweaver
- Photoshop
- Illustrator
- Flash
といったデザイン系の制作スキルを持ちつつ、
ディレクションの能力ももった人材が必要とされている。
もうひとつ、LAMPとは
- Linux
- Apache
- MySQL
- PHP(Perl・Python)
を用いた、データベース連動のWebアプリケーション開発技術のことです。
MSN産経ニュースでも
ネットショッピング、オークション、オンラインゲームなどの需要が倍増する
と掲載されています。
つまり、Web業界ではクリエイターにデザイン・制作系の記述はもちろんのこと、
今ではディレクション能力・プログラミング能力を求めるようになっています。
最近、受講生の方から話を聞くと「自分に付加価値」を求める方が多く感じます。
Kenスクールでインストラクターとして働いていて、本当に良かったと思えることが、
私たちデザイン系のインストラクターだけではなく、
プログラム専門のインストラクターが多数在籍をしていて、
ほぼ全校舎で毎日受講が可能なところです。
受講生の方に、現在業界で求められているスキルを
それぞれ専門のインストラクターからご指導できます。
今後も、下記のようなニュースで
「必要とされる技術」の紹介ができればと思っています。
Kenスクールでは無料セミナーで紹介もできますので、
興味のある方はぜひご参加ください!
Kenスクール 「Webプログラマー無料セミナー」
http://kenschool.jp/Seminar/webpg_semi.html
Kenスクール 「ディレクションPro講座」
http://kenschool.jp/Webdtp/w_t_temp.html
MSN産経ニュース 「ネットショッピング市場、26年度に倍増へ 高機能携帯の普及で」
http://sankei.jp.msn.com/economy/it/091223/its0912232029000-n1.htm
JOB@IT 「第6回 SI/NIに復調の兆し? 転職市場は底を脱したか」
http://www.atmarkit.co.jp/job/jirei/kiji/front/06/01.html
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebのディレクターを目指したい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
--------------------------------------------------------------------------------
KEN School 関西方面オープンしました!!
【関西ブログ】
http://www.kenschool.jp/info/contents/blog_kansai.html
【関西オープンページ】
http://www.kenschool.jp/info/contents/op_kansai.html
- Comments (Close): 0
- TrackBacks: 0
必須スキル
- 2010年1月24日 11:52
- WEB全般
「Webクリエイターにとって必須なスキルってなんでしょう?」
というような事をよく耳にします。
これから「Webクリエイターになりたい!」という方は気になることでしょうし、
事実、私たちもスキルの習得や技術を磨くことに努力を惜しみません。
改めて考えてみると、必要最低限なスキルと言えば、
- HTML(XHTML)
- CSS
- Dreamweaver
- Photoshop
- Illustrator
- Flash
という技術が挙げられますが、それだけでは到底足りません。。。
更には、
- デザイン力
- プログラミングスキル(JavaScript/ActionScript/PHPなど)
- Office(特にExcel)
- 自己解決力
- 作業スピード(作業効率)
- コミュニケーションスキル
- ヒューマンスキル
というように、Webにおいて必須なアプリケーションの技術力だけではなく、
他にも様々なスキルが必要というのが現状でもあります。
Webは沢山の技術が必要で、
広い範囲の技術を覚えていないと出来ない仕事なのです。
それは何故か?
一言で表しますと、『ユーザーに多くのサービスを提供するため』なのです。
とは言え、全ての技術を身に付けるのは物理的に不可能です。
ですので、必要最低限の技術や知識は身に付けてないといけないのです。
デザイン力やプログラミングスキルは、当然『技術』に絡んできますが、
企業が欲しい人材は、
コミュニケーションスキルやヒューマンスキルに長けている人なのです。
(もちろんそれだけではダメですが。。。)
これはWeb業界だけではなく、どのような業界でも必須のスキルなのです。
では、
何故コミュニケーションスキルやヒューマンスキルが必要なのでしょうか?
もちろん、クライアントとの対話ということや、
社内での協調性や信頼性というのもありますが、
いろいろな方と話すことによってアウトプットが増えるからなのです。
アウトプットによって、違うエンジニアさんともコミュニケーションが作れます。
そして、自分の作品の批判でも構わないので、
意見をたくさんもらうことが大事です。
自分だけの視点ではなく、他人の視点からも評価を頂くには、
やはりコミュニケーションスキルが大切なのです。
遊びに行ったり、観察したりすることも大事だったりします。
遊び心が大切なワケは、
『面白いインタラクションは人の心を掴む』からです。
業界の進化は著しく、私たちが思っているよりも何倍も早いのです。
注目は『RIA』という技術。![]()
RIAというのは曖昧で、「これがRIAだ!」というものではなく、
あくまでも概念です。
言うならば『少ない手数で便利にする技術』といった感じです。
『ユーザーのストレスを無くして便利にする技術』なのです。
『Flex/AIR』もRIAを実現するの1つの技術です。

時代のニーズに合わせた技術を皆さんが習得できるように、
KENスクールでは新たな講座展開をしております。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでFlex/AIRを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
絶対指定と相対指定
- 2010年1月21日 16:27
- WEB全般
受講生の方から、CSSのテキストに「px」が相対指定となっているが、
絶対指定ではないか? という質問をたまに受けます。
実際、pxは絶対指定ですと書いてあるサイトもたくさんあります。
答えは「相対指定」です。
そもそも絶対指定と相対指定ってなんだろう?ってところなんですが、
- 環境に左右されず絶対的なものが絶対指定
- 環境によって変化するものが相対指定
となります。
1cmって紙に印刷しても、画面上で見ても1cmです。
その時によってちょっと長い1cmとかちょっと短めの1cm
というようにならないですよね?
(もちろん、Photoshopなどで拡大した場合は別です。
100%のサイズで見た場合)
それに対して、emやexは1文字の大きさとか小文字のxの大きさなので、
基準になる文字サイズによって変りますよね?
(ユーザーがブラウザの設定で変えられます)
じゃあピクセルは?
画面の解像度によっては変化するため、
いつどの画面で見ても同じとは限らない
ということで相対指定ということになります。
まぁ常に一定じゃないからってことですね^^
パソコンを扱っていると、何年働いていても
どうしても勘違いして覚えてしまうことがあります。
そういった場合には書籍やWebサイトで調べるわけですが、
上記のように間違った情報が(悪意なく)
公開されてしまっている場合もありますので、
曖昧なものはとことん調べてみる!
とても勉強になりますので是非調べる癖をつけてみてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WEB業界
- 2009年11月 5日 19:10
- WEB全般
こんにちは!
WEBインストラクターのDです。
今回はWEB業界を目指している方必見
月刊の「Webデザイニング」という雑誌に
現在WEB業界で働いている人たちのアンケートが公開されました。
とても興味深い内容だったので
少しだけ、この場を借りてお伝えしたいと思います。
①WEB業界で働いている人たちの年齢層
一番多いのは31~35歳、性別は男性が75%女性が25%
②現役デザイナーが習得したいスキル
1位 Javascript/Ajax
2位 ActionScript3.0
3位 PHP
③おおよその年収
400万~499万が一番多い
まだまだWEB業界のリアルな現状が公表されておりますが
続きはこの書籍を買ってじっくりと見てみてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
ファビコン
- 2009年10月30日 20:30
- WEB全般
みなさん、 ブックマークの横に付いているアイコンの事を
何と呼ぶか知っていますか?
これ「ファビコン」と言います。
※ (Favorite icon(フェイバリット・アイコン)の略称です)

ファビコンとは
ブックマークを登録するとブックマーク一覧の左側に出てくるアイコン
です。
実はこれ意外と簡単に作れるんです^^
まずはPhotoshopなどで、GIF画像を作ります。
作った画像を下記サイトに添付するだけで完了です。
http://www.favicon.jp/favicon_create/
サイトを作る上で、自サイト独自のファビコンを作るのも
オリジナリティを出す良い方法の一つです。
興味のある方は作ってみてください^^
--------------------------------------------------------------------------------
パソコンスクール KENスクール渋谷校 Webインストラクター
http://www.kenschool.jp/school/shibuya/index.html
KENスクールで画像の作成と加工を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
ターゲットを絞る
- 2009年10月12日 15:16
- WEB全般
何かを作っていく上で、ターゲット層を決めていくということは
マーケティングの意味でもすごく重要な要素となります。
スクールで勉強し、WebページやDTP広告などの
オリジナルの作品を作る場合にも同じことが言えます。
どうしても就職活動用に作品を用意すると考えた場合に
架空の商品や架空の会社を題材にすることが多く、
「商品が実在しない」「クライアントが実在しない」となると、
皆さん「デザインする」ということにのみ集中をしてしまいがちになります。
本来広告をつくる際には、デザインよりも前に
- 何の目的で
- 誰に
- どんな方法で
のようなことを明確にしなければなりません。
先日、夕方のニュースを見ていたら「缶コーヒー」の特集をやっていました。
缶コーヒーの日本シェアNo.1は
日本コカコーラ株式会社(http://www.cocacola.co.jp/)
言わずと知れた「ジョージア」シリーズですね。
しかし日本の缶コーヒーの売上の80%は男性とのこと。
では、「女性はコーヒーを飲まないのか?」
もちろんそんなことはありません。
コンビニにあるチルドタイプのコーヒーは女性にも人気があるそうです。
森永乳業のCaffe Latte(http://www.morinagamilk.co.jp/)
サントリーとスターバックスが共同開発しているディスカバリーシリーズ(http://www.starbucks.co.jp/discoveries/index.html)
こちらは男性女性の売上比率が半々(それぞれ約50%)だそうです。
スターバックスに関しては女性の方が比率が多いようです。
そんな中、女性向け缶コーヒーとして日本コカコーラから発売されたのが、
illy issimo(イリー イッシモ)
(http://www.cocacola.co.jp/corporate/news/news_20090615.html)
女性を意識したおしゃれなポスター、
缶のふたが回して開ける形になっているのも
爪の長い女性でも開けやすいようにということらしいです。![]()
このように、実際のデータを分析し、
広告やプロダクトのデザインに活かしていくのが実際の仕事です。
- WebデザインナーになりたいからWebサイトを参考にする。
- DTPデザイナーになりたいのでチラシ、カタログを参考にする。
というのももちろん重要ですが、
それ以外の販売戦略やターゲットを意識した設計にも目を向けると良いですね。
このような実例を元に受講生に
パソコン操作以外の部分を伝えていけるといいなぁと思っています。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールで広告デザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WDC
- 2009年8月31日 12:13
- WEB全般
今年は野球が大いに盛り上がった年でしたね!
「WBC=World Baseball Classic」では、日本の国民ほぼ全員が
釘付けになってTVを見ていたと思います。
この盛り上がりに、あやかったであろうと思われる
Webのチャンピオンシップが登場しました。
既に6/24から開始されていたので、ご存じの方もいらっしゃると思いますが、
「WDC」です。
何の略かというと、
「World Domain Cup」
つまりドメインの優勝決定戦というものです。
なんだろう、それって?と思った方は
一度、こちらの本サイトにアクセスしてみてください。
http://www.worlddomaincup.com/japanese/index.html
そもそも、ドメインには
gTLD(generic Top Level Domain)と呼ばれる、
世界で共通のアドレス資源が存在しています。
説明にもあるように、「.com」とか「.net」とか
アドレスのお尻につくものですね。
実はこの設定は21種類しか世界に設けられていません。![]()
http://e-words.jp/p/r-tld.html
「.jp」は違うんですね、Japan=日本という国を表すものなので、
各国でつけられるものとして、
ccTLD(country code Top Level Domain)と呼ばれています。
このドメインが作られるっていう企画、すごくないですか??
世界で22種類目のものを、自分で作られるんですよ。
しかも作るだけじゃない。
これをご覧ください。
http://www.worlddomaincup.com/japanese/prize/index.html
なんと!!!
10年間売上の一部が受け取れる権利がついてきます!
こんな夢の拡がるチャンス、マイナスは一切ないんだし、
乗るしかないじゃないですか!!
ということで、こっそり僕は、当スクールのサーバ管理の担当者と
6/25の時点でやっていました。
何を作ったかは内緒です(笑)。
みんな同じものにすると、その分わけまえが減りますが、
それだけ人気があるってことでもあります。
参加ドメインは、1人1回です!
楽しんで考えてみてください!
ちなみにこの企画を考えた株式会社インターリンクさんは、頭が良いですね。
自分達のマージンも相当とれるわけですからね。
誰もを楽しくさせる、そんなユーモアがあって、いい企画だと思います。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebの基礎知識を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
日本の検索エンジンシェア
- 2009年7月27日 10:32
- WEB全般
2008年度日本の検索エンジンシェア
検索エンジンというと、普段パソコンを使っている人は
なんとなく聞いたことがあるかと思います。
検索エンジンとは、yahoo、google、msnなどの事です。
普段皆さんは、インターネットを使って調べ物をする時に
yahooを使っていますか?それともgoogleを使っていますか?
今日は日本人がどの検索エンジンを、よく使っているのか
2008年度の検索エンジンシェアを見てみましょう。
参考サイトその1:http://www.sem-r.com/08h1/20081219163356.html
- yahoo:51.2%
- google:39.0%
- MSN:1.5%
- その他の検索エンジン:8.3%
このサイトデータだと日本人2人に1人がyahoo、
2.5人に1人がgoogleを使っている計算ですね。
参考サイトその2:http://www.sem-r.com/08h1/20080629234527.html
- yahoo:56.2%
- google:31.3%
- BIGLOBE:3.8%
- MSN:2.8%
- goo:2.0%
- その他:3.9%
その2のサイトでも、だいたい同じですね。
つい最近ですが、MSNに新しい検索エンジンが使われることになりました。![]()
名前が「bing」読み方はどうやら「ビング」と読むみたいです。
検索エンジンシェアがどのように変化するのか、注目していきましょう^^
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでSEOを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WEBソフトの値段
- 2009年7月 1日 17:28
- WEB全般
WEBデザインソフトのAdobe Creative Suite 4(CS4)ですが、
Creative Suite 4 Design premium ¥298,000
Creative Suite 4 Master Collection ¥397,950 と
かなりのお値段が張ります…。
そこで、WEB・DTPを始めようとしている人、
もしくはすでにお仕事・趣味なので携わっている人も、
新しいソフトを購入したいと思われている方はたくさんいらっしゃると思います。
当スクールにご入学いただければ、
Creative Suite 4 Design premium ¥83,000
Creative Suite 4 Master Collection ¥99,000 と
かなりお得に購入できます!!![]()
学びながらスキルを上げて、
尚且つ WEBソフトを通常価格より安く購入できるので、一石二鳥です。
気になる方は、ご検討してみてはいかがでしょうか?
Adobe Creative Suite 4
http://www.adobe.com/jp/products/creativesuite/
--------------------------------------------------------------------------------
パソコンスクール KENスクール横浜校 Webインストラクター
http://www.kenschool.jp/school/yokohama/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
レンタルサーバー
- 2009年6月10日 21:11
- WEB全般
サイトを作るにあたって「レンタルサーバー」は必要ですよね。
いろんなレンタルサーバーあります。
Webを勉強している生徒さんにも
「どのレンタルサーバーが良いのですか?」と聞かれます。
いつもは「ロリポップ」というレンタルサーバー(もう有名すぎますね)
を勧めていますが・・・
レンタルサーバーにはお金もかかるので
決め手って大事ですよね?
みなさんはどんなことに重視していますか?
- 「レンタル料は安いか」
- 「転送量に制限を設けているか」
- 「独自ドメインを持てるか」
などあると思います。
「heteml(ヘテムル)」
- 初期費用\3,950 月額\1,500
- 転送量制限あり。300GB/月までOK(10GB/日)
- 5GB の大容量
- クリエイターに大人気
- マルチドメインが50個まで作成可能
「LivedoorRentalserver」
- 初期費用\980 月額\980
- 転送量制限なし
- 容量は3GB
- ドメインは1個
- ブログサービスlivedoorBlogPROが無料
- ウィルス対策万全
「ロリポップ」
- 初期費用\3,150 月額\263
- 容量は200MB
- 転送量は1GB/日
- ドメインプランあり
- お試し期間10日間あり
- 月ごと更新できる
はじめての人は「ロリポップ」がおススメ!
自分のサーバーを持って世界デビューしてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール渋谷校 Officeインストラクター
http://www.kenschool.jp/school/shibuya/index.html
KENスクールでサイトデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
WEBとMUSIC
- 2009年5月23日 20:19
- WEB全般
皆さん、音楽は好きですか?
通学や通勤時間に音楽を聞くと、日常を少し彩れる、
というかトリップしてすごくふんわり漂える時間というか。
逆に、仕事中に聞くと、日常に集中できる、
というか周りをシャットダウンして、自分だけトリップされてそこに在るというか。
要は「一人になる」ということなんですけど、
それだけじゃなくて、ライブやコンサートに行くとみんな繋がるじゃないですか。
不思議だなぁって思って。
それは深い部分で繋がられるってことだと思うんですが、
WEBを通して音楽を聴く場合は何か違う気がするんです。
Youtubeやニコニコ動画は映画と同じで、俯瞰してみているような気分ですよね。
ニコニコ動画は参加もできますけど、WEB上にあるということが、
本当に仮想世界で、どこまで繋がっているのか、想像ができない。
インターネットが進化したとはいえ、
ここまで拡がる未来を、想像できた人はいるんでしょうか。
あまりに広過ぎて、まだ扱い方もわからないまま転がされているような、
そんな気分にさえなります。
インターネットを見ているユーザーが、ライブやコンサートと同じように、
一度に一同介して集まれたらどんなことが起こるんでしょう?
フジロックやサマソニのレベルではない、ウッドストックのフェスさえも軽く
超えられてしまう、世界の祭典の訪れですよ。
すごいな…というか、
そんなことも現実に出来てしまう世界かもしれないんですよね、
WEBって。
大人になると、夢物語なんて、金の動く範囲でしか
考えられなくなりますけど、WEBには子供のような考えでも
それを現実に変えるチャンスがたくさん転がっているんです。
まだ誰も叶えられたことがない夢だって、
現実にすることができる世界が広がっているんです。
だから、どんな人にもWEBを知ってほしいんです。
インストラクターという立場になると、
開発の現場よりもそこに関われる時間は少ないかもしれない。
でも、色々な夢や考えを持っている人と接することができて、
一人でいると考えようもないようなこと、生徒さんと話し合えたりします。
開発にいた方が、自分のスキルがつく、
それが現場かというと、そうは思いません。
よっぽど、豊かに考える時間が取れるなら、
それは毎日が現場以上に成長できます。
WEB業界に入りたい人で、漠然と信じている夢があるなら、
それを叶えるために、自分がどうしたいのか、したいことを考えてください。
就職・転職したいと、気持ちが焦ると、そんな夢など忘れてしまいます。
お金にはなりますが、夢を忘れずに、
「それを叶えるために一生の勉強をしているんだ」
と思って、今、一生懸命勉強してください。
あなたの夢に合わせてしっかりと、
あなたに必要なものをここKENスクールで勉強してくださいね。
--------------------------------------------------------------------------------
パソコンスクール KENスクール渋谷校 Webインストラクター
http://www.kenschool.jp/school/shibuya/index.html
KENスクールでWeb技術を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
音楽配信
- 2009年4月16日 20:35
- WEB全般
いやーみなさんどうもこんにちは。
最近同僚の結婚式の二次会で歌うことになり、
毎日毎日同じ曲を練習しています。
いやー稲葉さんは声が高い!!
ということで、今回は音楽関係の話をしていきましょう。 
ネット上で音楽を流す場合に、まず、気にしないといけないのが
そう。「著作権」です。
「著作権」とは、その文章、またはメロディーを作った人に、
その文章、またはメロディーの権利を与えるものです。
(詳しく知りたい人は調べてね)
ですので、いくら好きな曲だからといって、
無断でその曲を流すのは違法になってしまいます。 
ただ、ネット上で流しても良いと、その音楽を
作った人が言っている場合もありますので、
是非、そういった音楽をご使用ください。
自分で作っちゃうのもアリですね。
次に気にしないといけないのは、
音質とサイズです。
音質とサイズは密接な関係があり、
音質を上げるとサイズも上がってしまって重くなり、
サイズを下げると、音質も落ちてしまって
聞き苦しくなるという状態になりますので、
程よい大きさで程よい音質を
目指して作成するべきです。
また、音ファイルの種類はさまざまあり、
mp3やWAVE、AIFF、RAMなどの種類の中で
どれを使うのかもポイントになってきます。
さらにさらに、そのファイルをブラウザ上で再生できるのか
ソフトを入れてもらわないと再生できないのか
という問題も考えなければなりません。
ぼくが昔バンドやってたころは、
ほんとにreal playerくらいしかなかったんで、
そのころに比べると、今は大分自由になりましたね。 
。。。というように、今は回線の速度も速くなりましたし、
マシンのスペックもあがっているので、
是非、音楽も演出のひとつに加えてみてはいかがでしょうか。
--------------------------------------------------------------------------------
パソコンスクール KENスクール船橋校 Webインストラクター
http://www.kenschool.jp/school/funabashi/index.html
KENスクールでweb配信を学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
解像度2
- 2009年4月12日 13:00
- WEB全般
Webサイトを初めて作る方に、
「ホームページってどれぐらいのサイズで作ればいいんですか?」
と聞かれます。
ほとんどの方が最初にその疑問にぶつかります。
印刷物であれば、A4サイズ、B4サイズなど用紙のサイズで想像しますが、
Webの場合は最終出力先がモニタなので・・・。
ではまず、出力先となるモニタについて確認しましょう。
| 種類 | 解像度 |
|---|---|
| VGA | 640×480 |
| SVGA | 800×600 |
| XGA | 1024×768 |
| WXGA | 1280×768 |
| SXGA | 1280×1024 |
| UXGA | 1600×1200 |
| WUXGA | 1920×1200 |
上記が一般的なモニタの解像度です。
自分のモニタの解像度は画面のプロパティで確認しましょう。

さて、そろそろ質問の回答を^^
これが正しい解答というわけではないのですが、
一般的に「日本で一番利用されているサイト」と同じサイズで
作ってしまえば間違いないでしょう。
日本で一番利用されているサイトは「Yahoo!Japan」です。
Yahoo!は2008年1月1日に全面リニューアルされ、現在のデザインになりました。
それ以前は800×600のモニタ解像度にあわせてデザインされていましたが、
このリニューアルを機会に1024×768に最適化されたデザインとなりました。
ただし、Yahoo!は誰もが使いやすくということが前提なので、
その他の企業に比べ比較的遅めでした。
Yahooが乗り換えるタイミングが、一般的な最終ラインと考えると良いでしょう。
--------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでサイトのデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
なぜデザイナーがPHPを学ぶのか
- 2009年4月 6日 18:34
- WEB全般
暖かくはなってきましたが、コートを着るかどうか迷う季節ですね。
コートって外を歩いているときはいいんだけど、
電車に乗ると突然邪魔ですよね。
腕にかけていても暑いし。
ドラ○もんの四次元ポケットみたいに
何でも入るポケットがあればいいんですけどねー。
さて、全然前振りと関係ないですけども、
今回は「なぜデザイナーがPHPを学ぶのか」です。
PHPという言語をご存知でしょうか?
PHPは、ユーザが欲しいと送信してきたものに応えて
HTML形式のページをその場で作成し、ユーザに送り返す
ことのできるスクリプト言語です。![]()
例えば、観覧するだけのページを作る場合は
HTMLやCSSなどを駆使して作成して、
Webサーバというところに乗っけておけばいいのですが、
そこに「検索機能」のようなものをつけた場合、
検索して結果をHTML上に表示しなければならなくなります。
このときに、まず
- ユーザからの情報(この場合検索条件)を受け取り
- その条件の情報を探しに行き
- 探してきた結果をまとめ
- その場でHTMLを作成してユーザに閲覧させる
という流れをWebサーバ上で繰り広げる必要があります。
そういったときに必要になってくるのが、PHPです。

PHPのほかにも似たような作業ができる言語がありますが、
とにかくPHPは作りやすい仕様になってます。
あくまで個人的な見解ですが。
そして、PHPは「HTMLページ」をその場で作成させるための言語なので、
当然PHP作成者はWebデザインをする必要が出てきます。
ということは、デザインができないとPHPは組めないということです。
最近では、プログラム部分とデザイン部分にファイルを分けて
作成していくこともできるようになってきましたが、
そのデザイン部分でさえ、多少プログラムが混じってしまいます。
そうなってくると、デザイナーといえどもPHPで何ができるのか、
何をやっているのかなどを把握しておく必要が出てきます。
これが、「デザイナーがPHPを学ぶ理由」なのです。
さらに、PHPは慣れてしまえば簡単な言語なので、
他の言語に比べれば、明らかに早く習得できます。
これもあくまで個人的な見解ですけども。
習得すると相当強いデザイナーが出来上がるという寸法です。
ということで、みなさんも是非PHPに触れてみることをお勧めしますよ!!
--------------------------------------------------------------------------------
パソコンスクール KENスクール船橋校 Webインストラクター
http://www.kenschool.jp/school/funabashi/index.html
KENスクールでPHPを学びたい方は、Program講座へ!
http://www.kenschool.jp/Program/index.html
- Comments (Close): 0
- TrackBacks: 0
Google PageRank
- 2009年3月31日 21:29
- WEB全般
「検索順位が急に下がっちゃって求人の問い合わせが全然こなくてさ。
上位にいたときは求人の電話がバンバンなってたんだけどなぁ。」
検索順位が決まるにはいろんな要素が関係してきますが
友人が言った「Google PageRankも良かったのに」
という言葉が気になりました。
IT系の技術や考え方はどんどん進化していって
SEOの考え方もとても早いスピードで変わっていきます。
Google PageRankも、以前はSEO対策をする上では
重要な要素として考えられていたようですが
現在ではあまり重要視されていないようです。
というのも、
PageRankの値は年に数回しかアップデートされない
からだそうです。
実際のSEO対策業務には何の影響もないのだそう。
ただ、「人気があるか・ないか」を初心者の方にも
分かりやすく伝えるツールとしてPageRankの話がもっとも
通じやすいのだそうです。
なるほど。
PageRankってそんなに重要ではなかったんですね。
じゃあなんで友人のサイトは順位が下がってしまったのか?
気になる所です。
--------------------------------------------------------------------------------
パソコンスクール KENスクール蒲田校 Webインストラクター
http://www.kenschool.jp/school/kamata/index.html
KENスクールでSEOを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
必要?それとも・・・。
- 2009年3月16日 17:51
- HTML / XHTML | WEB全般
アメリカでは、オバマさんが大統領に就任し、
日本では「低額」いや「定額給付金」が話題になっています。
この定額給付金、お金を給付して、給付金以上の贅沢品などを買わせ、
お金を周るようにしたいらしいですね。
テレビでやっていたのですが、贅沢品を買う年代で一番高いのが、
10代~20代の女性だそうです。
ただ、給付金を貰ったらどうするかの答えに、貯蓄すると一番答えたのも、
10代~20代の女性だそうです。
あとは、ほとんど生活費とか、貯蓄とか、中には
滞納している税金を払うと言う答えも(笑)。
贅沢品に当たる事は、そのアンケートでは少なかったそうです。
これだけを見てしまうと、国会議員のお偉いさん方が
描く結果どおりにはならない気が・・・。
なんか先に、お金をあげるから、
将来、増税の時に文句言わないでね。
的に聞こえるのは自分だけでしょうか?
さて、前置きが長くなって申し訳ございません。
サイトとって、それって本当に必要なの?
って思うものが多々あります。
これって、本当に必要ないものの場合、
ユーザーをイラつかせる原因になってしまい、
訪問者の減少につながってしまいます。
例えば、
- デザインに凝りすぎてメニューが見えづらかったり。
- SEO対策の事ばかり考えていて、ユーザビリティの低いサイト。
- 何度クリックしても、目的の場所までに行かない。
- 画像が一杯あってなかなか、ページを読み込まない。
- サイトのドメインが変わった時に、「移転しました」のメッセージのまま、新しいページ移動しない。
etc
サイトを作るときには、
まず、ユーザーのイラつきの無いサイト
を作るように心がけたいものです。
話は戻りまして、決して給付金が要らない訳では無いです。
貰える物は、何でも貰います!!
--------------------------------------------------------------------------------
パソコンスクール KENスクール北千住校 Webインストラクター
http://www.kenschool.jp/school/kitasenju/index.html
KENスクールでサイトのデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
Web業界の将来と教育
- 2009年3月12日 14:36
- WEB全般
WEB業界って将来どのようになっていくんでしょう?
想像したことはありますか??
今、ほとんどのサイトでFlashという技術が使われていますよね。
アニメーションや映像、その扱いは様々ですが、
どんどんこのFlash技術が進化して…
というかFlashを利用する人の技術力がUPして、
新しければ新しいサイトほど、
私達の度肝を抜く演出が行われるようになりました。
この前、設立されてまだ1年足らず、
ベンチャーのWEB制作会社にインタビュアーとして出向いた時のことです。
「Flash技術については、どう捉えていますか?」
の設問に、
「Flashは先陣を切った技術者と、慣れていこうとしている技術者の
2極化が進んでおり、これから参入となると、どう差別化を図るか
が求められますね」
とお答えされていました。
まさに教育業界においても、その通りの現状があります。
初めて挑戦する人と、業界で数年働いている人、
その垣根を技術力だけにしてしまうと、窓口は狭くなるわけです。
そんなことわかっていながら、
派遣会社は登録さえもさせない、首切りの状況を作ってしまう。
悪いのは景気であり、その案件を持ってくる会社、とはわかっていても、
性質が非常に類似している派遣業界には、とても疑問を感じます。
日本の企業が求めているWEBって、どういうものなんでしょう?
最近流行りのFlashですか?映像ですか?
インタラクティブ・コンテンツでしょうか?
どれも、WEBの技術力と経験が支える大仕事です。
将来性も多聞に及びます。
こういった案件が日本の世の中や企業の売上を左右する時代なら、
もうちょっと雇用形態と条件を見直すべきだと、僕は感じています。
が、当然ながら、WEBをやりたい人にとってもその責任は問われます。
世界がこんな状況下にある中で、
本当に楽しみながら手に職を付けたいのであれば、
入口から決して甘くはありません。
こうやって書いていると、やりたい人が減りそうで怖いですけど(笑)、
学ぶべき基礎と土台をしっかり学んで業界に挑戦すれば、ということなんです。
どの業界だって、そうです。
就職・転職は学び方を間違わなければ、
誰にだってチャンスがあるべきもの。
YahooやGoogle、MSNといったポータルサイトのTOPページには
Flashってバナー広告しかないじゃないですか。
なぜかわかりますか??
色々なユーザーを対象としているからです。
パソコンの仕様によって、Flashは時に爆弾にもなります。
ポータルは情報量が勝負です。
そこにテキストで並列に並んだ情報が大量にある。
簡単に小さい写真などを載せてしまえば、Flashみたいに重たくなくても
全然クリックしてくれるわけです。
要は見せ方と学び方。
それはサイトだけじゃなく、人間自体もそうなんです。
私達KENスクールは、これを読んでくださっている受講生のみなさんに、
そうした本質を伝えていける指導を心がけています。
私達も業界にしがみつくかのごとく、必死に頑張ってます。
これからも!ずっとずっと!お互いが成長するスクールとして頑張っていきましょう!
--------------------------------------------------------------------------------
パソコンスクール KENスクール立川校 Webインストラクター
http://www.kenschool.jp/school/tachikawa/index.html
KENスクールでFlashを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
Firefox活用術
- 2009年2月25日 18:38
- WEB全般
みなさんはインターネットを見るときにどのブラウザを使っていますか?
Webを勉強してる人は「Firefox」を使ってる人多いと思いますので、
今回はすごく便利な機能をご紹介します。![]()
「Firefoxアドオン」って知ってますか?
拡張機能で自分流にカスタマイズできるんです。
テーマで外観の変更もできます。
Firefoxブラウザの上部の「ツール」メニューの「アドオン」を選択すると、
インストールされている拡張機能が表示されているアドオンウィンドウが表示されます。
新しい拡張機能を入手するには右下の「新しい拡張機能を入手」をクリックしてください。
使えるとうれしい機能をいくつかご紹介しましょう。
・Video DownloadHelper
YouTube」「ニコニコ動画」「Dailymotion」など、
様々なサイトから簡単に動画を収集できるようにします。
・IE Tab
選択したタブを Internet Explorer のレンダリングエンジンを
使って表示します。
・ScrapBook
Web ページを保存し、コレクションとして整理できます。
・Mini Map Sidebar
サイドパーに多機能な地図ツールを組み込みます。
・View Source Chart 2.5.03
ページのソースコードを色分けしてくれます。修正時などに便利です。
・Screengrab!0.95
スクリーンショットに似ていますが、Webページ全体をイメージとして保存できます。
などなど、機能は日本語に翻訳されていないのも合わせて
5000以上あるので選び放題です。
拡張機能はコチラ↓
https://addons.mozilla.jp/firefox/extensions/
テーマはこちら↓
https://addons.mozilla.org/ja/firefox/browse/type:2
ぜひお気に入りのアドオンを見つけてみてはどうですか?
--------------------------------------------------------------------------------
パソコンスクール KENスクール渋谷校 Webインストラクター
http://www.kenschool.jp/school/shibuya/index.html
KENスクールでWebを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Comments (Close): 0
- TrackBacks: 0
PPC
- 2009年2月13日 11:40
- WEB全般
今日はPPC広告についてお話したいと思います。![]()
PPC広告とは、yahooやgoogleが持っているインターネット上の広告です。
広告と聞くと、連想する物として、新聞広告、駅前の巨大広告、
電車の中の中吊り広告などですが、どれも載せるだけで費用がかかってしまいます。
PPC広告と広告の違う点
- 広告・・・掲載するだけで費用がかかる
- PPC広告・・・掲載するだけでは費用はかからない
上の見て ??? と思った方もいるかと思いますが
PPC広告とは掲載するだけは費用はかかりません。
では一体いつ費用がかかるのかというと・・・
「サイトに掲載されているリンクをクリックされた時」に費用がかかります。
クリックした人が払うわけではなく、広告を掲載している企業に費用が発生します。
今まで、あまり気にせずにyahooやgoogleで検索されてたら
今度少し、見てみてください^^
------------------------------------------------------------------------------
パソコンスクール KENスクール新宿校 Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html
KENスクールでWebを学びたい方は、Web/DTP講座へ!
- Comments (Close): 0
- TrackBacks: 0
サイトを公開する時に必要なもの
- 2009年2月 7日 20:13
- WEB全般
今日はサイトを作った後、
それを実際にインターネットに公開する時に必要なもの
について紹介していきます。
まずは、家のパソコンでサイトを作ります。
そのサイトをFTPとサーバを使ってインターネット上に公開します。
※FTPとは・・・インターネットを使ってデータをやり取りする手段
※サーバとは・・・インターネット上の土地
ではまずFTPを使うためにはどうしたらいいのか?ですが
FTPソフトというものが必要になってきます。
ただで手に入れる方法があるので記載します。
- yahoo、googleで「窓の杜」を検索
- ソフトライブラリの「インターネットセキュリティ」をクリック
- サーバーネットワークの「FTPクライアント」をクリック
- FFFTPをダウンロード
このソフトを使うことでFTPという手段を使用できます。
次にサーバですが、これは自分達が住んでいる土地と同じようなものなので
手に入れる方法としては、自分で所有するか、レンタルするかのどちらかです。
サーバを借りられるサイトを記載します。
yahoo、googleで「ロリポップ」を検索
上記のサイトでサーバをレンタル(月額数百円、年間で数千円)することが出来ます。
これで、サイトを公開するために必要なFTPとサーバを準備できました。
両方とも、無費用、低費用で用意できるものなので、是非試してみてください。
- Comments (Close): 0
- TrackBacks: 0
解像度について
- 2009年1月14日 15:06
- WEB全般
今回は少し難しい話を書きます。
WebやDTPをやっていると必ずぶつかる壁、「解像度」についてです。
WebでもDTPでも画像を扱うにあたり使うソフトウェアはPhotoshopとIllustrator。
Photoshopはビットマップ画像、Illustratorはベクトル画像です。
基本的に「解像度」というのはPhotoshopで扱うビットマップ画像に使われる言葉です。
Photoshopで扱うビットマップ画像の最少単位はピクセル(Pixel)と呼ばれる四角形です。
日本語では「画素」のことです。また別の呼び方でドット(Dot)と呼ぶこともあります。
解像度を本当に簡単に説明すると「ピクセルの密度」ということになりますが、
この理解が非常に難しい!!!Webデザイナーを10年やっている方で勘違いして
覚えていた方もいました。
解像度には種類・単位が3種類あります。
- 画面の解像度
- 印刷の解像度
- デジカメの解像度
の3種類です。それぞれ扱う単位が違うので混乱しやすいのですが・・・
画面の解像度はコンピューターのモニタ上で横×縦で表します。
640×480ピクセル、800×600ピクセル、1024×768ピクセルなどといった感じで、
画面上で横方向に640ピクセル、縦方向に480ピクセル並んでますよってことです。
印刷の解像度は印刷結果の1インチあたりに何ピクセル並んでいるか?ってことで、
単位はDPI(Dot Per Inch)やPPI(Pixel Per Inch)となります。
よく皆さんが勘違いしてしまうのが、「1インチ×1インチの正方形の中に何ピクセル詰まっているか!」
と理解している方がいますが、それは間違いで、300DPIであれば、横に300ピクセル、縦に300ピクセル
ずつ印刷されるということなので、1インチ×1インチの正方形に合計で90000ピクセル印刷されるということです。
最後にデジカメの解像度ですが、700万画素(最近では7メガピクセル)とかってあらわしますね。
写真を撮ったときに横方向、縦方向に当然ピクセルとして記憶されますが、その合計ピクセル数を
あらわしています。
たとえば400万画素の画像ならば(2304×1728ドット)、700万画素の画像は(3072×2304ドット)など。
掛け算をしてみれば、約400万、約700万になるでしょう!
難しいことを書いてきましたが、「こんなこと理解しなくてもデザインできるんじゃない?」って思ったあなた!
そんなことはありません!「解像度」をきちんと理解しておかないとPhotoshopでとんでもない操作を
してしまうことがありますし、せっかく買った高性能デジカメを無駄遣いしてしまう結果になります。
まずはしっかりと上記の3つの解像度の違いを理解してください!画像の扱い方が変わってきますよ!
- Comments (Close): 0
- TrackBacks: 0
bannerについて
- 2009年1月11日 11:22
- WEB全般
いろいろなWebサイトを見ていると、本当にたくさんのバナーがあります。
バナー(banner)を辞書で調べてみると・・・
『旗, 軍旗; 旗じるし; 横断幕;
(宣伝用などの)たれ幕;
標識;
【新聞】全段抜きの大見出し;
【コンピュータ】花文字, (Webなどの)帯状の広告』
だそうです^^
おそらく横断幕、たれ幕というところからWebでも広告用の画像を
バナーと呼ぶようになったのだと思います。
SEM(Search Engine Marketing)のひとつとして、ここ最近ずっとPPC(キーワード広告)、
Yahoo!のOverture(オーバーチュア)やGoogleのAdwords(アドワーズ)への対策が
話題を呼んできました。
人気のあるキーワードはクリック対価がどんどん上昇し、1クリックで1,000円以上というものも
稀ではなくなってきています。
そんな中で現在バナー広告の見直しがされています。
PPCに比べ、契約が1か月掲載単位で値段設定されているものが多く
コスト面で有利なことや、社名、会社ロゴなどをでクリックされなくとも
印象に残すことができ、またいろいろなメッセージも加えることができるからです。
それにしてもWebサイトには様々なサイズのバナーを見かけます。
では、いったいどれぐらいのサイズで作成すればよいのでしょうか???
実はバナーには国際基準というものが設定されています。
決めているのはIAB(Interactive Advertising Bureau)という団体で、
W3C(World Wide Web Consortium)と同様に
『インターネットで利用される技術の標準化をすすめる団体』です。
IABのWebサイトに掲載されている国際基準のサイズを引用して載せておきます。
300 x 250 IMU - (Medium Rectangle)
250 x 250 IMU - (Square Pop-Up)
240 x 400 IMU - (Vertical Rectangle)
336 x 280 IMU - (Large Rectangle)
180 x 150 IMU - (Rectangle)
300 x 100 IMU - (3:1 Rectangle)
720 x 300 IMU - (Pop-Under)
Banners and Buttons
468 x 60 IMU - (Full Banner)
234 x 60 IMU - (Half Banner)
88 x 31 IMU - (Micro Bar)
120 x 90 IMU - (Button 1)
120 x 60 IMU - (Button 2)
120 x 240 IMU - (Vertical Banner)
125 x 125 IMU - (Square Button)
728 x 90 IMU - (Leaderboard)
Skyscrapers
160 x 600 IMU - (Wide Skyscraper)
120 x 600 IMU - (Skyscraper)
300 x 600 IMU - (Half Page Ad)
ただ・・・実際は上記サイズ以外のものが多く、あまり意識はされていないようです。
バナー広告が見直されている今、ぜひみなさんも
カッコイイバナー作成に挑戦してみては!!
- Comments (Close): 0
- TrackBacks: 0
デザイナーに求められるもの
- 2008年12月 9日 13:29
- WEB全般
アプリケーションを覚えてから、
どのようにすればデザイナーになれるのか? 
意外に簡単です。パソコンから離れることです。
いろいろ外部から刺激を受けてはじめて強いものになります。
パソコンだとついつい練習課題の為、何かと同じモノを
そっくり創ったりすることが簡単にできてしまいますが・・
実際の仕事を想像してみてくだい・・・
何かと同じものをつくることがデザイナーに求められるでしょうか?
クライアントは何か他とは違う新しいものを求めて来ます。
この力を養わなければ行けません。
そして、それが毎回違うんです。デザイナーって、
そういう、常に新しいこと、他の何かと違うことをツクリだすもの
なんです。
それは、とてもおもしろくどこまで行っても
終わりがないもの・・
終わりがなく、とことんやってしまうのが素人。
ある一定のラインまで仕上げ納期に間に合わせるのが
商業デザイナーなんです。 
デザイナーを目指す方は、そのある一定のラインまで
たどりつかなくてはいけません。
そして、デザインの仕事は、自分の好きなことを
デザインすることではありません。
必ずクライアントがいます。
クライアントの要望に応えることが求められます。
そして、クライアントと市場が求めているのは・・
再利用が簡単なデジタルです。
だから、まず、デザイン系アプリケーションは
覚えて使えなくてはいけません。
それが、始まりですが、そこで終わらないでください。 
- Comments (Close): 0
- TrackBacks: 0
サイトで困ることvol.2
- 2008年12月 6日 20:54
- WEB全般
前回WEBサイトで困ってしまうことを2つご紹介してみました。
今回は、前回の続きでWEBサイトで困ってしまうことランキングを
20位までご紹介します。
1位 画像が多くて、重い
2位 ポップアップがどんどん開く
3位 アフィリエイトバナー がたくさん貼られている
4位 「準備中」「作成中」のコンテンツだらけ
5位 なにかあったら音が鳴る
6位 よく分からないプラグインを勝手にインストールしようとする
7位 リンクが切れているところが多い
8位 なんのためらいもなくPDFファイルへのリンクが貼られている
9位 トップページからFlash
10位 目に優しくない背景色(黄色や赤色など)
11位 過激な主義・主張(差別、原理主義的な思考など)
12位 マウスカーソルになにかキャラクターがくっついてくる
13位 文字が小さすぎる/大きすぎる
14位 ブラウザのサイズを勝手に変えられる
15位 サイトを見ても何を伝えたいかがわからない
16位 右クリック禁止
17位 エイプリルフールネタは「サイトを閉鎖しました」「管理人は死亡しました」
18位 ほかのページが新規ウインドウで開く
19位 機種依存文字を多用している
20位 個人の顔写真、タレント写真など無許可の画像を掲載
ソースはここですhttp://www.manabiyahonpo.com/cat11/post_101/
4位の準備中・作成中のコンテンツだらけ・・・これ共感しますね。
自分が知りたい内容を、検索してようやく辿り着いたサイトが
準備中・作成中だらけだと萎えます。
5位 なにかあったら音が鳴るも困りますね・・・
自分の家はパソコンがリビングにしかなく、
夜は父の寝てる横でコソコソとパソコン使っているので
いきなり音が鳴ったりしたらかなり焦ります。
ここに書いてある内容で、困ったことが皆さんもあるんではないかと
思います。
自分がサイトを作るときには、人が困らないサイト
使いやすいサイトを作りましょう。
- Comments (Close): 0
- TrackBacks: 0
Pixlr
- 2008年11月16日 11:40
- WEB全般
今回はまだまだ未知ですが、期待できる?であろう
ツールを見つけたのでご紹介しま~す^^
「Pixlr」というツールで、オンラインで Photoshop のような
画像編集ができてしまうんです。
Photoshopをかなり使える人には「ちぇ!」という
ソフトかもしれませんが・・・^^;
なにより嬉しいのが「無料」で使えるということ!![]()
インターフェイスや機能面ではけっこういい線いってる気がします^^。
Photoshopほどではもちろんないけど、
これからPhotoshopを触ってみたいって思ってる人は
「Pixlr」で画像編集をかじってみてもいいかも。
しかもネットに繋がっていればどこでも使えるので暇つぶしになりますし、
出来上がった画像はもちろんパソコンにに保存できるんです。
でも・・・重いんです。。。(泣)(泣)(泣)(泣)(泣)
使ってたら何回終了してしまったか・・・これって致命的ですけど・・・(苦笑)
かじるだけでちゃんともぐもぐ噛んで消化したいときには
やっぱり「Photoshop」かなぁ~^^v
- Comments (Close): 0
- TrackBacks: 0
素人とプロの差
- 2008年11月13日 13:06
- WEB全般
さて今回はアナログとデジタルって書こうかと思ったけど・・・
ちょっとやめて・・・
WEBでも、DTPでも、何かモノを創りたい人たちへ・・
何か書きたいと思います。
つねに、普段から言っていることですが・・
素人とプロの差って何かわかります?
「えっ~」???って感じでしょうか?
それは・・「ラフデザイン書いてます?」につきます。 
世の中ものすごく便利になってしまって・・
パソコン一台あれば・・結構なんでもできてしまいます。
でもこれが、モノを創りたいと思っている方には落とし穴だったりします。 
ラフデザインを書かないでいきなりパソコンから初めてしまっていると危険です。
何か?最近すごく多く感じるのが・・アプリケーションを覚えることが最終目的になって
しまっているデザイナー志望の方が多いようです。 
もちろん、現在のお仕事には、パソコンとアプリケーションを使いこなすことが求められます。
なので、アプリケーションを覚えることは絶対に必要なんですが・・・
そこで、目的達成になってしまったら・・もったいない(/TДT)/
ちょっとまってください。アプリケーションが使えるってことは、やっとプロの入り口に立てたってことです
ここからが勝負なんです。(今自分も、睡魔とかなり勝負してます)
はい・・負けました(@ ̄ρ ̄@)zzzz。
ってことでアプリケーションを覚えてからの勝負は次回~
- Comments (Close): 0
- TrackBacks: 0
サイトで困ること
- 2008年11月10日 14:42
- WEB全般
「サイトで困ること」…調べたらいろいろ出てくるんですけど、
自分が共感もてるものを紹介していきます。
まず最初に・・・
「ページが開くのが遅い」
ページ開くの遅くてイライラしたことはありませんか?
原因としてはいろいろ考えられるんですが、
画像が多くて重すぎるページとかありますね・・・
画像の最適化をフォトショップでするか
画像の枚数自体を少なくしないと厳しい
次に・・・
「リンクが切れてるところが多い」
これも困りますね・・・
調べ物をしてて、ようやく自分の知りたい情報の載ってるページを見つけた!と
思ったらリンク切れ・・・萎えますね・・・
サイトを作るときにはどちらも、ユーザーの不満にすぐ繋がる内容ですので
チェックしましょう。
次回もサイトで困ること、紹介していきます。
- Comments (Close): 0
- TrackBacks: 0
画素数
- 2008年11月 6日 12:22
- WEB全般
パソコンのインストラクターをしていると、
デジタル関係の事、全てにおいて強いと言うイメージを持たれてしまいがちです。
しかし、残念ながら私はデジタル関係に関して、疎いほうです。
例えば、ビデオ録画の予約も2回に1回は失敗をします。
Gコードの機能はあるのですが、リモコンのボタンの数に圧倒され、使えずじまいです。
夜九時からのドラマが、●●マーケットになっていたこともしばしば・・・。
そんな私はかれこれ、4ヶ月ほど前に携帯を誤って洗濯をしてしまい、
機種変更を余儀なくされてしまいました。
前述のとおりデジタルに弱い私は、携帯の機能を全く使いこなせないくせに、
新しい物好きなので、その当時最新の携帯に機種変更しました。
ワンセグに音楽携帯、お財布携帯、直感ゲームに高速インターネット・・・。
もう、何がなんだかって感じです。
しかし、どんなに機能が増えようとも、電話とメールしか使わない(使えない?)私です。
いろんな機能がついたというだけで、
それだけで満足というか、お腹一杯と言うか・・・。
まぁ、本当に宝の持ち腐れ状態です。
で、この携帯ですが、写真の画素数がなんと約520万画素!!
その当時では、最高画素数です。
520万画素といってもどのくらいの大きさか判りにくいので、
ピクセル数で表すと、
少なくとも2560Px×1920Px以上にはなります。
通常、写真で使用するL版の大きさは127mm×89mmです。
解像度が300ppiだったとすると、1500px×1051px必要になります。
と、言うことはL版写真を撮るくらいなら、携帯で十分ということになります。
もし、携帯で撮った写真をL版写真に印刷する場合は、
Photoshopで解像度を調整しましょう。
調整の仕方については、また次の機会にでもお話したいと思います。
ちなみにそんな私ですが、
携帯で写真を撮ったこともないんですけどね。
- Comments (Close): 0
- TrackBacks: 0
WEBとYシャツと私
- 2008年11月 3日 15:13
- WEB全般
中国の昆明という場所で、バスを使った爆破テロが相次いでいる。
そんでまた、農家が苦しんでいる。
工場が出来てから、作物は枯れ、
年間2000tもの出荷を行っていた以前が嘘のように、
今年はわずかの収穫しかできなかった。
工場は、大気汚染を起こす。
がんや喘息にかかる人も、増えてきたそうだ。
TVを通して、農家の人々は、こう言う。
「生きていけない」
でも、願いはただ一つだって、こう言う。
「私達は、金などいらない。青い空がまた見たいだけだ」
そうか、青い空が見れないんだ。
うーん、それって、どんな気分だ・・??
今みたいに、シャッター閉めきった部屋で、
パソコンいじってる、こんな気分かなぁ。
違うだろうなぁ。
どんな世界なんだろう・・・
仕事で疲れることは当然あるけど、
仕事に没頭する時間、それはすごく、研ぎ澄まされた時間で、
なんだろう、仕事は現実の時間なのに、
WEBとかデザインを通して、トリップしている瞬間があるんです。
特に、その間に、自分の場合は音楽があると、
もう自分じゃないって言うか、自分が仕事していることを忘れてるっていうか、
そんな変な感覚になることがある。
Google Earthで世界は自由にのぞけるようになったし、
Youtubeで世界の自由な表現がのぞけるようになった。
WEBが世界を繋げているのは、明白。
でも現実感がどうも欠けている。
自分が座っているからかなぁ。
もう、WEBを見ていると、訴えられてばっかで、
何も動かないでいる自分が億劫にさえなる。
誰にとっても世界を広げるはずのWEBが、
誰かを殻に閉じ込める原因にもさせる。
WEBと上手に付き合うには、
かないそうもないすごいサイトと付き合ったり、
かないそうなことにだけ手を出していくってこと??
違います、そうじゃなくて。
自分がそのWEBが見せる様々な形に対応できる度胸がないと、
いけないなぁ、食われるだけだな、と、最近思います。
はっきりいって、WEBの中であっても世界は広い。
だから、埋ずもれずコミュニケートする、
それが今いる立場の仕事だと。
自覚はできているけど、苦しむ毎日なのです。
まぁ。がんばりんしゃい、自分。今日もYシャツ羽織って。
- Comments (Close): 0
- TrackBacks: 0
運動会
- 2008年10月30日 18:05
- WEB全般
先日運動会に行ってまいりました。
もちろんですが・・・見学です^^

私は団塊ジュニア世代なので、私が小学生のころは同級生の人数がたくさんいました。
小学校は途中から新しい小学校が建てられ、3年生から転校?分校?させられたため、
4クラスだったのですが、中学校は全部で12クラス!!!私は3年12組でした。
教室は保健室のとなりでした^^
まあ、私の話はさておき・・・今は少子化の波か人数がかなり少ないですね;;
ただ、私の頃は紅組、白組の2チームに分かれて優勝を争っていましたが、
現在は赤組、青組、黄組、緑組の4チームで優勝を争う形式です。
(もちろん学校によっても違うでしょうけど)

今年は「赤組」が優勝したんですが・・・何とこの小学校では数年続けて赤組が優勝して
いるそうです。今年も赤組の圧勝で終わりました。

これはきっと色の効果によるものです!とりあえず、この4色における色の効果を載せて
おきます。
赤:やる気を出したい時
エネルギーやバイタリティーを意味する色なので、落ち込ん
だときに使うと、気力と自信がよみがえります。
使いすぎると感情的になるので注意です。
黄:判断力をつけ、理想的になりたい時、知性を意味する色
色で、神経系の働きを活発にします。
また、人に喜びを与える色とも言われています。
使いすぎると不安が強くなることがあります。
青:興奮を押さえたい時
上記3つの色は心に刺激を与えますが、青は心に静けさを
もたらします。
ただし、落ち込んだときに使用すると、更に気分がめいる事
事もあります。
緑:イライラを静めたい時
木や森などの自然と、人間のハーモニーを表す色です。
心や身体の疲れを静め安らぎを与えます。
うちのスクールでもグラフィックの授業で「色が人に与える影響」を勉強しますが、
まさにこれが実例そのものといったところでしょうか?
Web/DTPの勉強をしていると、普段の生活の中で「なるほど!そういうことか!」
って発見がたくさんあり、本当に奥が深くて面白いですね!
ちなみに赤は黒とも馴染み、人に活力を与える色なので、寝具を赤にすると
「よく眠れて、朝は快適に起きられる色」だそうです。![]()
普段寝起きの悪い方はぜひお試しください!
- Comments (Close): 0
- TrackBacks: 0
◆Ajaxってなんでしょう?
- 2008年9月24日 12:43
- WEB全般
みなさん、Ajaxって知ってますか? (´∀`)ノ
最近は結構浸透してきている技術なのですが、
詳細は知らない方も多いんじゃないでしょうか。
今日はこのAjaxがテーマです。![]()
Ajaxは、Asynchronous(非同期) JavaScript + XML の略で、
DHTMLの中の情報を、JavaScriptというスクリプト言語を使用して
画面の更新なしで、ページの中に内容の変更を繁栄させる仕組みです。
この3行を見ても「何語?」って思っちゃいますよね。 (*`◇´*)ゞ
じゃー、簡単にサンプルを見てみましょうか。
http://maps.google.co.jp/maps から、
google Mapへ移動してみましょう。

移動したら、何か好きな地名を入れてみましょう。
そうすると、地域周辺の地図が出てきましたよね?
じゃー、今度はその地図をドラッグしてずらしてみましょう。
できましたか?
はい。
実は、今皆さんAjaxの技術を使用しています。
(≧▽≦)ノ ナント!!
皆さんが地図をドラッグすることによって、
現在表示している画像の続きの画像が必要になりますよね?
その時にAjaxの機能が働いて、
となりの画像をダウンロードしてきて表示しているのです。![]()
しかもページの更新などは行っておりませんので、
とてもスムーズです。
これが、Ajaxのすごいところなんですね。
いやーほんとにすげー。
スンゲェ──―Σ(゚∀゚ノ)ノ─―─ッ!
Ajaxを使った技術はほかにもいろいろありますが、
今回はこの辺にしましょう。
ではまた。
- Comments (Close): 0
- TrackBacks: 0
Internet Explorer8の新機能
- 2008年9月12日 15:09
- WEB全般
マイクロソフト社は8月28日より、
Webブラウザ「Internet Explorer」の最新ベータ版
「Internet Explorer 8 ベータ2 日本語版」
の配布を開始しました!!
便利機能の追加や、セキュリティ機能の強化に加え、
課題となっていたWeb標準への準拠をさらにすすめました!
ダウンロードは・・・
http://www.microsoft.com/japan/windows/products/winfamily/ie/beta/default.mspx
からどーぞ!
でも・・・、IE8ベータ2の対応OSは
Windows XP / Vista / Server 2003 / Server 2008。
IE7とは共存できないため、インストールには注意が必要です。
一応、IE8ベータ2をアンインストールして
旧バージョンに戻すことは可能です。
気をつけてくださいね!
でわ・でわIE8ベータ2の売りは・・・というと、
「速い」「便利」「安心」の3つのポイント!
●速い
これまでは、HTMLの解析途中にスクリプトがあると、
その解析終了を待ってからHTMLの解析を完了させ、
Webサイトを表示していましたが、
新たにHTMLとスクリプトの解析を並列化。
スクリプトの実行速度は・・・IE6と比べて7倍、
IE7と比べても5倍に高速化しています~
でも、Firefoxとかとは比較をしていないようです><
●便利
新規タブを開いた画面で、
その前に閉じたタブを再度開く機能が追加されました。
また、アドレスバーに文字列を入力した際に、
履歴やお気に入り、登録フィードの中から一致する
URLやタイトルを表示してくれます。
うん、確かに便利です。![]()
そして!新たな機能として「アクセラレータ」を搭載!!
サイト内の文字列を選択すると表示されるアイコンをクリック!
対応Webアプリをその場に表示してくれます。
わざわざ・・・「文字列をコピーして、該当するサイトにアクセスして、
検索窓にペーストして、やっと検索」
といった手順がなくなりますね!![]()
●安心
従来のフィッシングフィルタに加え、
新たに「SmartScreenフィルター」を搭載。
ローカルに保存したDBの情報とHTTPヘッダの内部を解析し、
マルウェアの危険性があるファイルをダウンロードしようとすると
ブロックしてくれます。
特にウイルス対策ソフトを切っていたり、
最新の定義ファイルに更新していなかったりする場合にも
安全性が向上できる!としています。
すごいですね~!
あと・・・これは個人的に便利と思ったものですが、
「自動クラッシュ復元機能」
あるサイトを閲覧中にIE8がクラッシュした場合、
従来はWebブラウザ全体が再起動していたが、
IE8ではクラッシュしたサイトを見ていたタブだけが再起動し、
ほかのタブには影響が及ばない設計になった。
タブ自体で完全な独立型ブラウザになっている、ということですね
そして、これが一番の変更点ですが!
IE4からCSSなどの独自拡張を行ってきましたが、
IE6から標準への準拠をすすめ、
IE8では標準を順守して
「IE向けサイト」を作る必要がなくなったと!
しかも、下位互換性にも配慮してくれるという!
標準レンダリングの「IE8描画モード」に加え、
「IE7標準モード」を用意しています!
IE7には完全対応したサイトながら、
IE8では表示が崩れたり動作がおかしいようなサイトでは、
IE7モードを使えばIE7と同じように動作するようになるそうです!
IE8描画モードで問題が起こりそうな場合、
アドレスバーの右端に「互換表示ボタン」が表示されるので、
そのボタンを押せばIE7モードで描画されます。
IEブラウザを利用している日本人は8割から9割・・・。
ということは、逆を言えば
1割以上がそれ以外の環境でみているってことです!
IE8の登場でどう・・・かわるのかな・・・
でも、
IE8の正式版の配布時期は、まだまだ未定????
- Comments (Close): 0
- TrackBacks: 0
ブブログ?
- 2008年9月 9日 10:09
- WEB全般
ふと思いました。![]()
「ブログ」という言葉は
「WEB」と「LOG(記録する)」を組み合わせた造語
「WEBLOG」の省略形です。
ってことは・・・
このWEBブログは正確には「ウェブウェブログ」?
・・・くどい。
省略すると「ブブログ」???
・・・ん~。
WEBブログもはじまってからしばらく経ったことですし、
愛称募集中です^^
- Comments (Close): 0
- TrackBacks: 0
色~女性がキレイになる理由~
- 2008年8月 7日 13:00
- WEB全般
さてさて、女性って・・
お年頃になればなるだけ(●´ω`●)ゞ
どんどんキレイになりますね~・・
って違うって?![]()
いえいえ、ほら、お化粧とかするじゃないですか。
さてそのときに、チークとか入れたりしますよねー
色の種類の多さに驚きです(ノ゜ο゜)ノ
そうなんです、マネキュア、リップ、アイシャドウなんて、もー色がいっぱいです・・
この中で・・自分の肌色のベースと合わせて何となく色を決めていると思うんですけど・・・
女性はファッションにおいても色彩豊かだったりして、非常に男性に比べて、
色を選択する機会が大人になっても豊富なんですね~
だから、男性より女性の方が色を見るセンスは優れてます。
一方男性は、結構はっきりした色を選ぶ傾向にあるんじゃないでしょうか?
原色好きとか。
単純に微妙な色の違いを楽しめないんですね(>_<)・・
カラーコーディネーターに女性が多いのも納得です。
男性もいますが・・・想像にお任せします。
余談ですが、男性は微妙な色の違いではなく、変化は好きみたいです。
なんていうか、奥行きのある色って言えばよいですかね・・・ 
それでは、女性の皆様お待たせしました。なにが・・!? (;^_^A
いやそれはたいしたことないので、次回にします。
- Comments (Close): 0
- TrackBacks: 0
色彩感覚
- 2008年7月21日 23:41
- WEB全般
WEBとは直接関係ありませんが・・・ものすごく大事です(^∇^)
何の話??本日は「色彩」です。
世の中の多くのモノには色がついていますね。
この色の組み合わせにより、人の心理状態までもコントロール出来てしまうんです。
たとえば、赤い部屋に入っていると・・血圧があがったりします。
なので、低血圧の方におすすめなのが、朝食で赤系の食べ物を目に入れてあげると・・良いんです。
血行がよくなりますよ。
さて、血行がよくなったところで・・男性のみなさんに残念なお知らせです。
一般的に訓練してない場合、色の見える幅・・が男性と女性では異なります。
脳のメカニズムが異なるんですね・・。
この話をすると・・原始時代の話まで戻って話さないといけないので・・割愛します
どーゆうことかというと、
同じ黒でも、ちょいうすい黒 すこし薄い黒 わずかにうすい黒と、
女性は見分けることができますが・・
男性にはそれができません。(ノ_-。)
女性には見分けることができるので・・・
そーいえば、世間ではバーゲンな時期ですね・・
で売り場で・・
彼女「どっちの色が良い?」
彼氏「どっちでも・・・」
なんてのがあるんですが・・・
ほんとに、男性の場合どっちも同じ色に見えている場合が多いです。
特に男性は大人になるにつれて、色からどんどん離れて行きますから・・
どんどん色との関わりがなくなっていくんですね。
で、女性はといういうと・・・・
おっと時間のようなのでこの続きは次回書きます
- Comments (Close): 0
- TrackBacks: 0
ブログ、はじめました。
- 2008年7月18日 23:52
- WEB全般
ブログって、いつからこんなに流行りだしたんでしょうね。
突然、みんな書き出した、って訳でもなく、
ゆるーり少しずつ、みんな書くようになった・・・そういう印象ありませんか??
WEBに関するブログ、はじまりましたね~
もりだくさんのメンバーが書いていくブログですもん、
記事もどんどん、楽しいこと、書いていきたいなぁ。
皆さんにもWEBって面白いなぁっていうきっかけになったら・・・うれしいですね。
さ、ブログについてです。
世界で一番、ブログ流行ってる国、どこだかご存じですか??
日本なんです。あの大国アメリカよりもブログ書いている人、多いんです。
NO.1。すごいですよね。
でも、よく考えてみれば、
それって、日本人気質にすごく合うから、な気がしています。
目と目を合わせて、どこでもオープンに話し合う、
そんなアメリカ(というか外の国の方々)と、
メールでのしたたかなコミュニケーション爆発!な日本では
大きな違いですよね。
やっぱり、文章にして、自分の気持ちを伝えたい♪って思うのが、
やさしい日本人の気質なんだろうなぁ、と思ったりしまして。
素晴らしいことだと思います。
自分の気持ちを押し殺さずに、伝えていく。
それを日常でも、楽しくがやがやみんなと話せるような、
あなただけのブログに託すっていう。
芸能人の真鍋かおりさんのブログ(http://manabekawori.cocolog-nifty.com/blog/)
が、若者・サラリーマンのブログを始めるきっかけになり、
古田監督のブログが当時話題に上って(http://atsuya-furuta.blog.so-net.ne.jp/)
それからお笑いの「品川庄司」の品川さん、「しょこたん」こと中川翔子さん、
今ではグループ「羞恥心」の上地雄輔さんとか、杉浦太陽さんとか、ダルビッシュ有さんとか・・・
たくさんの著名人のブログが話題になって、
もう、ブログが特別なプライベートを公開できる広告みたいにもなってきてますよね。
それが決して悪い事じゃなく!
それだけ、日本人って、やっぱり書くことが好きなんだと、実は好きだろーみんな、
と思ったりするんです。
mixiのようなSNSも、WEBを使って文章を書くことに、多大な功績を残してくれています。
すごいですよ、ベンチャーさん。
さらに、すごいですよ、ブロガーのみなさん。
WEBをここまで近い距離にしてくれたのは、まぎれもなく、ブログのおかげです。
今読んでいるみなさんが、
WEBに関心があったりなかったり、ブログ書いていたり書いていなかったり、
一人一人違うとは思うんですけど。
このブログでも、みなさんが読んでて楽しくなれるように続けていけたらいいなぁ、
と心から思っています。
ではまた、次の記事でー
- Comments (Close): 0
- TrackBacks: 0
Home > WEB全般 ブログ記事 一覧







