求職者支援訓練を受けたWEBクリエイターの毎日 https://ameblo.jp/good-web-school/ 求職者支援訓練を受講しようとお考えの方、WEBデザイナーになりたい方、学校(スクール)に通おうとしてる方へ少しでも力になれれば嬉しいです！ ja クリエイターの必需品 Photoshop!

Photoshopでは特徴的なブラシを使うことができます。例えば丸型や星型のブラシを散布させることが可能で1個1個のブラシごとに角度や色相、透明度などを代えることが可能でさらにインターネットなどでブラシ素材を配布されているサイトがあります。サイトからブラシのデータをインストールすることによりさらに自分が作りたいものに近い画像を創作することができるでしょう。

Photoshopではgifアニメーションの生成も可能です。これらはサイトのバナーを作成したち飾り絵に動きをつけたりしたいときに便利でしょう。他に動く絵を作るソフトにはFlashと呼ばれるソフトが存在しますがこちらのほうがよりお手軽な動的画像を生成することが可能です。

Photoshopはpngやjpeg等、様々な画像形式を取り扱っています。また、用途に合わせて最適の形式の画像を生成することも可能です。WEBで使う画像の場合、なるべく画質が高い状態を維持しつつ、容量を少しでも減らしてWEB上にいち早く表示されるようにしたいところですが両者の関係は反比例です。つまり綺麗な画像程表示に時間がかかり、逆に軽い画像だと画像が汚くなってしまいます。そこでPhotoshopでは最適の画像を目で複数の完成系の画像見比べながら保存が可能なので最適な画像が生成できます。

同じ設定の解像度変更やフィルターを使う場合はアクション機能の出番です。アクションとはあらかじめ画像処理の順番を記録しておいて1ボタンでその記録した処理と同じ処理が一瞬で施されるというものです。特に多数の画像に同じ処理を施したいときに重宝します。

筆者が知る限りではPhotoshop以外でここまで便利な画像処理ソフトは存在しません。しかしお値段もそれなりにかかります。ごく普通の一般人がPhotoshopを購入しようとした場合、費用は10万円前後はかかります。ソフトとしては非常に高価な値段ですがそれに見合うだけの機能は備わっているかと思います。直、訓練校等で在学中の場合、学生割引が聞くようになりますのでPhotoshopが欲しいと思われている方はまず訓練校等でPhotoshopの知識をつけた後、卒業前に他の必須ソフトごと購入することをおススメします。こんなに便利なソフトが格安で購入できる機械なんて滅多にないことですからね。

以上でPhotoshopについての記事の記載は終了します。最後まで読んでいただきありがとうございます。 ]]> https://ameblo.jp/good-web-school/entry-11388328826.html Mon, 29 Oct 2012 16:15:57 +0900 クリエイターの必需品 Photoshop!
Photoshop。読み方は「フォトショップ」で、日本語訳で「写真屋」という意味を持ちますが文字通り、画像編集、加工についてこのソフトの右に出るソフトは存在しないと言っても過言ではないでしょう。　Photoshopでは画像の明度、彩度、色相、明るさやコントラストなどを自由自在に変換できるほかに画像のトリミング（切り抜き）機能、レイヤー機能やフィルター機能まで備わっています。ここまでならフリーソフトでも案外可能なことですがPhotoshopの真骨頂と言えば何といっても並ならぬ画像の加工能力です。例えば「人の顔の傷を消したい」と思ったときに普通のソフトだと似たような色で塗って誤魔化すことがありますね。Photoshopの場合はスポット修正ツールやパッチツールを上手く使えば一瞬で違和感なく顔の傷を無かったことにすることができます。顔の傷の小規模な修正ならまだしも「物体を丸ごと動かしたい」というときは他のソフトではかなり困難な作業になることでしょう。Photoshopではソフトが計算してくれることにより、コンテンツに応じて移動すること、塗りつぶし等が可能で正に魔法の如く、物体を移動させることが可能です。ただし完全に違和感のない画像にするならそれなりの技術が必要となります。

また、Photoshopは同じAdobe社製品であり、ベクター形式の画像と取り扱いを得意とするIllustratorと連動可能なソフトです。Illustratorで作成したロゴなどをそのままPhotoshopで使うことも可能です。また、文字ツールやパスツールなどはIllustratorと殆ど使い方が同じです。だからPhotoshopを学ぶなら同時にIllustratorを学んでおくと良いでしょう。Photoshopで学習したことはIllustratorでも役に立ちます。

続きは明日の記事で！
]]> https://ameblo.jp/good-web-school/entry-11388328259.html Sun, 28 Oct 2012 16:15:18 +0900 求職者支援訓練のススメ

ネットでざっくりと調べたところ、都内のWebスクールだと100時間程度の講座で30～40万円くらいの費用がかかります。
私の訓練校では半年間で400時間の授業がありましたので、やはり有料のWebスクールに通うより【求職者支援訓練制度】の方が断然お得なのです。

訓練校の講師は現役の経験豊富なWebクリエイターの方です。
実務で本当に使えるスキルをしっかりと教えていただけます。
【求職者支援訓練制度】は、パソコン初級者でも「親切・丁寧」に教えてくれるので、経歴や年代を問わず安心して学べることができます。

Web系訓練校の訓練期間は4ヶ月か半年間のカリキュラムが多いのですが、私は半年間をお勧めします。
4ヶ月だと総合的な技術を習得するには時間が足りないと感じるからです。
Webデザイナー志望の方でも、コーディングの仕組みを知らないと、ちょっとしたことで不具合が発生したりするので、基礎程度は知る必要があります。
デザイン・コーディング両方できるほうが、幅広く就職活動ができますし、総合的にWeb制作ができるクリエイターを求める企業は多いです。


さて【求職者支援訓練制度】押しできましたが、有料スクールにも【求職者支援訓練制度】には無いメリットはもちろんあります。
でもどちらを選ぶにせよ、貴重な数ヶ月を費やすことになりますので、インターネットなどでしっかりと比較して、自分の環境や目的に合った学び方を選んで下さいね。

私は出来ることなら【求職者支援訓練制度】で1年ぐらい通いたかったです。
常に新しい技術に目を向けて、地道に勉強しながら更なるスキルアップを目指して頑張りたいと思います。 ]]> https://ameblo.jp/good-web-school/entry-11388250259.html Sat, 27 Oct 2012 13:36:34 +0900 求職者支援訓練のススメ
おそらくこのブログを読んでいる人は、「仕事に活かしたい」「Web業界で働きたい」という趣向の目的がほとんどではないでしょうか？
私も同様の目的で求職者支援訓練実施校でWeb制作を学んだのですが、本日はこの【求職者支援訓練制度】についてお話します。

実の所、私は以前からWeb制作を学ぶなら絶対【求職者支援訓練制度】を利用しようと思っていました。なぜなら巷のWebスクールに通うよりも圧倒的に利点が多いと思っていたからです。

【求職者支援訓練制度】の良いところ

　・3ヶ月～半年間の訓練が無料で受けられる。（テキスト代は負担）
　・訓練期間中に月10万円の給付金が受け取れる。（受給条件あり）
　・自宅から訓練校までの通所手当が支給される。（上限額あり）
　・給付金だけでは生活費が困難な人は、希望に応じて「求職者支援資金融　　　資」を利用できる。（返済義務あり）
　・月収8万円以下であればアルバイトをする事も可能。
　・adobeのソフトが学割価格で購入できる。（一部の訓練が対象）

つまり条件が揃えば、月10万円＋交通費を受け取りながら勉強できるという、スゴ～くお得な制度なのです。
また、公的機関（ハローワーク）の制度なので、キャリアコンサルティングや職場見学といった就職支援を受けることができます。

続きは明日！
]]> https://ameblo.jp/good-web-school/entry-11388250016.html Fri, 26 Oct 2012 13:35:49 +0900 Webデザインの仕事の面白いところと大変なところ しかしながら、まったく自由ではない、決められた条件の上で作品を作っていく。

職業訓練でデザインを制作する場合、ある程度の縛りはあっても基本的には自由に
思い通りのものを作っていくのに対し、実際仕事をするとなるとテーマやルールやイメージを
忠実に相手の気に入る形で表現しなくてはならない。

人間好きなことに対して表現することはそんなに苦にはならないが、自分の興味ない事や
好きでもない事を表現するのは結構大変だ。だって分からないし、興味ないんだもん。

しかし、そこからがクリエイターとしての腕の見せ所、相手の条件を満たす形で自分の表現を
織り交ぜていき最終的に双方が満足するものを作り上げる。
まあ、そういけば一番なんだけどそう思い通りに行かないところがトコロでもあるんだな、
自分でいいと思っても相手側もいいと思うとはかぎらない、時には頑張り、時には妥協しながら
作品を作り上げる。
でも最終的に仕上がった作品はやっぱり手塩に掛けたわが子のようで愛おしいんだよね～

過去、クリエイターの作品作りって紙媒体が主だった。
デザインも紙に描いてそれを印刷したりして流通させていたし、会社の情報も会社案内という
パンフレットで確認したり、今とずいぶん違う世界だった。

今はどうだろう、ファッションやトレンド情報のみならず社会の情報もネットが早く、便利だと
またたく間に世界に浸透した。
これからもどんどんネット社会が加速し、雑誌やTVの役割が減っていき、益々大きなメディアに
なりつつある可能性は大きい。
そんな世の中においてWebデザインの役割はやはり大きいと思う。
この技術を持っているか持っていないかで仕事の幅が大きく変わってくる気がする。

でもクリエイターって楽な仕事じゃない、常に人より前を歩いていないと注目してもらえない。
自分より半歩遅い情報やトレンドを見たい人はいないからね。
そのためアンテナを張り巡らして常に流行をキャッチしたり、新しい事にチャレンジしていく行動力
や好奇心を持っている人でないとツライかも。
しかし、それはそんなに難しいことじゃない、ほんの少しの気持があれば大丈夫。
興味を持ったことに対して調べてみて、枝を伸ばしてその周りも調査していく。
そのうちどんどん知りたい気持が広がっていく、そんな感じでもいいと思う。

いずれにしても、自分が表現したい、分かってもらいたいという気持をかたちにしていく事が大切だと思う。
デザインは自分自身でもあるからそれをどう具象化していくか。

Webデザインはまだ歴史も浅いのでこれからもっと新しい技法がいろいろ開発されるだろうし、
自分で新しい技術を作っていくことも、もしかしたら可能なのかもしれない。
そんな可能性に満ちた仕事って数少ない気がする。大変なことも沢山あるけどやりがいも大きいのだ。
]]> https://ameblo.jp/good-web-school/entry-11388248614.html Thu, 25 Oct 2012 13:32:49 +0900 いいデザイン、悪いデザインの違いとは？

『デザイナー』という肩書きは、『なんか自分の好きな事や物を自由に創造できてかっこいな～』と思う憧れの存在
だったりしますよね。


しかし、全く自由になんて出来るのは、芸術家の域に入っている方々だけで、
一般的には、仕事を依頼してくるクライアントがいて、それを利用するユーザーがいて、実際に制作する自分（デザイナー）が
いて、という中で仕事をしていきます。


特にWEBデザイナーは、クライアントの意向や、ユーザ－目線を考えて、デザインをしていかなければなりません。


『なんだ～人の意見を入れたりしなきゃいけないのか～』とがっかりするかも知れませんが、
その中で、デザイナーのセンスを上手く表現する醍醐味があります。
見やすくなった、カッコよくなった、アクセス数が上がった、売上げが上がった、なんて声が聞けたら嬉しいですよね。


その為には、センスを磨くことも重要だし、技術を磨くことも重要ですね。
いろんなサイトを観ることも、刺激が得られるし、大変勉強になります。
また、実際に複雑なプログラムを組めなくても　【こんなことが出来る】と分かる知識は必要ですね。
とはいっても、WEB業界も日進月歩で、全部、熟知するのは大変。。。
せめて、少しづつでも毎日、勉強しましょう。こんなこと言っている私も、知らないことが沢山あるんですけどね＞＜。


ちょっと話が、ずれましたが、良いデザインとは、
上記の2つ、①クライアントの意向、②ユーザー目線（ユーザビリティ）を織り込んで、更に、③SEO対策や　④アクセシビリティが織り込まれたデザインであることです。ただ、装飾が綺麗なだけでは、ダメなんですね～。



ここで、ちょっと用語説明。




  • ②ユーザビリティ【usability】とは？

    利用する人の立場から、様々な機能になるべく簡単な操作でアクセスできることや、使っていてストレスや戸惑いを感じないことなどが、優れたユーザビリティにつながります。


  • ③SEO対策【Search Engine Optimizationの略】とは？

    日本語でいうと検索エンジン最適化と訳されることが多いようです。検索エンジンでいかに、上位に掲載されるように工夫をするということです。これは、SEO対策の書籍があったり、専門の業者もいるほどで、WEB初心者には難しいかもしれません。今は、ちょっと頭の隅に置いておきましょう。


  • ④アクセシビリティ【accessibility】とは？

    簡単に言うと、特に、高齢者や障害者などハンディを持つ人にとって、どの程度利用しやすいかという意味で使われることが多いようです。

    例えば、

    【手や腕の障害のためにマウスを使えない場合、ソフトウェアはキーボードだけで利用可能である必要がある。】

    【弱視や老眼の人にとってはフォントサイズや配色は容易にカスタマイズ可能でなくては見にくい。】

    【視覚障害の人は読み上げソフトを使うので、それに適したレイアウトや記述方法が求められる。】


さらに、、なんて言うと　『まだあるのか～』なんてウンザリしてしまうかもしれませんが、、あと少しです。


⑤早い、軽い、安いの3原則


これは、私が、求職者支援訓練に通っていた時に、最初に教わったことです。
バリバリ仕事をこなしてきた講師の方でしたので、説得力があります。




  • 【早い】とは？

    どんなに素敵なデザインでも制作時間がかかりすぎるのは、NGということです。
    つまり、納期を必ず守ること。あれこれ、デザインをいじっていると、なんか考えがまとまらない、あれもこれもやってみたいで、
    いろいろ試していると、方向性が定まらず、時間ばかりが経ってしまい、結果的に間に合わない～なんてことに....。
    フリーでやっている場合、納期さえ守れば、寝る間を惜しんでベストなデザインを尽くすのは自由ですが、会社でやっている場合、一応、就業時間に限りもあるので、生産性の低さを指摘されてしまいますよね。
    これは、どこの業界でも同じだと思います。


  • 【軽い】とは？

    出来上がったWEBページのデーター量が重いと、実際にブラウザで見る時、なかなかページが表示されなかったり、動きが悪かったりします。
    ページだけにとどまらず、バナーや、イラスト、写真等のパーツ1つとっても軽い方が良いのです。素敵なデザインなのに、動きが悪いとユーザーをイライラさせてしまったりして、
    2度とアクセスしてもらえなかったり、折角の印象を悪くしかねません。


  • 【安い】とは？

    同じクオリティのものが、2つあるとしたら、誰しも、勿論コストの安い方を選びますよね。

そんなわけで、

　　　①クライアントの意向
　　　②ユーザー目線（ユーザビリティ）
　　　③SEO対策
　　　④アクセシビリティ
　　　⑤早い、軽い、安いの3原則

この5つが織り込まれているデザインが、良いデザインと言えるのではないかな～と思います。そして、この対極にあるのが、悪いデザインかな～と思います。いろいろあって、頭が混乱しそうですが、基本を学べば、いろいろ見えてきます。最初は、用語など、よくわからないものですが、私は求職者支援訓練を受けて　だいぶ理解できるようになりました。


最後に、制作者目線で、いろんなWEBサイトが閲覧できるサイトを紹介します。参考にして、良いデザインのサイトを創って下さいね！


]]> https://ameblo.jp/good-web-school/entry-11382599250.html Thu, 18 Oct 2012 16:15:42 +0900 私が好きなソフトと機能（こんな機能があったとは！） 今日は、私の気にいっているソフト（ツール）【Adobe KULER】～IllustratorやPhotoshopのソフトから、読み込む方法～をご紹介したいと思います。


WEBサイトを制作するにあたって、視覚的な部分では、まず、全体のカラーリングを考えます。
イメージカラーの選定は、重要ですよね。 カラー次第でがらりと雰囲気が変わってします。 あれこれ迷った時の助けになるのが、Adobe KULER。 使用は、無料です！！


Adobe KULERは、いろんなイメージに沿って作られた5色の色の組み合わせが、検索できるツールです。 ログインすれば、ダウンロードや、自分好みの5色の配色作成もできちゃうんです。見ているだけでも、想像力をかき立てられたり、自分では思いつかないようなカラーリングに出会ったりして、ワクワクします。


このAdobe KULERが、IllustratorやPhotoshopのソフトから、読み込めるって知っていました？


1ヶ月前位に、Photoshopをいじっていた時のこと、KULERパネルを発見！ ファイルをわざわざダウンロード、保存しなくても、簡単に　スウォッチパネルに追加できるんです！勿論、パネル内でキーワードで検索もできます。知らなかった～。早いし、便利ですね～。


以前は、KULERのサイトにアクセスして、気に入ったカラーがあったら、 そのカラーファイル（Adobe Swatch Exchange（ASE）形式）をダウンロード、保存、 IllustratorやPhotoshopで開く…という方法で使用していました。作業に何段階かあって、ちょっと面倒でした。


もともと、このKULERは、求職者支援訓練校に通っていた時に、講師の方に紹介していただいたのですが、 その講師の方（バリバリに仕事をしてきた方）も、ダウンロード、保存、の方法で使用していました。
『IllustratorやPhotoshopのソフトから、Adobe KULERを読み込む機能』はCS5になってからの機能だそうで、意外と知られていないのかも。。。。。


※Adobe KULERは、英語のサイトですが、英語が分からなくても、なんとなく使えてしまいます。 　サイト内の色検索も英語で記入ですが、これ位は、英語の綴りを調べましょう。　使用は無料なので、（安心して？）いろんなところをクリックしてみてくださいね。


【PhotoshopでKULERパネルを開く手順　※手順はIllustratorでもほぼ同じです。】

ツールバーのウィンドウ ＞ エクステンション ＞ Kulerをクリックで、パネルが開きます。

$求職者支援訓練を受けたWEBクリエイターの毎日

検索窓に　検索したいキーワードを記入（英語で記入）。ここでは、『orange』で検索。
検索結果が、出てきます。5色の配色には、それぞれ、テーマ（名前）がついています。

$求職者支援訓練を受けたWEBクリエイターの毎日

使用したいテーマをワンクリックするとアクティブ（バックグラウンドが白くなる）になります。
テーマ名の右に▶が出てくるので、それをさらにワンクリックで、

$求職者支援訓練を受けたWEBクリエイターの毎日

『スウォッチパネルに追加』を選択すると、スウォッチパネルに追加されます。
※kulerパネル右下の『選択したテーマをスウォッチに追加』ボタンをクリックしても、スウォッチパネルに追加されます。

$求職者支援訓練を受けたWEBクリエイターの毎日

※『kulerでオンライン表示』を選択すると、ブラウザで、選択したテーマが表示されます。 大きな面積での確認や、ブラウザー上での見え方を確認するのに、便利です。

$求職者支援訓練を受けたWEBクリエイターの毎日

以上、お気に入りツールの紹介でした。 上手く利用して、素敵なWEBサイト制作に役立ててくださいね！！ ]]> https://ameblo.jp/good-web-school/entry-11381038448.html Tue, 16 Oct 2012 17:18:41 +0900 これからWebサイト制作を始める方へ


皆さんこんにちは。

Webサイトを作ってみたい！！と思っていても、全くの未経験だと何から始めれば良いのか解らない方も多いと思います。私もその中の1人でした。(・・。)ゞ
まずは私が求職者支援訓練制度を利用するに至る経緯をお話します。


私は高卒のアラフォー女性で、販売中心のフリーター歴が長く、20代後半からはPCオペレーターとして、とある専門職種で長期間勤めていました。
業務上でHTMLソースからデータを検索することはあっても、Webサイトがどうやって構築されるのかは解らないし、何故かプログラマーのようなむずしい世界のものだと（笑）当時は勝手に思っていました。

ただ時代は変わり、最近は事務系求人の業務内容にも『HP更新』『Webサイト運営』という項目を目にする機会が増え、「むずかしそう」という偏見が薄れ、「私にも出来るかも」という気持ちになっていきました。

転身を目指して2010年に会社を退職。
諸事情で一時期は事務系職種に就きましたが、転職に失敗したのをキッカケにWebサイト制作への興味が最熱。
でも何をどう始めたら良いのか解らず、自力で勉強する自信も経済的余裕もなかったので、以前から気になっていた求職者支援訓練制度について、ネットで詳しく調べ始めました。
受講対象者であると確認し、募集中のWeb制作系訓練校から候補を選んで、訓練内容の比較を始めるのですが、ここで、どの訓練校のカリキュラムが自分に適しているのかを判断する必要が出てきます。

　◎どのようなWebサイトを制作したいのか？
　◎Web制作において、どの分野で活躍したいのか？
　（デザイナー、コーダー、ディレクション、等）

この2つで、ある程度は学ぶべき技術の優先順位が決まってきます。
私は将来的にフリーでやっていきたいので、デザインレイアウトからコーディング全ての技術を一通り学べるカリキュラムの訓練校を選びました。
入校前は全くの未経験でしたが、修了時には自分なりに満足のいくWebサイトが制作できるようになりましたよ。(´∀｀)


Webサイトを制作する上で準備は必要です。
いくつか参考例を挙げておきますね。

・PC初心者の方はアルファベット入力ができるようにしておきましょう。
・Illustrator・Photoshop・Dreamweaver・Flash などが、どのような使用目的を持ったソフトなのか理解する。
・使えるショートカットキーはどんどん覚えましょう。
　（貼り付け[CTRL＋V]・ウィンドウ切り替え[ALT＋TAB]など）
・様々なWebサイトをとにかくたくさん閲覧して、自分好みのWebサイトがあれば保存しておきましょう。
　（どこがどう好きなのかを具体化すると更に◎です。）
・Web制作関連記事を読んでみる。解らない用語があれば調べる。　等

Webサイトを作るために必要なスキルを挙げるとすれば、adobeソフトの操作技術はもちろんですが、明確な企画力（目的）と発想力、デザイン能力が大事だと思います。
Webサイトは『何のために、何の目的で、どのような人々に閲覧して欲しいのか」といったコンセプトをベースに制作し、コンセプト内容からアイデアが生まれ、アイデアからレイアウトデザインが決まり、決まったデザインを元にコーディングしていきます。
デザイン能力や発想力は感性が大きく影響しますが、感性は様々な経験やたくさんの知識・情報量で磨いていく事が可能だと思っています。
私が実践していることでは、

・ネットで無料素材や無料画像などを検索して、気に入った素材をひたすらアーカイブする。
・Web制作会社のHPから制作実績を閲覧する。
・街中・電車内で目にする広告物に注視する。
・様々なアート･デザイン展に行ってみる。等

むずかしいことは何もしていません。この方法がベストなのかは断言できませんが。


最後に、Web業界に就職活動する方は是非ご自身のポートフォリオサイトを作るのをおすすめします。
紙のポートフォリオでも良いのですが、サイズによってはメール送信できないケースが発生します。企業によっては「ファイル便」でも対応してくれます。ただ個人情報と職務経歴のみで書類審査を進める企業もあります。URLだとPR欄に記載できるので、スムーズに書類審査に進むことができます。
私は著作権保護絡みでポートフォリオをサーバーにupしなかったので、紙のポートフォリオで就職活動に臨み、上記のように苦労しました。使用したことの無いAdobe Acrobatやファイル便の勉強にはなりましたけどね。


皆さんも頑張ってWebサイト制作に励んでくださいね。
]]> https://ameblo.jp/good-web-school/entry-11377058562.html Thu, 11 Oct 2012 19:45:38 +0900 授業の進め方、教室の雰囲気などクラスについて 僕は、渋谷校に通学してました。

１つの教室に、メインの先生とそれをサポートするサブの先生の２人、
生徒は25名くらいでした。
みんな仲が良く、でも授業中はみんな真剣に勉強してました。

生徒各自にPC１台が割り当てられたので、授業中はもちろん、その気に
なれば休み時間中も練習できました。
また、教科書以外の書籍を借りて家で読めたので、僕はそうしたものも
利用しました。

スケジュールは、
１ヶ月目…HTMLとCSSの基礎
２ヶ月目…Illustratorの練習
３ヶ月目…Photoshopの練習
４ヶ月目…Flash Professionalの練習（２週間ほど。）
５ヶ月目…Dreamweaverの練習とHTMLサイトの制作（卒業制作）
６ヶ月目…jQueryやSEOなどの知識の習得と、HTMLサイトの制作（卒業制作）
でした。

HTMLは、WEBサイトをつくるための言葉です。
たとえば、サイト上に「あ」という文字を表示したい場合、HTMLの記述
ルールに従って「あ」と書くと、それがサイト上に表示されます。

そして、その「あ」という文字を、たとえば大きくしたり、色をつけた
りするのがCSSです。

つまり、HTMLとCSSの両方の言葉を使って、サイトをつくります。決して
難しいことではありません。
皆さんは「タグ」という言葉を、どこかで一度は耳にしたことがあるので
はないでしょうか？
HTMLタグ。CSSタグ。まさに、それのことです。

最初の１ヶ月目の授業では、ひたすらHTMLとCSSをテキストエディターで
記述して、サイトをつくる練習をします。

先生が自分のPCでサンプルをつくり（そのPCの画面は、大型プロジェクタ
ーで教室内のみんなが見られるようにスクリーンに投影されます。）、
その後、我々生徒が先生の真似をして、割り当てられたPCで同じものをつ
くる、といった感じで授業が進みます。

覚えなければならないことは多少ありますが、先生がタグの一覧表を配布
してくれたので、忘れたらそれらを見ながら練習して、また、先生に質問
すれば何でも親切に教えてもらえました。

そして、１ヶ月目の終わりには簡単なサイトをつくることができるようにな
りました。（生徒各自の自己紹介サイトをつくりました。）

Illustratorはお絵描きソフト、Photoshopは画像処理ソフトです。
教科書の内容以外に、先生が色々な練習問題を用意してくれました。
最初は使い方にとまどいましたが、慣れると面白くなります。
生徒の中には、バリバリのプロの絵描きの方もいました。そうした人が描
くものはすごいです。

Flash Professionalは、Flashアニメーションをつくるソフトです。
Flashの今後については議論があるようですが、知っておいて損はないと
思います。

Dreamweaverは、HTMLとCSSでサイトをつくるソフトです。
テキストエディターでもサイトはつくれますが、このソフトを使うと簡単に
サイトをつくれて、しかもサイトの見映えや動きを良くする色々な機能が
あります。

５ヶ月目頃には、自分で絵を書いて、画像を加工して、サイトをデザイン
して、そしてHTMLとCSSでサイトをつくることができるようになりました。
jQuery（javascriptのライブラリのことです。）を使ったりすると、また
一味違ったサイトになります。

「本気でサイトをつくる技術を身に着けたい！」と思っている方は、迷わず
スクールに通うことをオススメします。

僕はスクールが終わった今でも、一緒に勉強した仲間とは連絡をとりあって
ます。みんな頑張ってます。

スクールに通って、サイトもつくれるようになったし、友達も増えたし、と
てもよかったと思ってます。 ]]> https://ameblo.jp/good-web-school/entry-11371984147.html Tue, 09 Oct 2012 10:10:42 +0900 Ｗｅｂクリエイターになってみたい方へ
インターネットのＷｅｂサイトを制作する仕事に携わる人。

HTMLやCSSに関する知識や基礎的なデザイン能力をもち、
顧客の要求に応じてＷｅｂサイトの構築や内容の更新を行う人。

要するに、「Ｗｅｂサイトを作る人」です。
：：：：：：：：：：：：：：：：：：：：：：：：：


今から13年前、私は、これからはＰＣの時代だ！と勝手に思い、高校卒業後、専門学校に入学しました。

私は、ＰＣで何かをデザインすると言う職業につきたかったので、マルチメディアデザインコースを選びました。

当時はＦＬＡＳＨがマクロメディア社の製品でした。

就活は大氷河期で、色々なバイトをしながら、自分の技術を発揮できる職場を探していました。

今、色々なアルバイトをされていて、Ｗｅｂクリエイターになってみようかな？って思っている方、
Ｗｅｂクリエイターへの転職を考えている方、アドバイスです。

今の職場で得た知識、経験は決して無駄ではありません。
むしろ、色々な知識、経験を得ることによって、柔軟な発想やアイディア等が生まれます。


最初のチャンスは、映像の会社に就職できたことでした。映像業界の知識はまったく無く、
「Ｗｅｂデザイナー」としての入社でした。

しかも、「趣味程度でサイト作れる方」とあり、私の技術は専門学校を卒業した時の「タグ打ち」で、
ＨＴＭＬであり、ＸＨＴＭＬではありませんでした。

入社してみると、いつの間にか、ＤｒｅａｍＷｅａｖｅｒなんていう、超便利なソフトが、
マクロメディアから出ていて、その会社で初めて、【ＤｒｅａｍＷｅａｖｅｒ】に触りました。

そこからです！いざ、自社ホームページの編集をしようと、ファイルを開き、ソースをみたら、
なんだか見たことない一文が・・・。

link rel=stylesheet href="●●.css" type="text/css"

なんじゃこりゃ・・・。

これが、私とＣＳＳの出会いです。いや、馴れ初めと言っても良いでしょう。

私の人一倍強い好奇心が幸いして、ＣＳＳとは何ぞや？と色々自分で調べ、試したりしました。

その結果、【ＣＳＳは可愛い】と言う答えが導きだされたのです。

今、は？って思った方は、ご自分でＣＳＳを制作し、ブラウザで確認した時に、
「ＣＳＳ、可愛い奴めっ♪」って思いますよ！！

新しい技術と知識をつけるために、職業訓練校に通いましたが、
皆様「初めて」の方ばかりで、「面倒くさい」とか、「見てて嫌になる」っておっしゃっていたのですが、
「ＣＳＳって可愛いんだよ～ぅ」と、言い続けて数ヶ月。
「ＣＳＳが可愛いって言う意味が分かってきた」と・・・！！！

そうなんですよ。ＣＳＳって本当に可愛い奴なんです。

今では、Ｗｅｂサイト制作時には欠かせない、パートナーです。

ＣＳＳの可愛さを語ったら、私、4時間は語れます！！

話が大分それた気がします・・・。

私がＷｅｂクリエイターとして、これからＷｅｂクリエイターを目指す方へ、
Ｗｅｂクリエイターになるための準備とスキルを記載しようと思ったのですが、
職業訓練校では、指1本1本でキーボードを押されている方、初めてＰＣに触る方、
といらっしゃいましたので、超初心者の準備を、記載していきます。

職業訓練校に行くならば、最低限、下記の初心者までの準備はしておいた方が良いと思います。

【準備】

■超初心者■
★タイピング：ブラインドタッチ（出来なくても両手で打てるようにしておいて下さい）

★ファイル名は半角英数で入力するクセを身につける

★フォルダ管理を徹底する

★分からなければ検索するクセを身に着ける

人に聴いてもいいですが、その分聞いた人の作業、仕事が止まりますので、
なるべく、自分で解決するクセを身につけてください。

★良いな～素敵だな～って思ったサイトは、迷わず全てブックマーク。


■初心者■

★ショートカットキーを覚える
★Ｗｅｂページの基本構造を覚える

■中級者■

★ＰＣ操作に精通している
★色々なツールの引き出しを持っている
★ＨＴＭＬファイルはタグ打ちで制作できる

■上級者■

★ＸＨＴＭＬ＆ＨＴＭＬ＆ＣＳＳタグに精通している
★ユーザビリティを理解している
★クライアントに「良いＷｅｂサイト」を説明できる
★Illustrator、Photoshop、Dreamweaver、Flashが使える
※これらのソフトを使いこなせます！って言う人は、この世の中にはいません。
それぞれのソフトの使い方が業種によって異なるからです。
また、開発者でも使いこなせないと言われています。


次に、必要なスキルです。

【Ｗｅｂクリエイターに必要なスキル】

「デザイン能力」と「プログラミング能力」
これだけに限らず、他にもいろいろ知識は必要かも知れませんが、大まかに言うと、
この２つの能力が備わっていれば、いろいろできます。

デザイン能力は、感性の問題なので、触れずに起きますが、
プログラミング能力のスキルについては、ちょと説明します。

市販のＷｅｂページ作成ソフトを活用すれば、
ＨＴＭＬの知識がなくてもＨＴＭＬファイルを生成することは可能です。
便利な世の中ですね。

でも、「じゃぁ、プログラミング能力って必要なくね？」と思われてしまうかもしれませんが、
Ｗｅｂページ作成ソフトは、完璧ではありません。

不要ソースコードがいっぱい出てきてしまいます。
不要ソースコード・・・いらないって思ったら、削除したくなりますよね？
ですが、削除することにより、編集後にＷｅｂページ閲覧トラブルが発生する可能性もあります。

ですが、ＨＴＭＬソースを見て、
「どこに問題があるのか、どうすれば解決できるのか？」が自分で分かる能力は、
プロとして必須スキルだと思います。


最後になりましたが、自分がＷｅｂクリエイターとして、
重要だと、勝手に思っていることを記載して、終わりにしたいと思います。


■Illustrator、Photoshop、Dreamweaver、Flashを「リスペクト」する事。

作業で上手く出来た時に、自分の技術が凄いのではなく、
Illustrator、Photoshop、Dreamweaver、Flashが凄いツールなのです。
Ｗｅｂだけではなく、ＤＴＰにも言えることですが、これらのソフトは「神」と言っても過言ではありません。
私は、このソフトの開発者を尊敬します。



■色々なサイトを見たり、映画鑑賞や読書をする事。

若い人、年配の方で、見易さは変わってきます。
色々なサイトを見て、このサイトの閲覧者のターゲット年齢層は？等、
考え、研究することができます。

映画鑑賞や読書は、自分の感受性や視野を広げるために、必要だと思っています。
また、趣味は多く持っていたほうが、色々な発想が出来ると思います。
私の場合は映画鑑賞や読書に加え、音楽鑑賞、絵画等です。

■「Ｗｅｂ制作」そのものを愛すること。

一番重要ですよね。ご自分のＷｅｂサイト制作なら、誰でも愛せると思うし、丁寧に作りこむと思うんです。
ですが、他のサイト、ましてや自分が興味のないサイトも制作しなければなりません。
まったく興味がなくても、「Ｗｅｂ制作」そのものを愛していれば、問題なく丁寧に作りこむことができます。


■就業のオン・オフの切り替えはきっちりするが、Ｗｅｂクリエイターのスイッチは常にオン。

就業中(オン)は、仕事に集中。休日(オフ)は、思いっきり趣味の世界に浸ったり、友人と遊ぶ。

ただ、ここで注意なのは、友人と遊んている際にも、
Ｗｅｂクリエイターとして重要な事が隠されているかもしれませんので、
Ｗｅｂクリエイターのスイッチはオンにしておく。


この４つです。


末筆ですが、私は、今、専門学校のときになりたいと思い描いていた職業についています。

「夢」は、努力すれば、必ず叶えることのできるものです。

ただし、夢を叶えたらそこがゴールではありません。
夢にたどり着いたら、すぐに新しい夢が自分の前にあらわれるはずです。

それは、誰にも止められないし、自分でも止められません。

Ｗｅｂクリエイターとしてどうありたいか、
まだまだ、発展していくＣＳＳやＷｅｂ技術にどうついていくか、
私の前を走っているＷｅｂクリエイターの先輩の背中を見ながら、
「Ｗｅｂクリエイターの道」を私は走っている最中です。 ]]> https://ameblo.jp/good-web-school/entry-11371981166.html Fri, 05 Oct 2012 19:16:15 +0900