ech‑In‑Bytes は、開発者・IT プロフェッショナル・テック系エンジニア向けのモダンなブログプラットフォームです。読みやすさを重視した UI と、リッチな記事編集体験、そして AWS（EC2 / RDS / S3 / CloudFront）上の本番運用を想定したインフラ構成を備えています。
Tech‑In‑Bytes は大きく 2 つの体験を提供します。
Django によるサーバーサイドレンダリングを採用しており、フロントエンドは従来の HTML/CSS/JavaScript ベースです。本番環境は AWS 上（EC2 + Nginx + Gunicorn + RDS + S3 + CloudFront）で動作する構成になっています。
Django によるサーバーサイドレンダリングを採用しており、フロントエンドは従来の HTML/CSS/JavaScript ベースです。本番環境は AWS 上（EC2 + Nginx + Gunicorn + RDS + S3 + CloudFront）で動作する構成になっています。
本プロジェクトでは、要件定義・DB 設計・フロントエンド実装・AWS インフラ構築まで、すべての工程を単独で担当しました。
セキュリティ面では、MFA の導入や bleach による HTML サニタイズ、本番環境向けの HSTS・セキュア Cookie・レートリミット設定など、開発初期から意識的に取り組みました。単に動くものを作るだけでなく、実運用に耐えうるセキュリティ品質を目指した点が本プロジェクト最大の特徴です。
一方、TinyMCE と Django・S3 の連携には想定以上の時間がかかりました。特に、エディタ内でのインライン画像アップロードを S3 に直接保存しつつ CloudFront 経由で配信する仕組みの実装は、公式ドキュメントだけでは解決できない部分も多く、試行錯誤を重ねました。この経験を通じて、サードパーティライブラリの深い理解と、問題を粘り強く解決する力を身につけました。
本番環境向けの強化設定（HSTS, セキュア Cookie, レートリミット など）
ブログ機能
django-taggit によるタグ機能検索機能 + SEO フレンドリーな URL
ユーザープロフィール
基本的なアカウント設定・管理
メディアパイプライン
ユーザー / 記事ごとの画像枚数・使用ストレージ量に対するクォータ管理
UX / UI
トップページ、記事一覧、詳細ページ、いいねした記事一覧、投稿管理ページなど
運用まわり
production.py）バックエンド: Python 3, Django 5.2
データベース:
フロントエンド: Django テンプレート, CSS, プレーン JavaScript
フォーム / HTML サニタイズ
bleach による HTML サニタイズと安全な抜粋処理タグ機能: django-taggit
メディア・ストレージ
django-storages + boto3 を利用した AWS S3 連携Web サーバ（本番）: EC2 上の Gunicorn + Nginx
CDN / エッジ: AWS CloudFront（HTTPS 終端、キャッシュ、static / media のパスベースルーティング）
設定 / 環境変数
.env ファイル + python-dotenv/var/www/techinbytes/.env を systemd (EnvironmentFile) から読み込みAWS 上の高レベルな構成は以下の通りです。
/static/* / /media/* を S3 に振り分けるパスベースビヘイビア
EC2（アプリケーションサーバ）
tech_bloggers）/var/www/techinbytes/.env から取得実際の本番環境では設置するべきですが、本件はデモアプリのため、コスト削減目的で下記のインフラ装置を利用しておりません。
- Aplication Load Balancer ($16 usd/月)
RDS（PostgreSQL）
sslmode=require による SSL 接続を強制
S3（Static & Media）
static/（USE_S3_STATIC=True の場合の静的ファイル）media/（ユーザーアップロード）django-storages の StaticStorage / MediaStorage 経由でアクセスCloudFront（任意のカスタムドメイン）から配信
Route 53 + ACM