works
フルスタック（PHP / MySQL / JS / Python）
| 作品名 | 時間帯連動型 ひとこと掲示板（画像投稿・セキュリティ対策済） 🔗 |
|---|---|
| 制作期間 | 約20時間（設計・データベース構築からサーバー公開まで） |
| 作品概要 | ユーザー登録・ログインを行い、テキストや画像をリアルタイム風に投稿・共有できる、Webアプリケーションの基本と応用を網羅した動的掲示板システムです。 |
| 実装した 機能と工夫 |
① バックエンド処理（PHP & MySQL） ・PDOを用いた安全なデータベース接続。 ・セッション管理によるログイン認証と、マイページ連携（ユーザーごとのプロフィール画像取得）。 ・ファイルのアップロード処理（投稿画像がサーバー内で重複しないよう、タイムスタンプを付与して保存）。 ② フロントエンド演出（HTML/CSS & JavaScript） ・時間帯連動型テーマ切り替え：PHP側で東京の現在時刻を取得し、アクセスした時間帯（朝・昼・夕方・夜）に応じて読み込むCSS（スタイルシート）を自動で動的に切り替える仕組みを実装。 ・Lightbox2による画像演出：投稿された画像を拡大表示するjQueryプラグインを導入し、ユーザー体験（UX）を高めました。 ③ 実務レベルのセキュリティ対策 ・SQLインジェクション対策：すべてのDB操作でプレースホルダ（`prepare`）を徹底。 ・XSS（クロスサイトスクリプティング）対策：`htmlspecialchars` を用いたサニタイズ処理。 ・CSRF（クロスサイトリクエストフォージェリ）対策：暗号論的に安全なトークン（`bin2hex(random_bytes)`）をセッションに発行・検証するロジックを実装。 |
| 技術の 合体ポイント |
フロントのデザイン（HTML/CSS）はもちろん、裏側のデータ保存（PHP/MySQL）、画面の動的な仕掛け（JavaScript）、さらにローカル環境で検証を重ねたPython（AIアシスタント機能）の連携ノウハウまで、これまで訓練校や自主学習で培ったすべての技術スキルを一つに集約・合体させた渾身のアプリケーションです。 |