デザインについて（たまに違うネタもありますが・・）、

小ネタを不定期でTwitterを使って発信させて頂いています。

http://twitter.com/lrsport

是非、デザインに興味がある方はご覧下さい。

何かのデザインのヒントや新しい視点を見つけられればと思います。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでWebデザインを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

日ごろみなさんに良い情報を提供すべく、スタッフ一丸でブログを書いています。
 

ブログが当たり前になった今日ですが、

今回は「プロのブロガー」について書いてみます。

ブロガーは大きく分けて4つに分かれます。

1. 趣味で書いている人
2. 副業収入でやってる「パートタイムブロガー」
3. ブログが本業とか会社経営で会社について書く「個人事業主ブロガー」
4. 勤めている企業のブログを書く「企業ブロガー」

ブロガーの大半は趣味で書いていますが、

中にはブログで収入を得ている人もいますし、

将来の収入を望んでいる人もいます。
 

そして、今年はプロのブロガーがもっともっと増える見込みです。

今やブログは立派な「メディア」だと言われています。
 

紙媒体が衰退していってる今、急成長しているのがブログです。

プロのブロガーは月額制で個人や法人に情報を提供し採算を取ってます。
 

月額500円で、会員1000人でも年間600万になります！
 

これに法人契約でもあればすごいことになります。
 

でも、プロのブロガーになるためには日に15本、

月に300本はブログを書かないといけないんですって。

（たいへんだぁ～）
 

プロのブロガーのほとんどは「twitter」もやってます。

プロのブロガーの中には元々テレビ・新聞・雑誌・ラジオなどの

従来型のメディア経験者も多いので有益な情報をもらえるはずです。

私はとてもプロのブロガーにはなれませんが・・・。

このブログを呼んでいただいてる人の中にも

ブログが大好きという人もいると思うので目指してみては？

今後もブログ業界から目が離せません。

--------------------------------------------------------------------------------

パソコンスクール KENスクール池袋校　Webインストラクター
http://www.kenschool.jp/school/ikebukuro/index.html

KENスクールでWebの基礎知識を学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

参加者は右肩上がり・・・その理由は、

自分が作ったiPhoneのアプリがヒットすれば一攫千金も夢ではない

からです

自分も興味が湧いたので

どうやってアプリを作るのか調べてみました。

まず事前準備

1. iPhoneアプリを開発するPC－Mac （10万円くらい）
2. Appleのアカウント （無料）
3. iPhone Developer Programのライセンス （有料）

アプリ開発に使用する「iPhone SDK」というソフトが

Macにしか対応していないようなので、

まずはMacを購入する必要があるようですね。

また、実際使う開発ツールは「X-code」という名前ですが、

「iPhone SDK」と一緒にインストールできるみたいです。

あくまでもMac対応のみになります。

上記のアカウントなどライセンスの登録はここからできます。

http://developer.apple.com/jp/

調べてみて分かったことは、先行投資は必要になると言うことです。

興味を持った方はチャレンジしてみては？

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでMacOSを使用したデザインを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

それは、良いサイトを参考にすることです。

みなさんは普段どんなサイトを見ていますか？

普段から見た目の良いサイトをたくさん見ておくと、

いざサイトを作らなければいけない時に

イメージに合うサイトを参考にする事が出来ます。

では、どんなサイトが良いサイトと言えるのか？

1. 見た目の良いサイト（かっこいい、かわいいなど）
2. 分かりやすいサイト（すぐに見たいページに行けるなど）

見た目の良い又は分かりやすいサイトのリンク集を普段から作成しておくことで

自分のサイトデザインの幅を広げておくことができます。

参考サイト

• http://www.ikesai.com/
• http://www.kenschool.tv/

普段から意識して、自分の主観を持っておきましょう。

 --------------------------------------------------------------------------------

パソコンスクール KENスクール京都校　Webインストラクター
http://www.kenschool.jp/school/kyoto/index.html

KENスクールでサイトデザインを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html

Kenスクールでは不定期でデザインコンペを行っています。
 

今回のコンペは「カバーデザインコンペ」です。

内容はKenスクールで近日中にリニューアルされる

グラフィックテキストのカバーのデザインを作っていただくというもの。

PhotoshopCS5、IllustratorCS5の

テキストカバーデザインコンペということですね。

最優秀賞に輝いた方のデザインは

本当にカバーとして使用される他、話題の「Apple iPad」が贈られます！

また、惜しくも次点になった方にも商品券などの商品が用意されています。

優秀作品はKenスクールWebサイトでも紹介させていただきますし、

オリジナルデザインということで就職活動用のポートフォリオにも使用可能です。

まだまだ時間がありますので、たくさんのご応募お待ちしております。

コンペ内容

http://www.kenschool.jp/img/pdf/kenschool_cdcompe1_100701.pdf

最優秀賞は話題のiPad!

http://www.apple.com/jp/ipad/

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでデザインを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

JavaScript・Ajax、Flashで作りそうな、

画像をフェードイン・フェードアウトをさせるサンプルを作成してみました！！

※ブラウザはSafari・Google Chromeで確認してください。

*{margin:0; padding:0;}

 div{
    margin:0 auto;
    position: relative;
    width:500px;
    height:500px;
    background:#ab9;
 }

#img1 {
    position: absolute;
    top: 50%;
    left: 60%;
    margin-top: -157.5px;
    margin-left: -157.5px;
    opacity: 0;
    -webkit-animation: fadeInAndOut 5s ease;
}

#img2 {
    position: absolute;
    top: 50%;
    left: 60%;
    margin-top: -157.5px;
    margin-left: -157.5px;
    opacity: 0;
    -webkit-animation: fadeInAndOut 5s ease 5s;
}

#img3 {
    position: absolute;
    top: 50%;
    left: 60%;
    margin-top: -157.5px;
    margin-left: -157.5px;
    opacity: 0;
    -webkit-animation: fadeInAndOut 5s ease 10s;
}

@-webkit-keyframes fadeInAndOut {
    from {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

サンプルURL

http://web.kenblog.net/img_webblog/web093_img/sample.html

opacityというプロパティは透明度の指定になります。
 

rgbaというプロパティも同じように透明度を指定するものですが、

次回どんな違いがあるのかご説明いたします！！

opacityは全てのブラウザでは対応していません。
 

Safari4・Firefox3.5・Opera10で表現できますが、

IE(インターネットエクスプローラー)では表現できません。

値は0～1で指定します。

 1　　通常時
 0.9　　↓
 0.8　　↓
 0.7　　↓
 0.6　　↓
 0.5　　↓
 0.3　　↓
 0.4　　↓
 0.3　　↓
 0.2　　↓
 0.1　　↓
 0　　完全な透明

このプロパティを使い、配置した画像を透明にしています。

そして-webkit-animation、これがCSS3のプロパティです！

今回は3枚の画像をフェードイン・フェードアウトさせる設定をするため、

まず一つ一つの画像に対して…

#img1には→-webkit-animation: fadeInAndOut 5s ease;

#img2には→-webkit-animation: fadeInAndOut 5s ease 5s;

#img3には→-webkit-animation: fadeInAndOut 5s ease 10s;

と指定します。

これらは1つの画像の制御になります。

上記のプロパティに "fadeInAndOut 5s ease 5s;" とありますが、

最初の "5s" 部分は表示時間、つまり5秒を指定しています。

次の "ease" は、最初と最後に少し減速という意味になり、

表示のさせ方を指定するものです。

他にも最初に減速という "ease-in"といった指定もありますので、

色々調べて試してみましょう！！ 

※Flashでいうイージングです。

最後の "5s" は次の画像を表示させるまでの時間です。

一枚目の画像に指定がないのは最初の画像なので、

htmlファイルを開くと同時に表示するからです。

二枚目の画像は5秒後にフェードイン・フェードアウトさせます。

※一枚目が5秒でフェードアウトして消えていくので、
　それに合わせて表示させるため。

三枚目の画像は10秒後フェードイン・フェードアウトさせます。

※二枚目までが10秒かかっているため。

そして最後に@-webkit-keyframes fadeInAndOutですが、

これが画像のフェードイン・フェードアウトを

制御している指定になります。

この記述の中のプロパティのご説明ですが、

@-webkit-keyframes fadeInAndOut {
    from {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

●"from"は開始位置になります。

※Flashでいう1フレーム目。

●"50%"中間位置になります。

※ここは"何%"にするかで変わる。

●"to"は最終位置になります。

※アニメーションを動かすための最終位置。

opacityは上記の説明と一緒なので透明度の設定になります。

このプロパティを記述することで、画像が…

最初は不透明な(見えない)状態
   ↓
中間になると通常(配置した画像)時の画像
   ↓
最後に不透明な(見えない)状態

以上のように変化します。
 

このような記述で

画像にフェードイン・フェードアウトをさせることができます。

CSS3は対応ブラウザに制限がありあますので

実際には中々使わないかもしれませんが、

面白い機能が色々ありますので、

チャレンジしてみると面白いと思います！！

最後にもう一度。

上記でもご説明しましたが、

確認はSafariかGoogle Chromeでお願いいたします！

 --------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでCSSを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

情報をいろいろと調べていたところ、

”CSS3 ドラえもん”

という検索キーワードが出てきました！

見てみると、画像は使わずCSSのみを使用してドラえもんの絵を描いたそうです。

http://shopdd.blog51.fc2.com/blog-entry-932.html

コードは、なんと600行以上にもなるようです。

残念ながらIE8はまだCSS3に対応していないので、

カクカクした絵になってしまいますが・・・そんなカクカクした絵も良い感じです。

CSSだけで画像を作ろうと思ったその思い付きがすごい！

話がずれてしまいましたのがCSS3はまた次回に♪

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでCSSを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html

クリエイターとして、この一文を見て興味を抱かない人はいないですよね？

インターネットコムとgoo リサーチから

定期的にネット広告に関するインターネットユーザーの意識変化を追っていく

「ネット広告に関する定期調査」と言うものが報告されており、

今回で11回目にも上るようです。

その気になる調査結果の結論を先に申し上げますと、

「クリックしたくなる」のはテキストよりもディスプレイ広告ということです。

調査の対象は、全国10代～50代以上の1078人のインターネットユーザーで、

男女比は男性52.4％、女性47.6％とのこと。

「広告リンクをクリックしたことがある」と回答した方は69.5％（749人）で、

約7割の人に認知・浸透しているとの数字が出ております。

また、検索した際にそのような広告リンクを「必ず見る」「よく見る」と答えた人は

58.5％と、リンクの遭遇率は6割近いとのことです。
 

反面、「めったに見ない」と答えた人は6.5％（49人）だけだそうです。

ユーザーの興味を示すような広告リンクをユーザーに分りやすく配置すれば、

効果的にクリックしてもらえるということですね。

ではその中で、「クリックしたくなるリンクは？」

やはりここが一番気になるところですよね！

それは、、、

「バナーや画像、Flash など」

が最も回答を集めたようで、約半数の48.5％（523人）を占めていたようです。

やはり、「バナーや画像、Flash など」のような

視覚的効果のある広告は伝わりやすいということですね。
 

自分自身に置き換えて考えてみても、同様の回答をするかと思いました。

ということは、、、

そのようなサイト製作を心がけていかないといけない。

ということです。

バナーというのは最小限のスペースで載せる事ができ、

なおかつ有益な広告なので、サイト内に含めない手段はないですよね。

Flashにおいても、ただムービーを流すだけでなく、ActionScriptを取り入れて、

Flash上で様々な制御ができるようなサイトを考慮していかないといけませんね。

要するにユーザビリティをしっかり考えて制作しないといけないということですね。

皆さんも、ポートフォリオに取り入れてみてはいかがでしょうか？

 --------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでサイト製作の極意を学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

CS5の新機能についての記事を掲載させていただきました。

このCS5ですが、KENスクールでも受講生の方へ

「指定校ライセンス版」の販売ができます。
 

Adobeのサイトにも説明があるとおり・・・

「指定校学生向けライセンスプログラムは、CLP加入校の学生が、

Adobe Student and Teacher Edition【学生・教職員個人版】よりも、

お得にご購入いただけるCLPのオプションです。 」

http://www.adobe.com/jp/education/purchasing/slp/licensing/index.html

KENスクールでの販売価格は、スクールホームページを参照してください。

これから学習を検討の方も、現在学習中の方も是非ご覧ください。

http://www.kenschool.jp/adocs.html

一流の料理人が専用の包丁を持っているのと同じで、

Webデザインのプロを目指すのであれば、

身近な所(ご自宅)に開発環境が必要ですよね！！

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでAdobe製品の操作を学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

「ちょっとサイトの横幅が小さいんじゃないか？」

とご指摘させていただきました。

結構適当に作ったらしく（こらっ!!)、

せっかく他の競合サイトを分析してから作成しているのに、

そのサイトの業種の標準サイズにあっていません。

もし作成がある程度進んだ段階で気付いたとしたら、

写真もボタンもすべて作り直しになってしまうのでとっても手間です。
 

まだ初期段階で気づいて良かった…。

とりあえず画面サイズを測って、という話になって

Photoshopで作業していただきましたが、

いちいちPhotoshopを起動しなくてもサイズを測れる方法があります。

例えばFirefoxのアドオンを使う方法などもありますが、

ブラウザに関係なく測りたい、とか画面外のこの部分のサイズを知りたい、

という場合に便利なフリーソフトをご紹介します。

Screen Ruler

http://wonderwebware.com/screen-ruler/

試しに「Screen Ruler」のサイトの一部を測ってみました。

おお、ページの上の余白は56pxなのね。

という具合に調べられます。
 

ちょっとサイトが英語なのでやだなあ、という方や、

いまいち使い勝手が…という方は

「画面サイズ　測る」などのストレートなキーワードで検索すると

他にも似たような機能を持つソフトがヒットします。

画面サイズだけではないですが、

検索してみると意外と便利なソフト（しかも無料）で見つかるかもしれませんよ。

 --------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでPhotoshopを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

とうとうCS5が発売になりましたね！
 

すでに購入された方もいらしゃるのではないでしょうか！？

今回イラストレーターCS5の新機能をご紹介です。


イラストレーターでイラストなど作成する際、

オブジェクト(図形)を描画して、そのオブジェクト(選択された)の中の塗りだけに

ブラシなどで模様を描きたい場合、オブジェクトからはみ出してしまう、

といった経験があるかと思います。
 

そんな時CS5だと、選択したオブジェクトからはみ出してしまっても

大丈夫な便利な新機能が追加されました！


それは、｢内側描画｣というものです。

男の子のイラストを描画して洋服に柄を付ける

といった例でご紹介いたします。

このように非常に便利な機能がCS5には追加されています！

ほかにも新機能が満載ですので、

作業効率を上げるためにも新機能を使いこなせるようになりましょう！！

--------------------------------------------------------------------------------

パソコンスクール KENスクール京都校　Webインストラクター
http://www.kenschool.jp/school/kyoto/index.html

KENスクールでIllustratorを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

前回のPointクラスの解説は以下の内容について

サンプルを紹介させていただきました。

• polar(角度と距離からの座標点取得)
• offset(基準点の変更)

第四回では

• normalize(基準点からの角度はそのままに、基準点からの距離を変更する)

についてのサンプルを紹介させていただきます。

normalizeはベクトルの角度は保ち，距離のみを変更できます。

説明を書くと若干言葉が難しくなりますが、

サンプルを動作させるとわかりやすいかと思います。

今回のサンプルはステージ上にスライダーが用意されています。

役割は以下のようになります。

• スライダー：基準点からポイントまでの角度を保ちながら距離を移動させる

（サンプルは別ウィンドウで開きます。下の画像をクリックしてください。）

青い点とステージ左上の基準点(0,0)の位置を直線で結んでいますが、

スライダーの値を変更しても赤い点は必ずこの直線上を通る

ことが分かると思います。

これがPointクラスのnormalizeメソッドの動作となります。

ここまで４回に渡り紹介させていただいた

ActionScript3.0のPointクラスですが、いかがだったでしょうか？

プログラムを作成するとき、自分でなんとなくプログラムを組むのではなく、

実際にこのプログラムを動かすとどのようなこと起こるのだろう？

と考えて作成してみてください。
 

そうすると、なんとなくサンプル通りに動いた！ではなく、

自分で考えてプログラムを作成することができるようになるはずです。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでFlashを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html
 

前回は、以下の内容についてサンプルを紹介させていただきました。

• interpolate(内分点)

第三回では

• polar(角度と距離からの座標点取得)
• offset(基準点の変更)

についてのサンプルを紹介させていただきます。

polarは特定の座標点から角度と距離を指定することで、

その位置にある座標点を求めることができます。
 

例えば座標点(10,20)から角度30度で

直線距離150pxの距離にある座標点を求めます。

offsetは基準点を変更します。

Flashでの基準点は基本的にステージの左上、

つまり(0,0)の位置に存在します。
 

基準点が（0,0）の状態ですと、今回のサンプルは

部分的に表示できない場所が存在してしまうため、

基準点をステージ中央の青い点に変更しています。

今回のサンプルはステージ上にスライダーと

円形のスライダが用意されています。

役割は以下のようになります。

• スライダー　：　距離を変更
• 円形スライダー　：　角度を変更

スライダーを移動すると、

ステージ上の青い点から遠ざかるように赤い点が伸びます。
 

円形スライダーをドラッグで操作すると、

赤い点が青い点を中心に回転します。

両方のスライダーで求められた

「距離」と「角度」に置かれた赤い点の座標が

Pointクラスのpolarメソッドで求められた座標点

ということになります。

（サンプルは別ウィンドウで開きます。下の画像をクリックしてください。）

サンプルを見ていただくと分かりますが、

赤い点は青い点を基準点として動作します。
 

これは赤い点の基準点を青い点を同一の場所に変更しているためであり、

もしも基準点を変更していない場合であれば、

ステージ左上の(0,0)の位置で動作することになるため、

0度～90度までの動作は確認できますが、

それ以外の部分はステージ外となるため確認できなくなります。

そこで登場するのがPointクラスのoffsetメソッドです。

offsetを使用すると基準点が変更できるため、

赤い点の基準点を(0,0)から青い点の位置に変更して

ステージ中央でアニメーションされるようにしています。

このようなメソッドをうまく扱うことができれば

基準点から円形にシンボルを配置したりすることも可能です。

次回のpointクラスの解説は

• normalize(基準点からの角度はそのままに、基準点からの距離を変更する)

について紹介させていただきます。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでActonScript3.0を学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html

前回のPointクラスの解説は

以下の内容についてサンプルを紹介させていただきました。

• add(加算)
• subtract(減算)
• distance(距離)
• equals(等しさ)

第二回では

• equals(等しさ)
• interpolate(内分点)

についてのサンプルを紹介させていただきます。

メインはinterpolate(内分点)メソッドです。

interpolateメソッドは、２点の座標点間を0～1までの数値で分割し、

その間にある座標点を取得するメソッドです。

今回のサンプルはステージ上にスライダーが用意されています。

スライダーの設定値は以下の通りになります。

左端：0

右端：1

1メモリ：0.1

（サンプルは別ウィンドウで開きます。下の画像をクリックしてください。）

スライダーを動かすたびに2点の間をポイントが移動するのが分かります。

このスライダーを動かしたときに置かれるポイントが

interpolateメソッドで取得された値ということになります。

このようなメソッドをうまく扱うことができれば、

開始と終了点との間に等間隔に杭を表示するなど、

普通に行うと面倒なことも比較的簡単に行えるようになります。

次回のPointクラスの解説は

• polar(角度と距離からの座標点取得)
• offset(基準点の変更)

について紹介させていただきます。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでAction Script 3.0を学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html

Pointクラスは座標をコントロールするクラスです。
 

Flashではアニメーションを行う際に

ステージ上に配置されたシンボルなどの座標をコントロールすることがあるのですが、

その座標点をコントロールするのがPointクラスです。

Pointクラスは、ActionScript3.0を実行する上では覚えておきたいクラスになるため

計4回のシリーズで解説していきたいと思います。

Pointクラスには以下の代表的なメソッドが用意されています。 

• add　・・・　座標点と座標点を加算する
• subtract　・・・　座標点と座標点を減算する
• distance　・・・　座標点と座標点の距離を調べる
• equals　・・・　座標点と座標点が等しいかを調べる
• interpolate　・・・　座標点と座標点の間に座標点(内分点)を作成する
• normalize　・・・　基準点からの角度はそのままに、基準点からの距離を変更する
• polar　・・・　特定の座標点から角度と距離を指定することで、その位置にある座標点を求める

上記のようなメソッドが用意されているのですが、

説明を見ただけでは分かりづらいため、動作確認を行うサンプルを作成しました。

今回のPointクラスのサンプルは

• ステージ上にある赤いポイントを「point1」
• ステージ上にある青いポイントを「point2」

として、

それぞれのポイントの

• add(加算)
• subtract(減算)
• distance(距離)
• equals(等しさ)

を検討するサンプルになっています。

（サンプルは別ウィンドウで開きます。下の画像をクリックしてください。）

使い方はpoint1とpoint2の座標を数値で入力するだけです。
 

入力された値にしたがって加算されたポイントと減算されたポイントが

マーカーにより出現します。
 

当然ながら加算位置と減算位置が

ステージ上を大きくはみ出す場合もあります。
 

あくまでもサンプルなので作りこみは大したことはありませんが、

動作を確認する上では非常に役立つ物となっています。

次回のPointクラスの解説は

• equals(等しさ)
• interpolate(内分点)

について紹介させていただきます。

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでFlashを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html