【HTML/CSS】第一回授業(作成した企業HomePageでグループワーク)【DIVE INTO CODE】

更新日:

「DIVE INTO CODE」学習記録 21日目

こんにちは。

21日目。勉強し始めて約一ヶ月。初めての授業。

学習内容

【テストRspec】

  • テストの必要性
  • テストの種類
  • TDDとBDD
  • Rspecについて
  • Rspecメソッドとマッチャ
  • モデルスペックへの記入

【ER図】

  • ER図とは
  • 書き方について

【クエリの使い方】

  • クエリとは
  • モデルにメソッドを書く必要性
  • デグレートとは
  • selfでクラスメソッドを定義する
  • CSVファイルのデータ投入

【DAY1授業(静的なwebページ制作について)】

 

感想

今回は第1回講義がありました。

勉強し始めて約一ヶ月。初めての授業です。

 

初めての授業といっても、講師のメンターさんも顔知ってますし、同期の方々もちらほら自習室であってますので初々しい感じはあんまないです。

 

テーマは「静的なwebページ制作について」。

19時〜21時の2時間の講義で、参加者は25人弱といったぐらい。

4つのテーブルの島があり、4グループに別れてのグループワーク形式で講義は進行します。

 

DAY1までにやってこなければならない課題が出されており、その課題に沿ってグループワーク。

 

出されていた課題は空想の企業DIVEのホームページ作成。

テキストに沿って進めていき、ヘッダーのグローバルナビゲーションやフッターはもちろん、

2カラムデザインでサイドにもメニューを作ります。

 

トップページからのページリンクは3つほど。

企業情報ページ、お問い合わせページ、事業内容ページ。

 

写真やデザイン、色などは全て用意されており、指定のデザイン通りに作る課題です。

 

お問い合わせページにはformタグを用いたテキストエリアやラジオボタン、submitボタンなどはつけますが、パラメータ送信などのバックの部分は一切作りません。

 

あくまでHTMLとCSSに慣れることを目的としたものです。

 

デザインまったく一緒の物を受講生全員作っているわけなので、

ほとんどコードに違いはありません。

まあそれでも若干の違いはあって。

 

「お問い合わせページの送信ボタンが思い通りの場所に行かないわ」

・・・「テーブルタグの中にinput type=submitを入れてると、動かしづらいですよ。外に出すといいですよ」

 

「性別選択のラジオボタンが男・女どちらも選択できてしまう」

・・・「name属性をform内につけてグルーピングすると片方しか選択できないようになりますよ」

 

まあこんな感じの意見交換をしていました。

 

最後は4つのグループごとに代表者が発表し、さらに全体で共有。

代表者に選んでもらい、皆さんの前で発表させていただきました。

 

分かりづらい発表だったと思います。

人前はどうしても緊張します。いくらやっても慣れません。

 

どのグループもだいたい同じような内容でした。

 

全グループ発表の後は、各受講生さんがHTMLの課題でもう一つ作成した、

自己紹介ポートフォリオを全体で共有してました。

 

他の方がどんなポートフォリオ作っていたのか気になっていたので、

これは見れて楽しかったです。

 

全体の感想として、

 

正直な話をしますと、

がっつりrailsやり始めてしまった私には正直少し物足りない内容でした。

 

勝手に進めといてこんなことをいうのもあれですが。

 

でも、同期の方々と、また少し話すことができたかと思います。

 

次回の授業はまた一週間後です。

次はJavaScript。かなり忘れているので、復習になるかなと思います。

 

とりあえず次回の授業までにはカリキュラム卒業課題以外全て終わらせます。

 

以上ありがとうございました。

-DIVE INTO CODE
-, , , , ,

Copyright© s u p ? , 2019 All Rights Reserved.