works

制作範囲

制作期間

ツール

coding

2week

VScode

制作範囲

制作期間

ツール

coding

2week

VScode

designcafe

DESIGNCAFE

課題内容

llustratorから値を取得しコーディングする課題です。

地図の埋め込み
アセットの書き出し
FABの実装
jQueryでハンバーガーメニューを動かす
slickを使いスライダーを実装

制作後の感想

コーディングの最終課題でデザインカンプを参考にCAFEサイトを作成する課題でした。
JavaScriptの実装が思うようにいかず、1箇所のつまづきに半日頭を悩ませたり、1歩進んでは立ち止まるを繰り返しやっとの思いで完成させた初めてのWEBページです。
コードが長くなればなるほど、記述の位置を探すのに何度もスクロールをして時間をかけてしまったり、PC版とSP版で表示の仕方が異なり出し分けするところで頭がごちゃごちゃになったりなど反省するポイントをあげるとキリがありませんが、一つのサイトを完成させた達成感とコードをたくさん書くことによって理解も深まりました。
PC版1週間、SP版1週間の計2週間で作成しました。

designcafe_pc
designcafe_sp