Webサイト制作
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
英会話スクールWebサイト
使用言語：HTML/CSS/JavaScript(jQuery)
ポイント：レスポンシブ対応、メインビジュアルスライダー、ハンバーガーメニュー、アニメーションの動作タイミング制御、ホバーアニメーション
制作期間：66時間
参考単価：５～７万円
引用文献：https://code-step.com/
https://jp.freepik.com/
カフェWebサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスデザイン(PCのみ)、GoogleMap埋め込み、ホバーアニメーション
制作期間：14時間
参考単価：５万円
引用文献：https://code-step.com/
https://jp.freepik.com/
旅行ブログサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、Twitter埋め込み、ホバーアニメーション
制作期間：16時間
参考単価：３～５万円
引用文献：https://code-step.com/
https://picsum.photos/
和菓子ストアサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応、GoogleMap埋め込み
制作期間：14時間
参考単価：３～５万円
引用文献：https://code-step.com/
https://picsum.photos/
Web制作会社コーポレートサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応
制作期間：12時間
参考単価：３～５万円
引用文献：https://code-step.com/
書店ストアサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応、ホバーアニメーション
制作期間：12時間
参考単価：３～４万円
引用文献：https://code-step.com/
https://jp.freepik.com/
https://picsum.photos/
建築事業コーポレートサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスアニメーション、ホバーアニメーション、レフトナビゲーション、ページトップボタン、ハンバーガーメニュー
所要時間：32時間
参考単価：５～７万円
引用文献：https://code-step.com/
https://jp.freepik.com/
メディアサイト
使用言語：HTML/CSS/JavaScript/jQuery
ポイント：レシポンシブ対応、ハンバーガーメニュー、カルーセルスライダー、グリッドレイアウト、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間：32時間
参考単価：10万円
引用文献：https://code-step.com/
https://jp.freepik.com/
水族館Webサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、ハンバーガーメニュー
所要時間：20時間
参考単価：５万円
引用文献：https://mogablog.work/web/design/wireframe/
サービスサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応
所要時間：20時間
参考単価：３～５万円
引用文献：https://code-step.com/
Webサイト制作
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
英会話スクールWebサイト
使用言語：HTML/CSS/JavaScript(jQuery)
ポイント：レスポンシブ対応、メインビジュアルスライダー、ハンバーガーメニュー、アニメーションの動作タイミング制御、ホバーアニメーション
制作期間：66時間
参考単価：５～７万円
引用文献：https://code-step.com/
https://jp.freepik.com/
カフェWebサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスデザイン(PCのみ)、GoogleMap埋め込み、ホバーアニメーション
制作期間：14時間
参考単価：５万円
引用文献：https://code-step.com/
https://jp.freepik.com/
旅行ブログサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、Twitter埋め込み、ホバーアニメーション
制作期間：16時間
参考単価：３～５万円
引用文献：https://code-step.com/
https://picsum.photos/
和菓子ストアサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応、GoogleMap埋め込み
制作期間：14時間
参考単価：３～５万円
引用文献：https://code-step.com/
https://picsum.photos/
Web制作会社コーポレートサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応
制作期間：12時間
参考単価：３～５万円
引用文献：https://code-step.com/
書店ストアサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応、ホバーアニメーション
制作期間：12時間
参考単価：３～４万円
引用文献：https://code-step.com/
https://jp.freepik.com/
https://picsum.photos/
建築事業コーポレートサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスアニメーション、ホバーアニメーション、レフトナビゲーション、ページトップボタン、ハンバーガーメニュー
所要時間：32時間
参考単価：５～７万円
引用文献：https://code-step.com/
https://jp.freepik.com/
メディアサイト
使用言語：HTML/CSS/JavaScript/jQuery
ポイント：レシポンシブ対応、ハンバーガーメニュー、カルーセルスライダー、グリッドレイアウト、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間：32時間
参考単価：10万円
引用文献：https://code-step.com/
https://jp.freepik.com/
水族館Webサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、ハンバーガーメニュー
所要時間：20時間
参考単価：５万円
引用文献：https://mogablog.work/web/design/wireframe/
サービスサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応
所要時間：20時間
参考単価：３～５万円
引用文献：https://code-step.com/
Webアプリケーション開発
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
シューティングフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：動作環境はPCのみ、効果音・BGMあり
制作期間：80時間
操作説明：HPが0でGameOver、一定時間の生存でGameClear！音量注意です。
引用文献：https://original-game.com/enchantjs-gunshooting-game/
https://www.ac-illust.com/
https://stablediffusionweb.com/
パズルフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：スマホ対応、効果音、BGM
制作期間：40時間
操作説明：キーボードとボタン両方対応。３個つなぐと退治できます。出現位置まで詰まるとGameOver、一定時間の生存でGameClear！
引用文献：7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑
https://stablediffusionweb.com/
https://www.ac-illust.com/
チャットボット（占い・クイズ）
使用言語：HTML/CSS/JavaScript
ポイント：心理テストとクイズ レスポンシブ対応
所要時間：50時間
操作説明：チャットボット。クリックまたはタッチで操作。
引用文献：https://mogablog.work/web/design/wireframe/
Webアプリケーション開発
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
シューティングフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：動作環境はPCのみ、効果音・BGMあり
制作期間：80時間
操作説明：HPが0でGameOver、一定時間の生存でGameClear！音量注意です。
引用文献：https://original-game.com/enchantjs-gunshooting-game/
https://www.ac-illust.com/
https://stablediffusionweb.com/
パズルフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：スマホ対応、効果音、BGM
制作期間：40時間
操作説明：キーボードとボタン両方対応。３個つなぐと退治できます。出現位置まで詰まるとGameOver、一定時間の生存でGameClear！
引用文献：7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑
https://stablediffusionweb.com/
https://www.ac-illust.com/
チャットボット（占い・クイズ）
使用言語：HTML/CSS/JavaScript
ポイント：心理テストとクイズ レスポンシブ対応
所要時間：50時間
操作説明：チャットボット。クリックまたはタッチで操作。
引用文献：https://mogablog.work/web/design/wireframe/
