Skip to content

education

Jump to bottom
= edited this page Nov 27, 2019 · 2 revisions

1年生教育

概要

1年生の教育方法に加え、新歓時期の注意事項をまとめました(新歓サイトはこっち)。
1年生の教育成功=Web班の成功と言っても過言ではないくらいなので頑張ってください。

教育方針

ただ闇雲に技術を教えるだけでは1年生の成長には大きく結びつきません。場合に依りますが、丸投げもアリです。
その際、ティーチングとコーチングを意識してください！

  • ティーチング：ただ技術を教えるだけで、学校の座学に相当する手法
  • コーチング：1年生の「問い」に対して上級生が「フィードバック」や「改善策」、「更なる」

ティーチングの例

1年生「リンクの貼り方を忘れちゃって...」
上級生「リンクを貼る時はaタグを使うよ。新規タブで開く場合はtarget="_blank"を指定して...(続く)」

コーチングの例(実例を基に再現)

1年生「リンクの貼り方を忘れちゃって...」
上級生「あるタグを使うよ。googleで『html リンクの貼り方』で検索してごらん。」
1年生「aタグですね！できました！」
上級生「おめでと！でも、これだと不便なところがない..？既にあるリンクと比較してごらん。」
1年生「んー...。あ、リンクを押したら同じタブに展開されちゃいます。どうしたらいいですか。」
上級生「その場合はtarget="_blank"を指定して...(続く)」

入会したての頃は1年生はWebに関する知識は0に等しいので、ティーチングをして技術を蓄えさせることが先決です。
夏頃ではコーチングを徹底し、1年生に自分で考え解決策を出す力を養います。

1年生の理解度に応じて使い分けてください。
知識が全然ないのコーチングをやると「問い」すら出てこないので学習効果はむしろマイナスです。

ティーチングとコーチングについて詳しく知りたい場合はこちらへ

教育スケジュール

その年の使う言語やライブラリ(、フレームワーク)に依ります。
2019年度はHTML&CSS, PHP, Bootstrap4をメインに使っていたので以下のようなスケジュールにしました。

月 HTML CSS PHP Bootstrap4 その他
3 - - - - 体験活動準備
4 - - - - 体験活動
5 pやhタグ等 color, font-size等 - - 環境構築
6 img, aタグ等 class導入, paddingとmargin等 - - 自己紹介ページ作成
7 div, リスト構造等 疑似クラス等 - Grid System, Display Utility 自己紹介ページにBootstrap導入
8 - - for, if Grid System, Display Utility 昨年の特集ページで実践に近い演習
9 - - サーバー変数 Carousel 特集ページ担当させる
(9月以降は作成するページに応じてその都度学習)

各言語での留意事項

  • HTML&CSS
    • Progateでやるより、本サイトでよく使うタグだけ教えるほうが良いと思います。
    • Progateは補助教材です。決して1年生に全てお任せということはないようにしてください。
  • PHP
    • HTML&CSSができていない状況でやるのはまず無理でしょう。
    • for文とif文が使えれば十分です。
    • 基幹理工学生ならC言語をやっているので理解スピードは比較的早いです。
  • Bootstrap
    • よく使うツールだけ厳選すればOKです。
    • Grid SystemとDisplay Utility(とCarousel)が使えれば十分です。
Clone this wiki locally