就労継続支援A型事業所
スキルアップ
就労継続支援A型事業所
スキルアップ

プログラミング作品集

利用者様方の制作物の紹介です。
​主に社内の案件に対応してくださっており、社外案件の受注に向けて
スキルを磨いて下さっています!

プログラミング作品集

利用者様方の制作物の紹介です。

主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています!

Webサイト制作

主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています!

求人系HP

使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:カテゴリーごとの一覧表示、フリーワード検索、一覧ページの文字数制限
操作説明:「求人」カテゴリーの記事をフリーワードで検索できます。一覧ページにて、記事のタイトル及び本文が一定の文字数を超えた場合に以降を省略し「…」と表示します。
制作期間:70時間
参考単価:20万円
引用文献:https://chatgpt.com/ 
                  https://code-jump.com/#coding-wp   
                  https://o-dan.net/ja/

化粧品ECサイト

使用言語:WordPress/Astra/WooCommerce/KOMOJU
ポイント:化粧品の説明とカートに入れた時の表示、決済方法はKOMOJU設定が必要。
制作期間:50時間
参考単価:20万円
引用文献:ADOBE EXPRESS

事業所紹介LP

使用言語:HTML/CSS/JavaScript
ポイント:全事業所が紹介されている。
制作期間:10時間
参考単価:5万円

コンサル系LP

使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、アコーディオンメニュー、ページトップボタン、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、GoogleMap埋め込み、SNSリンク埋め込み、ページネーション
制作期間:60時間
参考単価:5~7万円
引用文献:
https://code-jump.com/ https://jp.freepik.com/

不動産系コーポレートサイト

使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、ホバーアニメーション、GoogleMap埋め込み
制作期間:50時間
参考単価:5万円
引用文献:久保田涼子ほか「HTMLサイトをWordPressにする本」ソシム, 20230826
 https://gemini.google.com/app                          https://www.adobe.com/jp/express/

福祉系コーポレートサイト

使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、ハンバーガーメニュー
制作期間:50時間
参考単価:5万円
引用文献:
https://code-jump.com/ https://jp.freepik.com/

くだものサイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、投稿機能、レスポンシブ対応、お問い合わせフォーム、ハンバーガーメニュー、ページネーション、GoogleMap埋め込み、ホバーアニメーション、SNSリンク埋め込み
制作期間:44時間
参考単価:5~7万円
引用文献:https://code-jump.com/ https://jp.freepik.com/

医療系サイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、投稿機能、レスポンシブ対応、パララックスデザイン、ハンバーガーメニュー、ページネーション、お問い合わせフォーム、GoogleMap埋め込み、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、WP-Membersによるログイン機能
所要時間:47時間
参考単価:5~7万円
引用文献:https://code-step.com/ https://jp.freepik.com/ https://unsplash.com/ja

ストアサイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、ハンバーガーメニュー、ページネーション、SNSリンク埋め込み、お問い合わせフォーム
所要時間:40時間
参考単価:5万円
引用文献:https://code-jump.com/store2-menu/ https://pixabay.com/ja/

ブログサイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、投稿機能、レスポンシブ対応、Twitter(X)埋め込み、お問い合わせフォーム
所要時間:24時間
参考単価:5万円
引用文献: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時間
参考単価:5万円
引用文献:https://mogablog.work/web/design/wireframe/

サービスサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応
所要時間:20時間
参考単価:3~5万円
引用文献:https://code-step.com/

水族館Webサイト
制作方法:WordPress/Lightning
ポイント:指示書にそって制作、プランや団体料金などの細部にわたって漏れのないように制作。
所要時間:40時間
参考単価:5~7万円
参考文献:ADOBE EXPRESS

メディアサイト
使用言語:HTML/CSS/JavaScript/jQuery
ポイント:レシポンシブ対応、ハンバーガーメニュー、カルーセルスライダー、グリッドレイアウト、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間:32時間
参考単価:10万円
引用文献:https://code-step.com/
                  https://jp.freepik.com/

建築事業コーポレートサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、パララックスアニメーション、ホバーアニメーション、レフトナビゲーション、ページトップボタン、ハンバーガーメニュー
所要時間:32時間
参考単価:5~7万円
引用文献:https://code-step.com/
                  https://jp.freepik.com/

書店ストアサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応、ホバーアニメーション
制作期間:12時間
参考単価:3~4万円
引用文献:https://code-step.com/ https://jp.freepik.com/ https://picsum.photos/

Web制作会社コーポレートサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応
制作期間:12時間
参考単価:3~5万円
引用文献:https://code-step.com/

和菓子ストアサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応、GoogleMap埋め込み
制作期間:14時間
参考単価:3~5万円
引用文献:https://code-step.com/ https://picsum.photos/

旅行ブログサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、Twitter埋め込み、ホバーアニメーション
制作期間:16時間
参考単価:3~5万円
引用文献:https://code-step.com/ https://picsum.photos/

カフェWebサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、パララックスデザイン(PCのみ)、GoogleMap埋め込み、ホバーアニメーション
制作期間:14時間
参考単価:5万円
引用文献:https://code-step.com/ https://jp.freepik.com/

英会話スクールWebサイト
使用言語:HTML/CSS/JavaScript(jQuery)
ポイント:レスポンシブ対応、メインビジュアルスライダー、ハンバーガーメニュー、アニメーションの動作タイミング制御、ホバーアニメーション
制作期間:66時間
参考単価:5~7万円
引用文献:https://code-step.com/ https://jp.freepik.com/

Webサイト制作

主に社内の案件に対応してくださっており、社外案件の受注に向けてスキルを磨いて下さっています!

事業所紹介LP

使用言語:HTML/CSS/JavaScript
ポイント:全事業所が紹介されている。
制作期間:10時間
参考単価:5万円

コンサル系LP

使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、アコーディオンメニュー、ページトップボタン、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、GoogleMap埋め込み、SNSリンク埋め込み、ページネーション
制作期間:60時間
参考単価:5~7万円
引用文献:
https://code-jump.com/ https://jp.freepik.com/

不動産系コーポレートサイト

使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、投稿機能、ハンバーガーメニュー、ホバーアニメーション、GoogleMap埋め込み
制作期間:50時間
参考単価:5万円
引用文献:久保田涼子ほか「HTMLサイトをWordPressにする本」ソシム, 20230826
 https://gemini.google.com/app                          https://www.adobe.com/jp/express/

くだものサイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、お問い合わせフォーム、ハンバーガーメニュー、GoogleMap埋め込み
制作期間:50時間
参考単価:5~7万円
引用文献:https://code-step.com/ https://jp.freepik.com/

医療系サイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、投稿機能、レスポンシブ対応、パララックスデザイン、ハンバーガーメニュー、ページネーション、お問い合わせフォーム、GoogleMap埋め込み、ホバーアニメーション、アニメーションの動作タイミング制御、フェードインアニメーション、WP-Membersによるログイン機能
所要時間:47時間
参考単価:5~7万円
引用文献:https://code-step.com/ https://jp.freepik.com/ https://unsplash.com/ja

ストアサイト
使用言語:HTML/CSS/JavaScript/WordPress/PHP
ポイント:オリジナルテーマ作成、レスポンシブ対応、ハンバーガーメニュー、ページネーション、SNSリンク埋め込み、お問い合わせフォーム
所要時間:40時間
参考単価:5万円
引用文献:https://code-jump.com/store2-menu/ https://pixabay.com/ja/

ブログサイト
使用言語:
HTML/CSS/JavaScript
ポイント:オリジナルテーマ作成、投稿機能、レスポンシブ対応、Twitter(X)埋め込み、お問い合わせフォーム
所要時間:24時間
参考単価:5万円
引用文献: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時間
参考単価:5万円
引用文献:https://mogablog.work/web/design/wireframe/

サービスサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応
所要時間:20時間
参考単価:3~5万円
引用文献:https://code-step.com/

水族館Webサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、ハンバーガーメニュー
所要時間:20時間
参考単価:5万円
引用文献:https://mogablog.work/web/design/wireframe/

メディアサイト
使用言語:HTML/CSS/JavaScript/jQuery
ポイント:レシポンシブ対応、ハンバーガーメニュー、カルーセルスライダー、グリッドレイアウト、アニメーションの動作タイミング制御、フェードインアニメーション、ホバーアニメーション
所要時間:32時間
参考単価:10万円
引用文献:https://code-step.com/https://jp.freepik.com/

建築事業コーポレートサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、パララックスアニメーション、ホバーアニメーション、レフトナビゲーション、ページトップボタン、ハンバーガーメニュー
所要時間:32時間
参考単価:5~7万円
引用文献:https://code-step.com/ https://jp.freepik.com/

書店ストアサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応、ホバーアニメーション
制作期間:12時間
参考単価:3~4万円
引用文献:https://code-step.com/ https://jp.freepik.com/ https://picsum.photos/

Web制作会社コーポレートサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応
制作期間:12時間
参考単価:3~5万円
引用文献:https://code-step.com/

和菓子ストアサイト
使用言語:HTML/CSS
ポイント:レスポンシブ対応、GoogleMap埋め込み
制作期間:14時間
参考単価:3~5万円
引用文献:https://code-step.com/ https://picsum.photos/

旅行ブログサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、Twitter埋め込み、ホバーアニメーション
制作期間:16時間
参考単価:3~5万円
引用文献:https://code-step.com/ https://picsum.photos/

カフェWebサイト
使用言語:HTML/CSS/JavaScript
ポイント:レスポンシブ対応、パララックスデザイン(PCのみ)、GoogleMap埋め込み、ホバーアニメーション
制作期間:14時間
参考単価:5万円
引用文献:https://code-step.com/ https://jp.freepik.com/

英会話スクールWebサイト
使用言語:HTML/CSS/JavaScript(jQuery)
ポイント:レスポンシブ対応、メインビジュアルスライダー、ハンバーガーメニュー、アニメーションの動作タイミング制御、ホバーアニメーション
制作期間:66時間
参考単価:5~7万円
引用文献: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時間
操作説明:キーボードとボタン両方対応。3個つなぐと退治できます。出現位置まで詰まると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時間
操作説明:キーボードとボタン両方対応。3個つなぐと退治できます。出現位置まで詰まると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文字化け解凍ボタンをおし保存先のフォルダ選択画面が出るためフォルダを選んでください。

注意:起動時に管理者権限で起動します