works

LP制作

✖️

LP制作

Figmaでデザインされたサイトに沿って制作したLPサイトです。実際の実務のように仕様書で指示を受け、コンテンツ幅、写真の位置や文字の大きさなどを設定しました。また、サイトがスクロールされたら下からフェードインするようになっています。苦戦したことは、コンテンツ幅を決め方は難しく何度も間違えながら、先生に教えてもらいながら作成できました。

使用言語

HTML/CSS(Scss)/jquery

作品ページへ

EC_SITE

✖️

EC_SITE

Scssの勉強をした際の週末課題で作成したECサイトです。ペアーの方とお互いが好きなファッションサイトを参考にしました。時間が限られていて全てを模写することは出来なかったので、どこ箇所を参考にするかを話し合い、ピックアップをし作成しました。苦戦したことは、アコーディオンメニューでマウスオーバーした際に、文字が表示された時に文字の分がヌルっと下にズレるようにしたかったのですが、出来ず挑戦中です。

使用言語

HTML/CSS(Scss)/jQuery

作品ページへ

API

✖️

APIで猫占い

AIPの参考サイトの中から、猫の写真がランダムに出てくるものを使用し、占いが出来るサイトを作成しました。占いは、Javascriptでランダムに出てくるようにしています。また、写真と占いが表示されたら画面が下に下がるように工夫しました。苦戦したことは、占いを表示するコードを書くことです。

使用言語

HTML/CSS(Scss)/jQuery/API

作品ページへ

OJT作品

✖️

OJT作品

OJT作品として、沖縄県の北谷にあるアメリカンビレッジのHP制作で作成しました。 HTML/CSS、Jqueryはもちろん、PHP、Wordpressを使用し、記事の投稿を出来るようにしました。苦戦したことは、PHPやWordpressを初めて使って作成した作品だったので、一つ一つ検索しながら作り上げました。

使用言語

HTML/CSS(Scss)/jQuery/PHP/Wordpress

作品ページへ

SKILL

WORK