Yuuto.Y

作品の概要説明

web制作の自由課題練習で、制作しました。 担当範囲は、デザインカンプを提供していただき、コーディングから実装を進めました。 HTML,CSS,Javascript(jQuery)に加えwordpress,PHPでの制作となっています。 制作期間は、5月の初めから中旬くらいまでで、2週間ほどでの制作でした。

作品の見どころ

CSS:transform:skew;backgroundのlinerを使い背景を斜めのデザインができた。 JS:swiperプラグインを使いメインビジュアルのスライダーを作成。 Wordpress:デザインカンプから意図を汲み取り、wordpressのルールに合わせて設計方法を考えて作りました。 具体的には、投稿内容絞り込みなど、テンプレートページを通常にするか、カスタム投稿で作るかなど、

作品作成時の注力ポイントやエピソード

CSSでつまづいたポイントがありました。 背景を斜めにする実装方法やhoverすると矢印が右に伸びるトランジションなど思うようにいかない点がありました。 wordpressでの制作したのは、2回目でしたが、初めてやった実装方法もあり、前回制作した知見を活かしつつも、思ったより時間がかかってしまいた。 コンタクトフォーム7というお問い合わせプラグインなど使ったところでも詰まってしまた経験が得られました。

作品の成果

wordpressで0からテーマを作りコーポレートサイトを作るのは、2回目でしたので、調べて拾ってきたコードなどを理解する時間を制作している途中に当てました。 wordpressのループやサブループ以外時にPHPのforeach文を使うとwordpressの関数と組み合わせがよく、前回wordpressのホームページを作った時よりも綺麗にコード書けました。 まだまだサイトとしては改善がある場所もあると思うので、見つけ次第ブラッシュアップしていこうと思います。