スタッフの技術力向上のための制作課題に挑戦しました！

こんにちは！プランユーケーの田中、中村です。
今回は9月に行われた「制作課題」についてご紹介していきたいと思います。
 

はじめに

制作課題について

弊社では昨年から、自身のコーディング力を客観的に見つめ、技術力を磨く機会としてクリエイティブアドバイザー（以下：CA）主催のコーディング課題を実施しています。
クリエイティブ・アドバイザーによるコーディング技術研修を初開催しました！

今年度はガイドライン検討チームで制作課題を選定し、まずは入社歴の浅い田中、中村が受験することとなりました。
   

課題内容と評価方法について

課題内容

 
当日の制作課題の完成版はこちらになります。お知らせコンテンツ部分の作成で、制限時間は3時間でした。
一般的なカード型リストの作成ですが、コーディングを行う上で気をつけなければならない要素がたくさん詰まっています。  
 

評価方法

主に以下の3点のポイントを軸に、それぞれ細かく項目を作り点数を配分していきます。（合計100点）
受講後には、項目1つ1つについて点数と講評をもらいました。

① 制作進行（点数配分：20点）

• 制限時間内に完成できるか
• 画面案の内容を忠実に再現出来ているか

② マークアップ関連・cssの構築（点数配分：55点）

• マークアップは適切か
• HTMLにスペルミスはないか
• cssのプロパティは正しいものが使われているか
• それぞれの要素(block要素やインライン要素など)について理解できているか

③ 品質面（点数配分：25点）

• 更新(テキストの増減、コンテンツの増減 など)による、レイアウト崩れが発生しないことを考慮したコーディングになっているか
• リンク領域の設定など、ユーザビリティは確保されているか
• 与えられた課題に対して、自分なりにユーザーの使いやすさを意識した、プラスαのインタラクション(動作)を追加できるか

 

参加者の声（田中・中村）

田中

時間が足りず完成することができませんでした。今回課題をさせていただいて、今の自分のレベルを数字で出していただけたのはとても良かったですし、かなり細かく評価していただいたので勉強になる部分がとても多かったです。まだまだだと改めて痛感しましたし、レベルを上げていきたいと意欲が湧いてきました。

中村

今回はページ一部分の作成でしたが、時間はギリギリでした。大方指定の通りに作成することができましたが、リンク範囲や動きの付け方など、気をつけて作成したと思っていても限られた時間の中での作成に焦ってしまい、取りこぼしている部分もありました。課題後の評価では、自分のできていることととできていないことを理解することができたこと、また、知らなかった技術やより効率よく崩れないコーディングができるようにアドバイスもいただけて、自主学習ももっと頑張っていきたいと思いました。
 

終わりに

今回の研修を経て、改めて自分のスキルを再認識する機会をいただきましたが、コーディング1つでも考えるべきことがたくさんあって奥が深いなあと感じました。ただきれいに作るだけでなく、使う人のことを考えた制作を今後も心がけていきたいです。今回できていなかった部分の復習や新しい技術の習得にも積極的に取り組み、日々の制作に活かしていけたらと思います！