西 葵のポートフォリオサイト

aoi.work

作品一覧

ラジカセ

ラジカセ

HTML/CSS/JavaScriptを用いてラジカセを作りました。JavaScriptで再生・一時停止・曲送り(戻し)を制御しています。

水族館の架空サイト

水族館の架空サイト

配布ワイヤーフレームを使用してコーディングを行ないました。CSSやJavaScriptでのアニメーションを多めに入れました。水族館ということで、ページ上に泡が浮かぶという動きも加えてみました。
※この作品は現在PC版のみの公開となっております。恐れ入りますが、パソコンからの閲覧をお願いいたします。

ポートフォリオサイト

ポートフォリオサイト

ただいまご覧のサイトです。スムーズな情報閲覧が可能なデザインを目指しました。BEM+scssで設計およびコーディングを行なっています。

観葉植物店架空サイト(クリスタデザインカンプコーディング)

観葉植物店の架空サイト

Adobe XDデザインカンプからのコーディングに取り組みました。数値の取得方法からハンバーガーメニューの記述まで総合的に学びました。

クイズゲーム

クイズゲーム

JavaScriptを用いて、4択のクイズゲームを作りました。正解・不正解や、結果画面での正解数に応じてキャラクターの表情が変わります。

音楽学校の架空サイト

音楽学校の架空サイト

JavaScriptを用いて、jsonデータから繰り返しデータを取得してループで表示させる方法を学んだので、そのアウトプットのため作成しました。