ポートフォリオサイト
アプリ概要
自分が作成した Web アプリをポートフォリオとして整理・保存・共有できる Laravel 製のアプリです。
タイトル・画像・URL・解説・タグなどを登録し、視覚的に見やすい形で一覧や詳細の表示が可能です。
また、画像のドラッグ&ドロップで並び替え・セッション保持など、日常的な更新作業をスムーズにする工夫を取り入れています。
使用技術
フロントエンド:
HTML
JavaScript
jQuery(Select2)
Tailwind CSS
バックエンド:
PHP 8.2
Laravel 9.x
DB:
MySQL 8.0(開発: MAMP)
MariaDB 10.5(本番: Xserver、MySQL互換)
インフラ・環境:
MAMP
Xserver
macOS Sequoia 15.3.1
ビルド環境:
Node.js 24.x(開発)
Node.js 16.x(本番: Xserver に nodebrew で導入)
Composer 2.x
開発ツール:
Git
GitHub
phpMyAdmin
Visual Studio Code
主な機能
画像(アップロード / 複数画像対応 / 並び替え / サムネイル選択 / プレビュー表示)
タグ(技術タグ・機能タグの複数選択 / 並び替え / Select2 による検索支援)
セッション(画像データや入力情報の一時保存と復元処理)
入力保持(old関数)
マルチログイン
Github(README + Code)
YouTube(操作デモ)