Webクリエイター科 ブログ(Webデザイン 専門学校)

デザインで未来を創る。



蒲田 八王子 3年制 プロのWebデザイナーをめざす人の情報ブログ Webクリエイター科ブログ

オープンキャンパス+体験入学 多彩なデザインの仕事を体験しよう!

Webクリエイター科blog

2019年10月04日 【八王子校】後期授業が始まりました!【10/6 体験入学メニュー】


jugyo


後期授業が始まりました。


専門学校は前期・後期制です。
前期は4月〜9月(夏休みを挟みます)
後期は10月〜3月(冬休みを挟みます)


始まったばかりですが、ほんの少し授業の様子をのぞいてみましょう!


リアルタイムで知りたい方はtwitterでフォローをお願いいたします

日本工学院八王子専門学校 Webクリエイター科
 (@hac_Webdesign)

icon


1年生の様子



紅華祭にむけての作品制作に取り組んでいます。
限られた時間しかありませんが、納得できるものを作ってほしいものです。


前期でHTML+CSSの基本理解が出来ましたので、それを生かした作品制作をしております!しかも、コンペ形式。上位5人のデザインが多くの人の眼に触れる予定です。

html



2年生の様子



2年生は既に大忙し…!八王子を本拠地とするプロバスケットボールチーム、東京八王子ビートレインズさんとのコラボ課題がどんどん本格化しています。
Webサイト制作も担当するのですが、イベント企画や運営の取り組みも行っています。スポーツカレッジの学生と連携することもありますので楽しみですね!




basuke


がんばれ!2年生!






3年生の様子



最高学年である3年生は、いよいよ卒業制作に取り組みはじめています。
9月の特別授業で既に企画発表をしましたので、計画に沿って制作をしていきます。
3年たち、がんばれ!









と、いう感じで
どの学年も後期が始まったというところです。



前期授業の成果は、紅華祭で展示公開しますので
ぜひいらしてくださいね!





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





さて。今週末は体験入学です。




Webデザイナーになりたい!

Webクリエイターになりたい!

動画クリエイターになりたい!





そんな希望の方はもちろん

将来のことはわからないけど、なんとなくパソコンに触る仕事につきたいな...?

という漠然とした考えをお持ちの方も、もちろん体験入学のご参加を歓迎しています!


HTML_ブログ用


日本工学院八王子専門学校
Webクリエイター科の7月7日の体験入学メニューでは、

Javascript体験!

ARを使って顔認証コンテンツを作ろう!

です。


ブログ用



Javascriptとは?

簡単に説明すると...
Webページに動きをもたらすことができる、プログラミング言語。
汎用性が高く、ゲーム制作やアプリ制作にも対応可能なWebクリエイター科には馴染み深い言語なのです。

担当は、プロのWebエンジニアで本校講師でもあります
関口和真先生です!



D4Q8G2OUEAA32LQ

体験入学の情報はこちら!
学校の受付をしてから学科の実習へご参加ください。


当日、お会いできることを楽しみにしております。




n-70077798 at 16:20 | この記事のURL | |

2019年09月11日 【八王子校】9/16(月)の体験入学のお知らせ


こんにちは!夏休みが終わっても、まだまだ体験入学は実施しております!

今週の体験入学のメニューは、HTML+CSS入門です。

実際に簡単なWebサイトを作ってみましょう!


blog_OC_gif4


学科の説明や、学生作品もたくさんお見せします!
進路のお悩みについても、ご相談にのりますのでお気軽にいらしてください。

お待ちしております!

n-70077798 at 14:4 | この記事のURL | |

2019年07月23日 【八王子校】Webサイト制作の基礎!HTML・CSSとは?【7/27体験入学メニュー】


7gatuB

こんにちは!ヤハタです!

最近だんだんと暑くなってきましたね。

水分補給等をお忘れなく!


さて、皆さんはHTML・CSSはご存知ですか?名前だけなら知っているという方や、全く知らないけど少し興味があるという方に是非、読んでいただきたいと思っています。



目次
・HTML+CSSってなに?
・Webサイトを作るために必要なことは?
・ 今から出来るちょっとした小技!




HTML+CSSってなに?


html


HTMLとはHyperText Markup Languageの略で、Webページを作成するための言語です。分かりやすく言うなら、骨格になります。皆さんがいつも見ているWebサイトの殆どはHTMLで作られていて、このブログもHTMLで出来ています!








htmlcss



CSSCascading Style Sheetsの略でHTMLと組み合わせて使う言語です。簡単に言えば、HTML(骨格)に装飾・肉付けをさせる為の指示を出す人の事です!HTMLとCSSが合わさり、初めていつも見ているWebサイトという形になります。







html_css_js
また、JavaScriptと呼ばれるプログラミング言語があります。これの一般的な使い方としてはWebサイトに動きを付ける際に使用します。CSSでも動きを付けることは可能ですが、JavaScriptはより複雑な動きを付けられます。JavaScriptを正しく取り入れることで、Webサイトのクオリティがさらに向上します。







Webサイトを作るために大切なことは?





hikidashi_ooi_businesswoman

もちろん、上記にあるHTML、CSS、jsの知識は必要です。しかし、それ以外に引き出しの数を増やすということが大切になっていきます。




例えば

・他の人のWeb作品を見て刺激を受ける

・人(プロ)からアドバイスを貰う

・街に出てポスター、建物といったデザインを見る

・普段見ない男性、女性雑誌を見てみる 等




引き出しの数を増やしていかないと、いざWebサイトを制作する際に良いアイデアが思い浮かばずに苦戦してしまうんですよね・・・。色々な所にアンテナを張って情報を吸収していきましょう!


また、全てのコードを完璧に覚える必要はなく、「そういえば、あんなことができたな」と頭の片隅にあれば大丈夫!詳しく知りたいときにはインターネットで検索をすれば良いのです。インターネットには欲しい情報の全てが載っています。この時に上記にある引き出しがないと、そもそも何を検索したら良いのかが分からない状況に陥ることがあります。日々、引き出しの数を増やし、更新していきつつ、検索スキルを磨くことがとても大切だと思います!









今から出来るちょっとした小技!



実は簡単にHTML・CSSに触れることができます。Chromeで、好きなWebサイトを開き、以下のキーを入力をすることでデベロッパーツール(別名:検証モード)が起動するので、少し触っていきましょう。



【Ctrl+shift+I】(Macの場合は、Command+Option+I)または【F12】


web_01



このデベロッパーツールを使うことで、HTML・CSSがどのように書かれているのかをチェックしたり、またはテストとしてコードを書き換え、表示を変更させることも出来ます。




実際に触ってみましょう!

※リロード(更新)で元に戻るのでご安心を!




web_02


デベロッパーツールのHTML側で、表示を変えたい場所を選びます。今回はテキストを変更させるので、「▶︎」部分を押し、下層にあるテキスト部分を探します。







web_03

テキスト部分が見つかりました。あとはここを書き換えるだけで表示が変更されます。テキスト部分をダブルクリックし、書き換えてみましょう。








web_04


テキスト部分を書き換えると、このように表示が変更されます。









web_05



今回はテキストを変更させましたが、他にも画像を変えたり、レイアウトそのものを変えたりなど、色々なことができます。もし、Webに興味がある方は色々と試してみるのも良いと思います。Webサイトの構造について知れて良い勉強になりますよ!






ーーーーーーーーーーーーーーーーーーーーーーーーー







今週の体験入学のメニューは・・・

HTML+CSS入門です。


blog_OC_gif4

学科の説明や、学生作品もたくさんお見せします!
進路のお悩みについても、ご相談にのりますのでお気軽にいらしてください。

お待ちしております!

n-70077798 at 16:22 | この記事のURL | |

2019年07月19日 【八王子校】進路ってどうやって決めるの?【7/21体験入学メニュー】


こんにちは!

高校生の皆さんは、今週末から夏休みという方も多いのではないのでしょうか。
本校は26日までが授業です。
在校生のみんなはあと少しの辛抱だっ!
がんばろうね。


さて!
今日のブログ特集は、



「進路ってどうやって決めるの?」




です。
やりたいことが明快な人にとっては、「やりたいことが出来るところに進めばいいじゃん♪」で終わってしまう問題かもしれません。(ですよね?)





問題は「やりたいことがわからない」


150415092468_TP_V



案外多い悩みのようです。


少しでも興味がある学科に手当たり次第体験入学に参加。
どれも楽しそうだけど、どれも大変そう。結局どれが自分に向いているのかがわからなくなってしまい、不安になってしまう…。


進路のお悩みあるあるではないでしょうか。




未来に目をむけすぎてはいませんか?



AME509B002_TP_V


未来は、まだ現実には起こっていない出来事がたくさん。だって未来ですから。

未来のまだ起こっていない出来事について頭をめぐらすことは、不安につながります。
それは漠然としているし、わからないことだらけだからです。



過去と現在にフォーカスをあててみて。




過去は既に起きた出来事が積み重なった時間。現在は、今まさにこの瞬間の時間です。未来は過去と現在の延長線上にあります。
ですから、未来の答えは過去と現在にあるはずです。



自己分析の第一歩


pose_syourai_man


過去の自分を振り返って、何をしている時に充実感があったのかをみつめることから始めてみましょう。そこにヒントがあるはずです。




話を聞く、聞きまくる




先生や先輩、家族や友人に話を聞きまくるのもヒントにつながります。
もしくは、憧れる大人の生き方を研究してみるのも良いでしょう。
誰もが進路決定は他人事ではなく、それぞれが多少なりとも悩んで決断をしてきたはずです。さまざまな人に話を聞くことで、気が付くこともあるはずです。



自分の人生は自分が主人公です。

後悔のない進路の為に、まずは過去の自分時間を洗い出してみることから始めてみてください。進路が決まる夏にしたいですよね!






さて、今週末も体験入学!

Webクリエイターかの体験実習は、
HTML+CSS入門です。


blog_OC_gif4



学科の説明や、学生作品もたくさんお見せします!
進路のお悩みについても、ご相談にのりますのでお気軽にいらしてください。


お待ちしております!








n-70077798 at 16:23 | この記事のURL | |

2019年07月09日 【八王子校】就活は就勝!3年生たちの闘いをレポート【7/14体験入学メニュー】

syukatu


気温差の激しい東京・八王子です。
7月だというのに、朝は肌寒いですよ。

風邪をひく学生もちらほら。
皆さんも体調管理にお気を付け下さい。







3年生たちの就職活動…!



今回は、就職活動についてレポート!

○就職活動はいつから始まるの?
○実際の就職活動ってどんな流れ?


これらについて解説していきます。
Webクリエイター科に入学を考えている方や、在校生のみなさんはどうぞご参考になさってくださいね。



group_business_syukatsu

2年生から始まっている就活!?


実は2年生から就活は始まっています!!

確かに、会社説明会に参加したり、企業訪問をはじめるのは3年生からですが、その為の準備は2年から始まっているということ。具体的にどんな準備があるのか、解説していきますね。






pose_syourai_man

自己分析や企業研究

就活にむけての基本が自己分析。自分自身が今現在どのような考えをもっているのか。あるいは将来に対してどのような希望を持っているのかを見つめることが最初にすることです。
自己分析後に、履歴書の書き方を身に着けます。また、企業研究を始めるのも2年生の後期から。



company_white_kigyou

インターンへの参加

企業によっては、進級期の学生をインターンとして受け入れている会社もあります。
2年の夏休みや春休みを利用して参加する者もいます。
早い段階で行動を起こすことで、会社で働く雰囲気を知ることが出来ますし、意識を高く持つことができますのでオススメです。
先日来校してくださった、ササキ先輩もインターン参加を強くお勧めされていましたよ!


【先輩の話】在校生必見!先輩からのメッセージスペシャル







ポートフォリオ制作

DbhV6RIVwAAaHVy

ポートフォリオとは、作品集のこと。主に学生時代に制作したものをまとめることになります。作品集は履歴書と同じくらい大切なもの。ポートフォリオを見て、その学生がどれくらいの技術力をもっているのかを確認したり、デザインの志向性を探ることができます。2年生の後期あたりから制作を開始します。Webクリエイター科の学生たちはサイト形式で制作しますよ。





3年生の就活は、とにかく行動あるのみ


techou_open

と、いうように2年次から準備をはじめることで、早めに行動を起こすことができるのです。
ここで大事なポイントはスケジュール管理!
就活で大変ではありますが、もちろん授業もありますし、課題もだされます。
うまく時間配分をして行動に落とし込むことが、就活攻略の秘訣です。





就職活動の流れ





Dakcq6XVMAAaPyG

就職活動の流れについて、簡単に解説します。



会社説明会に参加

希望する職種や業界が、説明会を開催しているかどうかを調べて参加をします。
どんな会社かの説明を、企業の方から直接聞けるチャンスです。



syuukatsu_rirekisyo_entrysheet

エントリー

企業側に、採用選考を希望することを伝えることを「エントリー」と言います。
企業によっては、ここで履歴書やポートフォリオの提出を求められます。



syukatsu_mensetsu_man

試験/面接

最近では、クリエイター系でも採用試験といって学力試験を課せられることがあります。
面接では2回以上行うところが多いようです。




syukatsu_naitei_man

採用通知





学生作品プレゼン・講評会の開催



IMG_3530

先日、「学生作品プレゼン・講評会」が開催されました。
これは、学生たちがブースを構えて企業の方々を迎えるもの。
企業の皆様方は、気になった学生ポートフォリオ作品を手に取ってみることができます。これは、直接学生と話をすることができる機会。つまり、採用の機会が広がる!ということです。

IMG_3543

IMG_3548

数年前からデザイン・クリエイター系の学生対象に始まったイベントですが、
企業の皆様からは好評をいただいております。
また、ここで採用を決めた学生も多数います。




就職活動は、まだまだ続いております。
1年生の皆さんは、日々の学校生活を大切に。とれる検定(ウェブデザイン技能検定、ビジネス能力検定、色彩検定など)は必ず取得!
2年生の皆さんは、とにかく作品数を増やしておくこと。そして、1年生の時に制作した作品のブラッシュアップに励んでください。インターンへの参加も、調査をはじめてくださいね。


というように、現在の学校生活が未来へと直接つながっています。

楽しい未来を切り開くために、今、頑張ってくださいね!




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


今週末の体験入学は・・・

banner2


動画編集体験です。

撮影から編集までの動画制作を体験できます。

担当講師の先生は、杉山賢人先生です。

1468471584997

お待ちしております!





n-70077798 at 8:29 | この記事のURL | |