英単語管理アプリ（Laravel × React）
サイトURL
https://ew-spa.from-forties.net/login
アプリ概要
英単語の記憶度を管理するアプリ
なぜ作成したのか
家族が英語の勉強をしているときに、英単語の記憶度を管理できるアプリがあると便利だというつぶやきからヒント得て作成しました。
機能一覧
| ログイン機能、絞り込み検索、並び替え機能、ページネーション、モーダル機能など |
工夫したところ
- 別ユーザーが登録した単語の編集画面等に対し、URL直打ちでアクセスしたときに404を表示させる
- 削除の際に、ポップアップで削除前の確認を表示させる
使用技術
- Laravel 9
- Laravel Sanctum
- React
- Redux
- TypeScript
- MaterialUI
その他
開発環境はMAMP、本番環境はさくらサーバーです。
WEB人 / 求人サイト（Laravel）
サイトURL
ユーザー：https://webjin.from-forties.net/
管理者：https://webjin.from-forties.net/admin/login/
アプリ概要
Web制作の仕事専門の求人サイト。
なぜ作成したのか
マルチログイン機能を使用したサイトをイチから実装したいと思ったのがきっかけです。
その中でも求人サイトを作成した理由については、以前に求人サイトの営業をしていた経験があり、管理画面を使用したことがあったので作成のイメージがしやすかったためです。
機能一覧
- ・ユーザー側
-
一般ユーザー 求人一覧画面、求人詳細画面 ログインユーザー お気に入り機能、応募フォーム（確認画面有り） その他 マルチログイン機能、絞り込み検索、フリーワード検索、ページネーション - ・管理者側
-
求人管理 新規投稿、一覧表示、詳細表示、編集、削除 企業管理 新規投稿、一覧表示、詳細表示、編集、削除 画像管理 新規投稿、一覧表示、編集、削除 その他 マルチログイン機能、フリーワード検索、ページネーション、カレンダー表示
工夫したところ
- EagerLoadingでN+1問題を解消
- ローカルスコープやクラスへの切り分けにより、Controllerの肥大化を防止
使用技術
- Laravel 8
- Laravel Breeze
- Flatpickr
- toastr.js
その他
開発環境はMAMP、本番環境はさくらサーバーです。
その他の詳細についてはGitHubにてご確認をお願いします。
GitHubはこちら
英単語管理アプリ（Laravel）
サイトURL
https://from-forties.net/english-words/login
アプリ概要
英単語の記憶度を管理するアプリ
なぜ作成したのか
家族が英語の勉強をしているときに、英単語の記憶度を管理できるアプリがあると便利だというつぶやきからヒント得て作成しました。
機能一覧
| ログイン機能、絞り込み検索、並び替え機能、ページネーション、モーダル機能など |
工夫したところ
- 別ユーザーが登録した単語の編集画面等に対し、URL直打ちでアクセスしたときに404を表示させる
- 削除の際に、ポップアップで削除前の確認を表示させる
使用技術
- Laravel 8
- Laravel Breeze
- Micromodal.js
その他
開発環境はMAMP、本番環境はさくらサーバーです。
その他の詳細についてはGitHubにてご確認をお願いします。
GitHubはこちら