ここではこれまでに制作したデモサイトを紹介しています。サイトはすべて架空のサイトで学習目的で作成したものです。
整体院のホームページサイト(学習教材課題)
- 使用技術：HTML / CSS / JavaScript / WordPress
- ポイント：HTML/CSSの静的サイト構築からWordPressのオリジナルテーマ化、パンくずリスト、お問い合わせフォームをWordPressのプラグインで実装、Swiperを使用したカルーセル
- サイトURL：https://ichiko-works.com/wp-demo3/
フォトグラファーのポートフォリオサイト(学習教材課題)
- 使用技術：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
スポーツジムのサイト(学習教材課題)
- 使用技術：WordPress / Elementor / Envato Elements
- ポイント：ノーコード制作、Elementorを使用
- サイトURL：https://wp-demo1.ichiko-works.com/
美容院のサイト(学習教材課題)
- 使用技術：WordPress / Lightning
- ポイント：ノーコード制作、Lightningを使用
- サイトURL：https://wp-demo2.ichiko-works.com/