🎯 学習記録（9/16～9/28）

セルフケアサイトの企画・設計（9/16～9/28）

目的：転職先企業提供カリキュラムの最終課題として
　　　実用的なWebアプリケーション開発
企画内容：
- サイトカテゴリ：セルフケア支援アプリ（朝活・自己管理ツール）
- 実装予定機能：
  - デイリータスク管理（その日のTODO）
  - 長期目標・定期タスク管理（週次・月次・年次目標）
  - 気分・体調記録（5段階評価・アイコン選択）
  - 習慣トラッカー（継続したい習慣の記録）
  - 日記・メモ機能（フリーテキストエリア）
  - ダッシュボード（今日のタスク一覧表示）
設計方針：
- 5ページ構成（ログイン、ダッシュボード、記録ページ、管理ページ、設定）
- 記録ページを中心とした設計（朝活時に1ページで完結）
- 定期タスクの自動生成・連携機能
- グリーンをメインカラーとした落ち着いたデザイン
使用予定技術：
- フロントエンド：HTML/CSS、JavaScript、Vue.js
- バックエンド：PHP、Laravel
- データベース：MySQL
- 開発環境：Docker
学習完了項目：
- Web開発基礎カリキュラム
- Vue.js基礎カリキュラム
現在の進捗：
企画完了、画面設計（ワイヤーフレーム）作成中

🎨 今後やること（9/29〜）

画面設計・システム設計の完了

モック作成（各ページのワイヤーフレーム詳細化）
画面遷移図の作成
データベース設計（テーブル構成、リレーション設計）
Controller・Model・Componentの役割整理

実装フェーズへの準備

Laravel開発環境のセットアップ（Docker環境）
Vue.js + Laravel連携の学習
認証機能の実装から着手予定

学習課題

「Controller」「Model」「Component」「Module」の概念理解
LaravelとVue.jsの連携パターンの習得
データベース設計の実践スキル向上

目標

2026年1月の入社までに、設計〜実装〜テスト〜リリースまでの
一連の開発工程を経験し、実務レベルの基礎スキルを身につける。

まとめ：

転職先が事前学習カリキュラムを準備してくれているので、
それに沿った学習をしています。
ゴールはフルスタック開発でWebサイト作成で、JavaSprict/Vue.jsと
PHP/Laravelでの開発となっていました。
約2週間でWeb開発基礎とVue.jsの学習を完了し、
実際のサイト制作フェーズに入っています。

Dockerやフルスタック開発が初めてで、概念の理解に苦労していますが、
実際に手を動かしながら学習を進めています。
特にLaravelのController、Model、Componentの役割分担や、
VueコンポーネントとLaravelの連携部分の理解が課題です。

企画段階では「自分が実際に使いたいもの」を意識して機能設計を行いました。
朝活での使用を想定し、1ページで日々の記録が完結する設計にしたことで、
実用性と学習効果を両立できそうです。