このサイトについて

Movries（https://movries.com）は、映画史・映画文化を体系的に紹介するウェブメディアです。
本サイトは、映画史を年代・テーマ別に整理し、信頼性のある情報を読みやすく提供することを目的として構築されています。

■ 技術構成

  • HTML / CSS
  • JavaScript
  • WordPressオリジナルテーマ開発
  • Figma
  • カスタム投稿タイプ実装
  • カスタムタクソノミー設計
  • レスポンシブ対応
  • サーバー反映（エックスサーバー）
  • セキュリティ設定
  • 画像最適化
  • OGP設定
  • 構造化データ対応

■ 実装内容

フロントエンド

  • HTML / CSS によるレスポンシブコーディング
  • JavaScriptによるUI実装
    • ハンバーガーメニュー
    • アコーディオン
    • タブ切り替え
    • フェードアニメーション
  • Swiperによるスライダー実装
  • body-scroll-lock導入
  • npm・CDN併用によるライブラリ管理

アクセシビリティ対応

  • aria属性対応
  • キーボード操作対応
  • inert属性によるフォーカス制御

WordPress実装

  • 投稿ページ設計
  • カスタム投稿タイプ実装
  • カスタムタクソノミー実装
  • お問い合わせフォーム導入
  • Turnstileによるスパム対策
  • OGP / メタ情報調整

サイトコンセプト

映画史を年代・テーマ別に整理し、映画文化を体系的に学べるアーカイブメディアとして構築しています。
コーポレートサイトのような落ち着いたデザインと、読みやすさを重視したUI設計を意識しています。