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

デザインで未来を創る。



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

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

Webクリエイター科blog

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 | |

2019年07月01日 【八王子校】夏休み直前!授業の様子をのぞき見しよう【7/7体験入学メニュー】


jugyo

ついに7月突入です。
1年生もすっかり専門学校生っぽくなりました。
つい4か月前まで高校生だったなんて、なんだか信じられない馴染みっぷりです。



今回の記事は、最近の1年から3年までの様子をレポート!


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


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

icon


1年生の様子



1年生は、この時期は課題ラッシュ。
徹夜して仕上げた!なんてこともチラホラ聞いております…。
(徹夜はオススメしません!)



デッサンや…


dessin01




カラーの授業


iro




アナログの授業もありましたが、
Webクリエイター科の本命授業では、HTMLが書けるようになりました…!


html



2年生の様子



2年生は頭から大忙し…!
ビジネスプランコンテストに応募する為に、企画書を書きまくり

動画撮影の為の準備に追われ

高度なプログラムを学習しつつ

とどめに地域連携課題が始まるという怒涛の展開です。



basuke

地域連携課題として、八王子に本拠地を置くプロバスケットボールチーム「東京八王子ビートレインズ」とのコラボレーションがはじまります。
4月には試合の観戦までしたのですよ!

2年生たちは、学科を越えたコラボレーションの運営をまかされています。
既にオリエンテーションは終了。
展開があり次第、どんどん報告していきます!

がんばれ!2年生!



basukepure





3年生の様子



最高学年である3年生は、就職活動が中心の生活になっています。

インターンを挟みつつ、説明会や面接を入れ、なおかつ学校の課題に取り組むなどハードな生活が中心です。その甲斐あってか、嬉しい内定報告も来ておりますよ〜!


課題では、課題発見型課題が進行中です…。
これは卒業制作にもつながっていくようなモノ。


3年間の集大成(卒業制作)の前の、最終課題といったところでしょうか。




purezen01



と、いう感じで
どの学年もそれぞれの頑張りを見せているところです。



日常生活を丁寧に健やかに送ることは、リズムに乗れれば容易いことではあります。
しかし、不安定・不規則な生活を送っていると難しいかもしれませんね。
夢をかなえる為の第一歩は、心身の健康を保つこと。
基本的過ぎて見過ごされがちなことですが、改めて見直してみてはいかがでしょうか。


入学をお考えの皆さんも、ぜひご自身の体に気を付けてくださいね!




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





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




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

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

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





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

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

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


HTML_ブログ用


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

Javascript体験!

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

です。


ブログ用



Javascriptとは?

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

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



D4Q8G2OUEAA32LQ

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


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


Webクリエイションで未来を切り開こう!



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

2019年06月24日 【八王子校】知ってると少しお得な情報!インターネット基礎とブラウザ【6/30体験入学メニュー】

ba2_190624


初めまして。

月1で記事を書くことになりました。

ヤハタです。よろしくお願いします!


まず、皆さんはスマホの普及率について調べた事はありますか?

なんと、2019年2月までのスマホ普及率は約85%もあります。その中で10代〜20代の約9割はスマホを利用しています。これだけスマホが普及していればインターネットを使う機会も多いのではないでしょうか。「でも、普段何となく使っていて何も意識して来なかった」そんな方に是非読んでいただきたいと思います。





目次
・インターネットってなに?
・インンターネットで情報を得るために必要なブラウザとは?
・正しい情報を得るために大切な事とは?
・最強のブラウザはズバリ◯◯!






internet_earth





















インターネットってなに?

世界中のコンピューターは網目のようにネットワークで繋がっています。簡単に言えば、この網目全体のことをインターネットと呼びます。パソコンやスマホをインターネットへ接続すると日本だけではなく、世界中の情報を得る事ができます。今の時代はインターネットが無いと生きていけません。







keyboard_typing















インターネットで情報を得るために必要なブラウザとは?

インターネット上のWebサイトを閲覧するのに必ず必要になってくるのが「ブラウザ」です。


・Google Chrome
・Firefox
・Internet Explorer
・Safari
・Microsoft Edge...等


名前だけなら聞いた事があるのではないでしょうか?

標準ブラウザとして、Windowsなら「Internet Explorer」「Microsoft Edge」iOSなら「Safari」、Android OSなら「Google Chrome」が搭載されています。

また、ブラウザは併用可能なのでiOSだから「Safari」しか使えないというわけではありません。「Google Chrome」「Firefox」をインストールして同時に使っても全く問題ありません。ブラウザはそれぞれ特徴があるので自分に合うものを使いましょう!Webデザイナー・コーダーさんは複数のブラウザで、バグがないか、しっかりWebサイトは動くかどうかを確認して作業をしてますよ!






smartphone

正しい情報を得るために大切な事とは?

昨今、若者を中心にSNSがよく使われるようになってきました。話題になってるニュースなどの情報をSNSで得る人も少なくはないと思います。しかし、それは注意が必要です。個人で発信している情報には信ぴょう性がなかったり、デマの可能性が高い傾向があります。なので、SNSの情報を鵜呑みにせずに複数の情報源を調べるということが大切になっていきます。発信源が大手メディアや新聞社であると信ぴょう性が高いと言えます。また、Webサイトを作る際に分からないことなどをネットで検索することもあるので、Webデザイナー・コーダーには必要なスキルです!







monogatari_king_arthur

最強のブラウザはズバリ◯◯!

私が思う最強のブラウザは・・・「Google Chrome」です!「Google Chrome」の良いところは何といっても速くて軽い、そして高い拡張性です!

例えば、拡張機能で出来ることは


・ページ全体のスクリーンショットが撮れる
・Webページ上の広告を非表示に出来る、動画広告もスキップ可
・ブラウザ内を録画出来る
・ワンクリックでキャッシュクリア出来る


その他にも沢山の拡張機能があります。(※拡張機能を入れすぎると重くなるので注意)また、Googleが提供しているのでGoogleのサービス(Gmail、Googleドライブ等)との親和性が高いのも良いポイントです!ただし、上記にある通りWebサイトの相性によっては「Google Chrome」で閲覧出来なかったり、正しくサイトが機能しないという不具合が出てしまう場合もありますので、複数のブラウザを入れておく事をオススメします!





あ!

一番重要なポイントがありました!

これがあるから「Google Chrome」を使っていると言っても過言ではない・・・それは恐竜ゲームです!「Google Chrome」の隠し機能で、インターネットに接続されていないオフライン時に遊べます。



やり方は簡単。


gg2


この画面で「space」か「↑」を押すだけです!

障害物をジャンプで回避して記録を伸ばしましょう!

実はオンラインでも出来ます!

Chromeを開いて、アドレスバーに「
chrome://dino/」を入力するだけです!

私の記録です。


gg1


是非、遊んでみてくださいね!






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





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


banner2


動画編集体験です。

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

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


1468471584997


お待ちしております!

n-70077798 at 12:32 | この記事のURL | |