若者が凄いのか、jQuery が凄いのか。
さて弊社では、5月からしげちゃん(id:shigemk2)という新卒の若者がエンジニアとして働いていて、プログラミング歴は約1年で、とりあえずRubyとCを教科書で勉強したという感じです。
そんな彼はもちろん、シェルも知らない Git も知らないパーミッションすら危ういという感じで、まぁ1年間どんなに頑張って勉強しても実務レベルではやっぱり厳しいものがあります。
というわけで、入社して真っ先に Windows を消し Ubuntu を入れ、Linux 環境から慣れさせ、ターミナルに慣れるために Emacs は nw しか使わせず、zsh, screen, git などを無理矢理使わせて、結構なスパルタで3ヶ月を過してきました。
その間、主に実戦で利用した言語は PHP でしたが、3ヶ月経ったし、そろそろPHPばかりやってても面白くないかもしれないので、多言語でもさせるか(スパルタ)と思って JavaScript の課題を与えました。
ちなみに、しげちゃんは JavaScript を触るのは初めてで、JavaScript のことを、ついうっかり JAVA と呼ぶような若造です。そんな彼に与えた課題は以下のようなものです。
jQuery を使って JavaScript だけで表に以下の行を追加しなさい。
オリジナルの表(本当はもっと複雑です)。
<table class="schedule_table"> <thead> <tr><th># </th><th>Teacher</th><th>20:0</th><th>20:3</th><th>21:0</th><th>21:3</th><th>22:0</th><th>22:3</th><th>23:0</th><th>23:3</th></tr> </thead> <tbody> <tr> <td>1</td><td class="name">kerryanne</td> <td>__</td><td>__</td><td>★</td><td>__</td><td>__</td><td>__</td><td>★</td><td>★</td><td></td><td></td> </tr> <tr> <td>2</td><td class="name">winnie</td> <td>__</td><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td><td></td><td></td> </tr> <tr> <td>3</td><td class="name">Rain</td> <td></td><td></td><td>__</td><td>__</td><td>__</td><td>★</td><td>★</td><td>__</td><td></td><td></td> </tr> </tbody> </table>
処理後の表
<table class="schedule_table"> <thead> <tr><th># </th><th>Teacher</th><th>20:0</th><th>20:3</th><th>21:0</th><th>21:3</th><th>22:0</th><th>22:3</th><th>23:0</th><th>23:3</th></tr> <tr><td colspan="2">Rest</td><td>2</td><td>1</td><td>1</td><td>2</td><td>2</td><td>1</td><td>0</td><td>1</td></tr> <tr><td colspan="2">Rsrv/Class</td><td>0/2</td><td>1/2</td><td>2/3</td><td>1/3</td><td>1/3</td><td>2/3</td><td>3/3</td><td>2/3</td></tr> </thead> <tbody> <tr> <td>1</td><td class="name">kerryanne</td> <td>__</td><td>__</td><td>★</td><td>__</td><td>__</td><td>__</td><td>★</td><td>★</td><td></td><td></td> </tr> <tr> <td>2</td><td class="name">winnie</td> <td>__</td><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td><td></td><td></td> </tr> <tr> <td>3</td><td class="name">Rain</td> <td></td><td></td><td>__</td><td>__</td><td>__</td><td>★</td><td>★</td><td>__</td><td></td><td></td> </tr> </tbody> </table>
つまり、元の表がこんな表示なところを、
# | Teacher | 20:0 | 20:3 | 21:0 | 21:3 | 22:0 | 22:3 | 23:0 | 23:3 | ||
---|---|---|---|---|---|---|---|---|---|---|---|
1 | kerryanne | __ | __ | ★ | __ | __ | __ | ★ | ★ | ||
2 | winnie | __ | ★ | ★ | ★ | ★ | ★ | ★ | ★ | ||
3 | Rain | __ | __ | __ | ★ | ★ | __ |
こんな感じで、情報を追加して欲しいというわけです。
# | Teacher | 20:0 | 20:3 | 21:0 | 21:3 | 22:0 | 22:3 | 23:0 | 23:3 | ||
---|---|---|---|---|---|---|---|---|---|---|---|
Rest | 2 | 1 | 1 | 2 | 2 | 1 | 0 | 1 | |||
Rsrv/Class | 0/2 | 1/2 | 2/3 | 1/3 | 1/3 | 2/3 | 3/3 | 2/3 | |||
1 | kerryanne | __ | __ | ★ | __ | __ | __ | ★ | ★ | ||
2 | winnie | __ | ★ | ★ | ★ | ★ | ★ | ★ | ★ | ||
3 | Rain | __ | __ | __ | ★ | ★ | __ |
結果。
初めての JavaScript だし、まぁ、やってみて結局できなくてやっぱり PHP で解決する事になるんだろうなぁって思ってたら、なんか1週間後に見事完成してきました。
これにはびっくりです。JavaScript 初めて触った人が、出来るもんなんですね。
jQuery が凄いのか、若者が凄いのかは分かりませんが、jQuery って凄いですね。