works
フルスタック Web & AI（PHP / MySQL / JS / Linux VPS）
| 作品名 | 時間帯連動型 ひとこと掲示板（画像投稿・セキュリティ対策済） 🔗 |
|---|---|
| 制作期間 | 約30時間（設計・データベース構築からサーバー公開まで） |
| 作品概要 | ユーザー登録・ログインを行い、テキストや画像をリアルタイム風に投稿・共有できる、Webアプリケーションの基本と応用を網羅した動的掲示板システムです。 |
| 実装した 機能と工夫 |
① バックエンド処理（PHP & MySQL） ・PDOを用いた安全なデータベース接続。 ・セッション管理によるログイン認証と、マイページ連携（ユーザーごとのプロフィール画像取得）。 ・ファイルのアップロード処理（投稿画像がサーバー内で重複しないよう、タイムスタンプを付与して保存）。 ② フロントエンド演出（HTML/CSS & JavaScript） ・時間帯連動型テーマ切り替え：PHP側で東京の現在時刻を取得し、アクセスした時間帯（朝・昼・夕方・夜）に応じて読み込むCSS（スタイルシート）を自動で動的に切り替える仕組みを実装。 ・Lightbox2による画像演出：投稿された画像を拡大表示するjQueryプラグインを導入し、ユーザー体験（UX）を高めました。 ③ 実務レベルのセキュリティ対策 ・SQLインジェクション対策：すべてのDB操作でプレースホルダ（`prepare`）を徹底。 ・XSS（クロスサイトスクリプティング）対策：`htmlspecialchars` を用いたサニタイズ処理。 ・CSRF（クロスサイトリクエストフォージェリ）対策：暗号論的に安全なトークン（`bin2hex(random_bytes)`）をセッションに発行・検証するロジックを実装。 ④ 生成AI連携 & 非同期チャットUI実装: ・Gemini 2.5 Flash API を統合し、過去の会話文脈（コンテキスト）を保持した自然な対話を実現。 ・Google検索ツール（Grounding）を組み込み、最新情報の検索・回答に対応。 ・Fetch API による非同期通信を採用し、画面リロードなしで即座に応答を描画。 ⑤ 本番インフラ構築・セキュリティ運用: ・VPS（Linux）環境の初期構築から、独自ドメイン取得・DNS設定、Certbot（Let's Encrypt）による常時SSL（HTTPS）化および証明書自動更新をすべて自力で完結。 |
| 技術の 合体ポイント |
フロントのデザイン（HTML/CSS）はもちろん、裏側のデータ保存（PHP/MySQL）、画面の動的な仕掛け（JavaScript）、さらにローカル環境で検証を重ねたPython（AIアシスタント機能）の連携ノウハウまで、これまで訓練校や自主学習で培ったすべての技術スキルを一つに集約・合体させた渾身のアプリケーションです。 |
Python バッチ処理・API連携（yfinance / Discord Webhook / cron）
| 作品名 | マーケットトラッカー（株価・為替・暗号資産の自動監視） 🔗 |
|---|---|
| 制作期間 | 個人運用として継続開発中 |
| 作品概要 | Pythonで株価・為替・暗号資産の価格を定期巡回し、急変動時にDiscordへ自動通知するバックエンドバッチシステムです。 |
| 実装した 機能と工夫 |
① 定期実行基盤（cron）：15分おきの常時巡回と、朝夕の定時レポート送信をcronで運用。 ② 外部API連携（yfinance）：日米の株価指数・個別銘柄・為替・暗号資産をまとめて取得。 ③ 変動検知ロジック：銘柄カテゴリごとに異なるしきい値（株3%・為替1.5%・暗号資産4%）を設定し、急変動時のみアラートを送信。 ④ Discord Webhook通知：取得結果をリアルタイムでDiscordチャンネルへ送信。 ⑤ 認証情報の管理：Webhook URLはwebroot外の環境変数ファイルで管理し、サーバー内でも安全に分離。 |
| 技術の 合体ポイント |
掲示板がPHP/MySQLでの「Webアプリ開発」を示す作品なのに対し、こちらはPythonでの「定期実行バッチ・外部API連携」を示す作品です。マーケットトラッカーの表示ページでは、このバッチが書き出した最新データをPHP側で読み込んで表示しており、2つの言語・プロジェクトを連携させています。 |