【高校生インターン2019】高校生のためのWeb制作体験

2019年09月10日

2020年07月31日

N村
N村

こんにちは!
ASUE株式会社広報担当のN村です!

ASUEでは一昨年から、毎年CSR活動の一環として、名古屋市立西陵高等学校さんから職業体験インターンで生徒さんに来ていただいております。

高校生インターンシップ~名古屋市立西陵高等学校からミレニアムベイビーがASUEにやってきた!~
2017年の高校生インターンの様子
 2017年8月21日高校生インターンシップ~名古屋市立西陵高等学校からミレニアムベイビーがASUEにやってきた!~
【CSR活動】名古屋市立西陵高等学校から新世紀ベイビーがやってきた【高校生インターン2018】
2018年の高校生インターンの様子
 2018年8月28日【CSR活動】名古屋市立西陵高等学校から新世紀ベイビーがやってきた【高校生インターン2018】
N村
N村「わたしのアイコンの遷移もわかる」

非常に嬉しいことに、毎年「とても楽しかったです♡」と、参加した生徒さんたちが言ってくださるそうで……

社長、安江
弊社代表・安江

今年は過去最高の4人が参加してくださいました!!

しかも、初めて女子生徒さんも……!

N村
N村

西陵高等学校さんには「系列」というコースがあるのですが、今までは「情報メディア系列」の生徒さんだけだったのが、「ビジネスマネジメント系列」の生徒さんも来てくださいました。
いろんな生徒さんが興味を持ってくださるのは嬉しいことですね!

実は、元々は7人の方から希望をいただいたのですが、ASUEのキャパ問題もあり、今回はPCを持参できる方……という条件で来ていただくことになり、ご希望いただいたのに来られなかった生徒の皆さん、すみませんでした……!

2019年度高校生インターンレポート

今回も、前回同様「自己紹介ページのhtml/cssコーディング」を行ってもらい、最後に発表会――までを三日間で行う流れの予定でした。

当初の予定

  1. htmlを書く
  2. cssを書く
  3. メイン画像にスライダーを入れる
  4. スマホ対応
  5. 発表会

昨年までは、コーディングに興味がある方が多かったのですが……

生徒さん1

Webデザイナーに興味があります!

N村
N村

(やばい、コーディングしか予定に組み込んでいない……!)

最初の打ち合わせで、希望をお聞きしたところ、Webデザイナーに興味がある生徒さんがいらっしゃったため、急遽内容に組み込むことにしました。

課題のワイヤーフレームがこちら……

1. Webデザイナー体験!「Adobe XD」に触ってみよう

N村
N村

さて、Webデザイナー体験!と言っても三日間という短期間であることに加えて、ほぼ初めてやるhtmlやcssも体験していただくので、がっつりなにかをやってもらうと時間が足りなくなってしまう……ということで、実際にASUEの制作課がデザイン時に利用しているデザインツール「Adobe XD」の体験版を使って、色を少し変えてみる……などの体験を行っていただきました。

色選びも、カラーパレットが載っているサイトをいくつか紹介して、自分の好きな色を選んでもらいました。

生徒さん2

ソフトのインストールにすこし手間取ったりもしましたが、楽しかったです!

取り組んだこと

  • ソフト(Adobe XD)のインストール
  • 色の選定
  • Adobe XD上でファイルの編集(色変更など)

2. html/cssコーディングとjQueryを利用したスライダーの実装(スマホ対応まで)

N村
N村

次は、htmlファイルの作成とcssの作成です!

自分が色を決めて作ったXDファイルを元に、htmlとcssを作成していただきました。

一通りhtmlとcssが完成したら、メイン画像部分にスライダーを実装し、さらにスマートフォンでも見やすいようにスマホ対応のcssも追加で書いていただきました。
また、実際にASUEのサイトのサーバー内にアップロードする作業も行っていただきました!

生徒さん3

難しかったですが、自分の入力した文字が形になるのが楽しかったです!

取り組んだこと

  • htmlコーディング(Adobe Bracket)
  • cssの作成
  • jQueryを利用したスライダーの実装
  • スマホ対応
  • FTPを利用したファイルのアップロード(FileZilla)

課題に取り組む生徒さんたち

3. 発表会

N村
N村

最終日の夕方、三日間の課題の成果を社員の前で発表していただきました!

緊張しつつもみなさんしっかし発表してくださいました。

緊張しましたが、明るい雰囲気で聴いてもらえたのでよかったです!

質問をする永岡くん

高校生の発表を聴く社員の様子

実際に高校生インターン参加者が作成したページ

匿名希望さんの作成したページ

くままるさんの作成したページ

さかべさんの作成したページ

やえがしさんの作成したページ

N村
N村

最後のやえがしさんは、実は高校生インターン実施初年度に来てくれたやえがしくんの妹さんでした!

ご兄妹二人とも参加いただけたの、とても嬉しいですね……!

N村
N村

写真載せてもいいですか?と聞いたところ、目線入れてください(笑)と言われたので目線を入れての掲載です。

高校生の皆さん、楽しい三日間をありがとうございました!!!

社長、安江
弊社代表・安江

俺の目線は??必要ない?

N村
N村

大丈夫です。

運用型広告のしごとで成長しませんか? ASUEの採用情報を見る 運用型広告のしごとで成長しませんか? ASUEの採用情報を見る