Webサイト制作
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
カフェWebサイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：カスタム投稿タイプ・カスタムタクソノミーの作成、カテゴリー毎の一覧表示、ヘッダースクロールイベント、トップページアニメーション、ページネーション
制作期間：40時間
参考単価：５～７万円
参考資料：https://code-jump.com/wp-pagination/
https://chatgpt.com/
https://o-dan.net/ja/
別荘建設業ＨＰ
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、ハンバーガーメニュー、アコーディオンメニュー、ページネーション、GoogleMap埋め込み、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション
制作期間：60時間
参考単価：５～７万円
参考資料：https://code-jump.com/, https://pixabay.com/ja/, https://jp.freepik.com/, Copilot Designer
求人系ＨＰ
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：カテゴリーごとの一覧表示、フリーワード検索、一覧ページの文字数制限
操作説明：「求人」カテゴリーの記事をフリーワードで検索できます。一覧ページにて、記事のタイトル及び本文が一定の文字数を超えた場合に以降を省略し「…」と表示します。
制作期間：70時間
参考単価：20万円
参考資料：https://chatgpt.com/
https://code-jump.com/#coding-wp
https://o-dan.net/ja/
化粧品ＥＣサイト
使用ツール：WordPress/Astra
ポイント：WooCommerceによる商品管理。化粧品の説明とカートに入れた時の表示、決済方法はKOMOJU設定が必要。
制作期間：50時間
参考単価：20万円
参考資料：ADOBE EXPRESS
事業所紹介ＬＰ
使用ツール：HTML/CSS/JavaScript
ポイント：全事業所が紹介されている。
制作期間：10時間
参考単価：５万円
コンサル系ＬＰ
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、アコーディオンメニュー、ページトップボタン、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、GoogleMap埋め込み、SNSリンク埋め込み、ページネーション
制作期間：60時間
参考単価：５～７万円
参考資料：https://code-jump.com/ https://jp.freepik.com/
不動産系コーポレートサイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、ホバーアニメーション、GoogleMap埋め込み
制作期間：50時間
参考単価：５万円
参考資料：久保田涼子ほか「HTMLサイトをWordPressにする本」ソシム, 20230826 https://gemini.google.com/app https://www.adobe.com/jp/express/
福祉系コーポレートサイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、ハンバーガーメニュー
制作期間：50時間
参考単価：５万円
参考資料：https://code-jump.com/ https://jp.freepik.com/
くだものサイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、お問い合わせフォーム、ハンバーガーメニュー、ページネーション、GoogleMap埋め込み、ホバーアニメーション、SNSリンク埋め込み
制作期間：44時間
参考単価：５～７万円
参考資料：https://code-jump.com/ https://jp.freepik.com/
医療系サイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、パララックスデザイン、ハンバーガーメニュー、ページネーション、お問い合わせフォーム、GoogleMap埋め込み、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、WP-Membersによるログイン機能
所要時間：47時間
参考単価：５～７万円
参考資料：https://code-step.com/ https://jp.freepik.com/ https://unsplash.com/ja
ストアサイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、ハンバーガーメニュー、ページネーション、SNSリンク埋め込み、お問い合わせフォーム
所要時間：40時間
参考単価：５万円
参考資料：https://code-jump.com/store2-menu/ https://pixabay.com/ja/
ブログサイト
使用ツール：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、Twitter(X)埋め込み、お問い合わせフォーム
所要時間：24時間
参考単価：５万円
参考資料：https://code-step.com/ https://jp.freepik.com/
ギャラリーサイト
使用ツール：HTML/CSS/JavaScript
ポイント：レシポンシブ対応、ハンバーガーメニュー、スクロールイベント、スライドボタン、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間：54時間
参考単価：12万円
参考資料：https://code-step.com/ https://jp.freepik.com/
洋菓子ストアサイト
使用ツール：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、ホバーアニメーション、パンくずリスト、お問合せフォーム
所要時間：20時間
参考単価：５万円
参考資料：https://mogablog.work/web/design/wireframe/
サービスサイト
使用ツール：HTML/CSS
ポイント：レスポンシブ対応
所要時間：20時間
参考単価：３～５万円
参考資料：https://code-step.com/
水族館Webサイト
使用ツール：WordPress/Lightning
ポイント：指示書にそって制作、プランや団体料金などの細部にわたって漏れのないように制作。
所要時間：40時間
参考単価：５～７万円
参考資料：ADOBE EXPRESS
メディアサイト
使用ツール：HTML/CSS/JavaScript/jQuery
ポイント：レシポンシブ対応、ハンバーガーメニュー、カルーセルスライダー、グリッドレイアウト、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間：32時間
参考単価：10万円
参考資料：https://code-step.com/
https://jp.freepik.com/
建築事業コーポレートサイト
使用ツール：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスアニメーション、ホバーアニメーション、レフトナビゲーション、ページトップボタン、ハンバーガーメニュー
所要時間：32時間
参考単価：５～７万円
参考資料：https://code-step.com/
https://jp.freepik.com/
書店ストアサイト
使用ツール：HTML/CSS
ポイント：レスポンシブ対応、ホバーアニメーション
制作期間：12時間
参考単価：３～４万円
参考資料：https://code-step.com/ https://jp.freepik.com/ https://picsum.photos/
Web制作会社コーポレートサイト
使用ツール：HTML/CSS
ポイント：レスポンシブ対応
制作期間：12時間
参考単価：３～５万円
参考資料：https://code-step.com/
和菓子ストアサイト
使用ツール：HTML/CSS
ポイント：レスポンシブ対応、GoogleMap埋め込み
制作期間：14時間
参考単価：３～５万円
参考資料：https://code-step.com/ https://picsum.photos/
旅行ブログサイト
使用ツール：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、Twitter埋め込み、ホバーアニメーション
制作期間：16時間
参考単価：３～５万円
参考資料：https://code-step.com/ https://picsum.photos/
カフェWebサイト
使用ツール：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスデザイン(PCのみ)、GoogleMap埋め込み、ホバーアニメーション
制作期間：14時間
参考単価：５万円
参考資料：https://code-step.com/ https://jp.freepik.com/
英会話スクールWebサイト
使用ツール：HTML/CSS/JavaScript/jQuery
ポイント：レスポンシブ対応、メインビジュアルスライダー、ハンバーガーメニュー、アニメーションの動作タイミング制御、ホバーアニメーション
制作期間：66時間
参考単価：５～７万円
参考資料：https://code-step.com/ https://jp.freepik.com/
Webサイト制作
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
事業所紹介ＬＰ
使用言語：HTML/CSS/JavaScript
ポイント：全事業所が紹介されている。
制作期間：10時間
参考単価：５万円
コンサル系ＬＰ
使用言語：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、アコーディオンメニュー、ページトップボタン、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、GoogleMap埋め込み、SNSリンク埋め込み、ページネーション
制作期間：60時間
参考単価：５～７万円
引用文献：https://code-jump.com/ https://jp.freepik.com/
不動産系コーポレートサイト
使用言語：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、ホバーアニメーション、GoogleMap埋め込み
制作期間：50時間
参考単価：５万円
引用文献：久保田涼子ほか「HTMLサイトをWordPressにする本」ソシム, 20230826 https://gemini.google.com/app https://www.adobe.com/jp/express/
くだものサイト
使用言語：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、ハンバーガーメニュー、GoogleMap埋め込み
制作期間：50時間
参考単価：５～７万円
引用文献：https://code-step.com/ https://jp.freepik.com/
医療系サイト
使用言語：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、パララックスデザイン、ハンバーガーメニュー、ページネーション、お問い合わせフォーム、GoogleMap埋め込み、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、WP-Membersによるログイン機能
所要時間：47時間
参考単価：５～７万円
引用文献：https://code-step.com/ https://jp.freepik.com/ https://unsplash.com/ja
ストアサイト
使用言語：HTML/CSS/JavaScript/WordPress/PHP
ポイント：オリジナルテーマ作成、レスポンシブ対応、ハンバーガーメニュー、ページネーション、SNSリンク埋め込み、お問い合わせフォーム
所要時間：40時間
参考単価：５万円
引用文献：https://code-jump.com/store2-menu/ https://pixabay.com/ja/
ブログサイト
使用言語：
HTML/CSS/JavaScript
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、Twitter(X)埋め込み、お問い合わせフォーム
所要時間：24時間
参考単価：５万円
引用文献：https://code-step.com/ https://jp.freepik.com/
ギャラリーサイト
使用言語：HTML/CSS/JavaScript
ポイント：レシポンシブ対応、ハンバーガーメニュー、スクロールイベント、スライドボタン、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間：54時間
参考単価：12万円
引用文献：https://code-step.com/ https://jp.freepik.com/
洋菓子ストアサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、ホバーアニメーション、パンくずリスト、お問合せフォーム
所要時間：20時間
参考単価：５万円
引用文献：https://mogablog.work/web/design/wireframe/
サービスサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応
所要時間：20時間
参考単価：３～５万円
引用文献：https://code-step.com/
水族館Webサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、ハンバーガーメニュー
所要時間：20時間
参考単価：５万円
引用文献：https://mogablog.work/web/design/wireframe/
メディアサイト
使用言語：HTML/CSS/JavaScript/jQuery
ポイント：レシポンシブ対応、ハンバーガーメニュー、カルーセルスライダー、グリッドレイアウト、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間：32時間
参考単価：10万円
引用文献：https://code-step.com/https://jp.freepik.com/
建築事業コーポレートサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスアニメーション、ホバーアニメーション、レフトナビゲーション、ページトップボタン、ハンバーガーメニュー
所要時間：32時間
参考単価：５～７万円
引用文献：https://code-step.com/ https://jp.freepik.com/
書店ストアサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応、ホバーアニメーション
制作期間：12時間
参考単価：３～４万円
引用文献：https://code-step.com/ https://jp.freepik.com/ https://picsum.photos/
Web制作会社コーポレートサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応
制作期間：12時間
参考単価：３～５万円
引用文献：https://code-step.com/
和菓子ストアサイト
使用言語：HTML/CSS
ポイント：レスポンシブ対応、GoogleMap埋め込み
制作期間：14時間
参考単価：３～５万円
引用文献：https://code-step.com/ https://picsum.photos/
旅行ブログサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、Twitter埋め込み、ホバーアニメーション
制作期間：16時間
参考単価：３～５万円
引用文献：https://code-step.com/ https://picsum.photos/
カフェWebサイト
使用言語：HTML/CSS/JavaScript
ポイント：レスポンシブ対応、パララックスデザイン(PCのみ)、GoogleMap埋め込み、ホバーアニメーション
制作期間：14時間
参考単価：５万円
引用文献：https://code-step.com/ https://jp.freepik.com/
英会話スクールWebサイト
使用言語：HTML/CSS/JavaScript(jQuery)
ポイント：レスポンシブ対応、メインビジュアルスライダー、ハンバーガーメニュー、アニメーションの動作タイミング制御、ホバーアニメーション
制作期間：66時間
参考単価：５～７万円
引用文献：https://code-step.com/ https://jp.freepik.com/
Webアプリケーション開発
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
Web掲示板 ver 2.0
使用ツール：HTML/CSS/PHP/SQL
ポイント：ソート機能、絞り込み機能、ページネーション、コメント機能、閲覧数カウンター、コメントカウンター、ログイン機能
所要時間：100時間
操作説明：記事をカテゴリーや日付などで絞り込むことができます。記事が10件を超える場合、自動的にページネーションが生成されます。ログインすると記事の作成、コメントの投稿、および削除が可能です。
参考資料：
https://chatgpt.com/
座席表作成ツール
使用言語：HTML/CSS/PHP/SQL
ポイント：並べ替え機能
所要時間：10時間
操作説明：初期画面で表の行列を入力する。 行列の追加や削除ができる。フォームに名前を入力し、保存ボタンを押下する。 様々な並び替えができる。
Web掲示板
使用ツール：HTML/CSS/PHP/SQL
ポイント：ソート機能、絞り込み機能、ページネーション、コメント機能、閲覧数カウンター、コメントカウンター
所要時間：80時間
操作説明：記事をカテゴリーや日付などで絞り込むことができます。記事が10件を超える場合、自動的にページネーションが生成されます。記事の作成、コメントの投稿、および削除が可能です。
参考資料：
https://chatgpt.com/
当番表作成ツール
使用ツール：HTML/CSS/PHP
ポイント：ログイン機能、MVCモデルに基づく設計
所要時間：50時間
操作説明：管理者名:hoge、パスワード:12345でログインする。 ユーザー管理、当番管理にてユーザーと当番を登録する。 パターン管理でユーザーと当番のパターンを登録する。 パターン管理にアクセス、または作業続行変更を押下で グループごとに当番を設定する。 ログアウトすると初期画面が表示される。 作業続行は空白で表示される。
ToDoリスト
使用ツール：HTML/CSS/JavaScript
ポイント：表示・追加・削除ができるToDoリスト。その日のタスク管理に利用。データベース利用無し。
所要時間：10時間
操作説明：タスクを文字入力後、クリックで追加。タスク完了の際はチェックボックスをクリック。 各タスクを削除する際は左のボタンをクリック。全てのタスクを削除する際は下のボタンをクリック。 保存はされないので必要であればスクショをして下さい。
参考資料：
https://savvycode.dev/javascript-todo-tutorial-introduction/
チャットボット（占い・クイズ）
使用ツール：HTML/CSS/JavaScript
ポイント：心理テストとクイズ レスポンシブ対応
所要時間：50時間
操作説明：チャットボット。クリックまたはタッチで操作。
参考資料：https://mogablog.work/web/design/wireframe/
パズルフラッシュゲーム
使用ツール：HTML/JavaScript
ポイント：スマホ対応、効果音、BGM
制作期間：40時間
操作説明：キーボードとボタン両方対応。３個つなぐと退治できます。出現位置まで詰まるとGameOver、一定時間の生存でGameClear！
参考資料：7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑 https://stablediffusionweb.com/ https://www.ac-illust.com/
シューティングフラッシュゲーム
使用ツール：HTML/JavaScript
ポイント：動作環境はPCのみ、効果音・BGMあり
制作期間：80時間
操作説明：HPが0でGameOver、一定時間の生存でGameClear！音量注意です。
参考資料：https://original-game.com/enchantjs-gunshooting-game/ https://www.ac-illust.com/ https://stablediffusionweb.com/
zip文字化け変換
使用ツール：python
ポイント：動作環境PCのみ対応、解凍前にエンコード確認テスト可能
所要時間：約30時間
操作説明：ダウンロード後zip解凍しhikaku5.exeで起動しjis文字化け解凍またはutf-8文字化け解凍ボタンをおし保存先のフォルダ選択画面が出るためフォルダを選んでください。
注意：起動時に管理者権限で起動します
Webアプリケーション開発
主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています！
Web掲示板 ver 2.0
使用言語：HTML/CSS/PHP/SQL
ポイント：ソート機能、絞り込み機能、ページネーション、コメント機能、閲覧数カウンター、コメントカウンター、ログイン機能
所要時間：100時間
操作説明：記事をカテゴリーや日付などで絞り込むことができます。記事が10件を超える場合、自動的にページネーションが生成されます。ログインすると記事の作成、コメントの投稿、および削除が可能です。
引用文献：
https://chatgpt.com/
座席表作成ツール
使用言語：HTML/CSS/PHP/SQL
ポイント：並べ替え機能
所要時間：10時間
操作説明：初期画面で表の行列を入力する。 行列の追加や削除ができる。フォームに名前を入力し、保存ボタンを押下する。 様々な並び替えができる。
Web掲示板
使用言語：HTML/CSS/PHP/SQL
ポイント：ソート機能、絞り込み機能、ページネーション、コメント機能、閲覧数カウンター、コメントカウンター
所要時間：80時間
操作説明：記事をカテゴリーや日付などで絞り込むことができます。記事が10件を超える場合、自動的にページネーションが生成されます。記事の作成、コメントの投稿、および削除が可能です。
引用文献：
https://chatgpt.com/
当番表作成ツール
使用言語：HTML/CSS/PHP
ポイント：ログイン機能、MVCモデルに基づく設計
所要時間：50時間
操作説明：管理者名:hoge、パスワード:12345でログインする。 ユーザー管理、当番管理にてユーザーと当番を登録する。 パターン管理でユーザーと当番のパターンを登録する。 パターン管理にアクセス、または作業続行変更を押下で グループごとに当番を設定する。 ログアウトすると初期画面が表示される。 作業続行は空白で表示される。
ToDoリスト
使用言語：HTML/CSS/JavaScript
ポイント：表示・追加・削除ができるToDoリスト。その日のタスク管理に利用。データベース利用無し。
所要時間：10時間
操作説明：タスクを文字入力後、クリックで追加。タスク完了の際はチェックボックスをクリック。 各タスクを削除する際は左のボタンをクリック。全てのタスクを削除する際は下のボタンをクリック。 保存はされないので必要であればスクショをして下さい。
引用文献：https://savvycode.dev/javascript-todo-tutorial-introduction/
チャットボット（占い・クイズ）
使用言語：HTML/CSS/JavaScript
ポイント：心理テストとクイズ レスポンシブ対応
所要時間：50時間
操作説明：チャットボット。クリックまたはタッチで操作。
引用文献：https://mogablog.work/web/design/wireframe/
パズルフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：スマホ対応、効果音、BGM
制作期間：40時間
操作説明：キーボードとボタン両方対応。３個つなぐと退治できます。出現位置まで詰まるとGameOver、一定時間の生存でGameClear！
引用文献：7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑
https://stablediffusionweb.com/ https://www.ac-illust.com/
シューティングフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：動作環境はPCのみ、効果音・BGMあり
制作期間：80時間
操作説明：HPが0でGameOver、一定時間の生存でGameClear！音量注意です。
引用文献：https://original-game.com/enchantjs-gunshooting-game/ https://www.ac-illust.com/ https://stablediffusionweb.com/
zip文字化け変換
使用言語：python
ポイント：動作環境PCのみ対応、解凍前にエンコード確認テスト可能
所要時間：約30時間
操作説明：ダウンロード後zip解凍しhikaku5.exeで起動しjis文字化け解凍またはutf-8文字化け解凍ボタンをおし保存先のフォルダ選択画面が出るためフォルダを選んでください。
注意：起動時に管理者権限で起動します