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

06-4305-3473

プログラミング作品集

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

プログラミング作品集

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

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

Webサイト制作

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

くだものサイト
使用言語：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サイト
使用言語：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サイト制作

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

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

ブログサイト
使用言語：
HTML/CSS/JavaScript
ポイント：オリジナルテーマ作成、投稿機能、レスポンシブ対応、Twitter(X)埋め込み、お問い合わせフォーム
所要時間：24時間
参考単価：５万円
引用文献：https://code-step.com/　https://jp.freepik.com/

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

Webアプリケーション開発

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

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アプリケーション開発

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

ToDoリスト
使用言語：HTML/CSS/JavaScript
ポイント：表示・追加・削除ができるToDoリスト。その日のタスク管理に利用。データベース利用無し。
所要時間：10時間
操作説明：タスクを文字入力後、クリックで追加。タスク完了の際はチェックボックスをクリック。各タスクを削除する際は左のボタンをクリック。全てのタスクを削除する際は下のボタンをクリック。保存はされないので必要であればスクショをして下さい。
引用文献：https://savvycode.dev/javascript-todo-tutorial-introduction/

パズルフラッシュゲーム
使用言語：HTML/JavaScript
ポイント：スマホ対応、効果音、BGM
制作期間：40時間
操作説明：キーボードとボタン両方対応。３個つなぐと退治できます。出現位置まで詰まるとGameOver、一定時間の生存でGameClear！
引用文献：7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑
https://stablediffusionweb.com/　https://www.ac-illust.com/