サーバーサイドレンダリング

目次

• 概要
• 使用時機
• クイックスタート
• リファレンスガイド
• ベストプラクティス

概要

モダンなテンプレートエンジン、ビューレイヤー、およびデータ駆動型のHTML生成を使用して、キャッシング、ストリーミング、およびパフォーマンス最適化に対応したサーバーサイドレンダリングアプリケーションをPython、Node.js、およびRubyフレームワークで構築できます。

使用時機

• 従来のWebアプリケーションの構築
• サーバーでのHTML生成
• SEOフレンドリーなアプリケーションの実装
• リアルタイムで更新するページの作成
• 管理ダッシュボードの構築
• メールテンプレートの実装

クイックスタート

最小限の動作例:

# app.py
from flask import Flask, render_template, request, jsonify
from datetime import datetime

app = Flask(__name__)

# Custom Jinja2 filters
@app.template_filter('currency')
def format_currency(value):
    return f"${value:.2f}"

@app.template_filter('date_format')
def format_date(date_obj):
    return date_obj.strftime('%Y-%m-%d %H:%M:%S')

@app.context_processor
def inject_globals():
    """Inject global variables into templates"""
    return {
        'app_name': 'My App',
        'current_year': datetime.now().year,
        'support_email': 'support@example.com'
    }

# routes.py
// ... (see reference guides for full implementation)

リファレンスガイド

references/ ディレクトリの詳細な実装:

ベストプラクティス

✅ すべきこと

• テンプレート継承を使用してDRYコードを実現する
• 頻繁にレンダリングされるページのキャッシングを実装する
• テンプレートフィルタをフォーマットに使用する
• ビューとテンプレート間の関心の分離をする
• すべてのユーザー入力を検証とサニタイズする
• グローバル変数にコンテキストプロセッサを使用する
• 適切なページネーションを実装する
• 条件付きレンダリングを適切に使用する
• 高コストなクエリをキャッシュする
• テンプレートレンダリングを最適化する

❌ すべきでないこと

• テンプレートにビジネスロジックを配置する
• テンプレート内で無限ループを使用する
• テンプレート内でデータベースクエリを実行する
• サニタイズなしでユーザー入力を信頼する
• テンプレート継承を過度にネストする
• 非常に長いテンプレートファイルを使用する
• テンプレート内に機密データをレンダリングする
• テンプレートキャッシングの機会を無視する
• グローバル変数を過度に使用する
• 1つのテンプレートに複数の関心を混在させる