ここではこれまでに制作したデモサイトを紹介しています。サイトはすべて架空のサイトで学習目的で作成したものです。
フォトグラファーのポートフォリオサイト(学習教材課題)
- 使用技術:HTML / CSS / jQuery
- ポイント:レスポンシブ対応、slickを使用したカルーセル、セクション表示時のアニメーション、モーダルウィンドウ、スムーススクロール
- サイトURL:https://ichiko-git.github.io/myprofile
- GitHub:https://github.com/ichiko-git/myprofile
プログラミング教育業界のコーポレートサイト(学習教材課題)
- 使用技術:HTML / CSS / jQuery
- ポイント:レスポンシブ対応(ハンバーガーメニュー)、slickを使用したカルーセル、ボタンのアニメーション、お問い合わせフォームの入力チェック機能
- サイトURL:https://ichiko-git.github.io/socialtech
- GitHub:https://github.com/ichiko-git/socialtech
タイピングゲーム(学習教材課題)
- 使用技術:HTML / CSS / JavaScript
- ポイント:ランダムなテキスト表示、キー入力判定、カウントタイマー、カウントダウン、ランク判定
- サイトURL:https://ichiko-git.github.io/typinggame
- GitHub:https://github.com/ichiko-git/typinggame
コーヒー豆販売ショップのサイト(学習教材課題)
- 使用技術:HTML / CSS
- ポイント:レスポンシブ対応、flexboxやpositionを使用したレイアウト
- サイトURL:https://ichiko-git.github.io/cat-coffee
- GitHub:https://github.com/ichiko-git/cat-coffee
スポーツジムのサイト(学習教材課題)
- 使用技術:WordPress / Elementor / Envato Elements
- ポイント:ノーコード制作、Elementorを使用
- サイトURL:https://wp-demo1.ichiko-works.com/
美容院のサイト(学習教材課題)
- 使用技術:WordPress / Lightning
- ポイント:ノーコード制作、Lightningを使用
- サイトURL:https://wp-demo2.ichiko-works.com/