現在JavaScriptの設定が無効になっています。このページを利用するにはJavaScriptの設定を有効にしてください。HTML・CSS黒帯って何をやっているの!?黒帯WEEKの3日目の記事です。黒帯ウィークということで、自分の取り組んでいる活動についての記事を投稿させていただきます。どのような活動で技術伝承を行うのか、実例を交えて活動内容をご紹介したいと思います。今回ご紹介させていただくのは、「新卒デザイナー研修」と「黒帯インターン」のお話です。実際にどのようなことを行ったのか。ヤフーでは、どのようなことを新卒研修やインターンで実施しているのか・・・とヤフーのことに少しでも興味を持っていただけると幸いです。概要ヤフーでは、新卒入社したデザイナーの皆さんは、研修を受けることになっています。その研修で、大きくUI・UX、ビジュアルデザイン、HTML・CSS・JavaScriptの領域を学ぶのですが、その中のHTML・CSS・JavaScript領域の取りまとめを担当しました。人が中心になり研修を進めていきました。人の新卒デザイナーの方に教えました。研修全体を取りまとめる方とすり合わせながら、ゴール設定を行います。週間という限られた期間であることをふまえ、今回の研修のゴールは「HTML・CSSを業務で実施するレベルを目指すこと」にしました。JavaScriptも研修のカリキュラムには含まれていましたが、HTML・CSSを優先し、概要やどういうことができるかの紹介までとしました。研修全体のゴールを踏まえながら、いろいろと検討して、下記のようなカリキュラムになりました。この時に、それぞれの講義や課題のゴールや目的、内容も合わせて検討。持論として、いくら講義を増やしたところで身につかないと思っておりますので、実技(課題)をやる比重を多く設定する、講義の中でも手を動かす時間を多くとる、という工夫をしました。後はひたすら準備です。TD研修メンバー全員で下記の講義と課題の準備などを行います。活動の中で一番時間を使った部分もこの項目になります。講義や課題中のサポートを行います。触ったことのない方、逆に、今までがっつりと勉強していた方などレベル感はさまざまです。研修内容は、基本的な内容にしているので、今までコーディングをがっつりやってきた方々には、別途難易度の高い要求や課題を出すなどして、全員が研修を終えてレベルアップできるように進めます。コードを見て、一人一人にレビューを実施します。人と人数も多かったですが、できる限り細かく見て、細かく指摘しました。TD領域の研修自体の評価をつけ、終了となります。実際に、入社するまでHTMLやCSSを触ったことない人も最終的に自分でデザインしたプロモページを表示崩れなく、ブラウザ上に表示することができるようになりました。新卒デザイナーのアンケートを見ても、ほとんどの人に満足してもらえる研修となったようでした。黒帯インターンという、黒帯が監修するインターンシップのプログラムです。第一人者(黒帯)が自ら指導を行い、就職活動をされている学生さんにヤフーの技術を実際に体験していただこうというものです。具体的にインターン期間中にどのようなことを実施するかを検討します。今回は新卒研修の時とは違い、少し難易度の高いコーディング技術を教えるプログラムにしたかったので、HTML・CSSの基本を理解している方を対象に募集しました。人数も日程も黒帯が自由に設定できるのですが、自分が見られるキャパを考えて、人数は3名で期間は5日間としました。実際のプログラム概要は、ヤフーのインターンシップ募集ページで、確認できます。※概要ページは削除されている可能性もあります。面接インターンのメンバーは、黒帯自身が面接にて決定します。たくさんの方々と面接をして、3人のメンバーに絞り込みを行います。面接になっており、ビデオ通話によって面接を実施しました。いい人達ばかりだったので、メンバーを絞り込むのは本当に難しかったです。実際にプログラムを作成していきます。今回のプログラムでは、下記のような構成で実施していくことにしました。勤怠の登録方法やコミュニケーションツールの使い方などのレクチャー、必要なソフトウェアのインストールなどの実施。社内見学ヤフーの社内を見学してもらいます。新卒研修のものをここでも利用させていただきました。基本は知っているメンバーなので、駆け足気味に実施。作成1日かけて、コーディングを実施してもらいます。そのコーディングしたソースコードに細かくレビューをさせてもらいます。タスクランナーの仕組みの導入コーディングを実施するのに便利なものをどんどん導入していきます。比べ、どれだけコーディングがやりやすくなっているのかを体験してもらいます。取り組んでもらいます。引き続き最終課題に取り組んでもらいます。最終課題を終えて、それぞれに発表をしてもらいます。準備や、講義や課題で利用する資料や素材、環境の準備などを実施します。実際に研修で使用したPCやツールなどは、下記になります。これらをインターンで使えるように、3人分セットアップ。Code自分たちが普段使っているエディタを使ってもらっても良かったのですが、こういう機会ですし、最先端のナウいエディタを使い倒してもらおうと思い、こちらを選択。プラグインも自身が使っているオススメのものをインストール。ビジュアル系のツールPhotoShop課題のコーディングを行う際に利用。作られていたため、こちらを使用。ファイルだったので、こちらを使用。Chromeデバッガーの使いやすさ、拡張機能を利用するため、こちらのブラウザを選定。日間ずっとつきっきりでプログラムをこなし、一緒に行動します。一緒にランチしたり、分からないところを教えたり、講義をしたり、雑談をしたり・・・。学生さんとこんなに話す機会もなかなかないので、とても楽しく、逆に勉強させてもらうことも多かったです!最後に今回、「新卒デザイナー研修」と「黒帯インターン」のお話をさせていただきましたがいかがでしたでしょうか?あまり他社の「企業の研修内容」とか「インターン内容」を見る機会は多くないと思いますので、この記事を読んでヤフーの研修やインターンに興味を持ってもらえるとうれしいです。JAPANでは情報技術を駆使して人々や社会の課題を一緒に解決していける方を募集しています。詳しくは採用情報をご覧ください。JAPANのサービス開発を支える技術やデザイン、文化を発信しています。Reserved.このページの先頭へ。