#フレームワーク

129 件の記事

Django DRF #4 Celery で非同期作業
読了 9分

Django DRF #4 Celery で非同期作業

重い作業 / 外部 IO / スケジューリングをレスポンスの流れから分離する標準 — Celery + Redis のセットアップ、シグナル連携、retry、periodic task、モニタリングまで。

Angular実践 #3 フォーム + API で Product CRUD
読了 10分

Angular実践 #3 フォーム + API で Product CRUD

実践講座の 3 本目では、認証を済ませたアプリに本格的なデータ操作を載せます。Reactive Forms と HttpClient、Resolver を組み合わせて Product を Create/Read/Update/Delete する画面を最初から最後まで作ります。

Django DRF #3 Filtering / Ordering / Pagination
読了 7分

Django DRF #3 Filtering / Ordering / Pagination

django-filter で検索フィルタ、OrderingFilter/SearchFilter、そして PageNumber/LimitOffset/Cursor ページネーションの位置比較まで。

Angular実践 #2 認証と HTTP Interceptor
読了 8分

Angular実践 #2 認証と HTTP Interceptor

ダッシュボードの骨格に認証フローを埋め込みます。Reactive Forms ベースのログイン、トークンを signal で持つ AuthService、関数型 Auth Guard、そしてすべてのリクエストにトークンを自動で付ける HTTP Interceptor まで — モダン Angular で認証をひと回りします。

Django DRF #2 認証 / 権限 — Token、JWT、custom permission
読了 8分

Django DRF #2 認証 / 権限 — Token、JWT、custom permission

DRF の認証バックエンド (Session/Token/JWT) と permission クラス、オブジェクト単位の IsOwner のようなカスタム権限まで一カ所に。

Angular実践 #1 ダッシュボードの骨格を作る
読了 9分

Angular実践 #1 ダッシュボードの骨格を作る

実践シリーズの最初の記事です。ng new でプロジェクトを作り、Angular Material を載せたあと、mat-toolbar と mat-sidenav でメインレイアウトを組み、lazy loading ルートまで骨格を整えていきます。

Django DRF #1 DRF のはじめ方 — Serializer、ViewSet、Router
読了 9分

Django DRF #1 DRF のはじめ方 — Serializer、ViewSet、Router

Django の上に REST API レイヤーを乗せる標準 — DRF の Serializer/ViewSet/Router の基本を一カ所に整理します。

Angular上級 #7 パフォーマンスチューニング — Virtual Scroll、Image、Profiler
読了 13分

Angular上級 #7 パフォーマンスチューニング — Virtual Scroll、Image、Profiler

Angular アプリのパフォーマンスをビルド、ランタイム変更検知、リソースの 3 つの layer に分けて整理します。Virtual Scroll と NgOptimizedImage、Angular DevTools Profiler、Defer block まで、大きなアプリで実際に効果を出すツールを一箇所にまとめて見ていきます。

Django上級 #7 デプロイのセキュリティ — settings 分離、ALLOWED_HOSTS、CSRF、secret 管理
読了 11分

Django上級 #7 デプロイのセキュリティ — settings 分離、ALLOWED_HOSTS、CSRF、secret 管理

settings 分離パターン、django-environ、DEBUG/ALLOWED_HOSTS/CSRF/HSTS、SECRET_KEY 管理、manage.py check --deploy まで — Django を運用に乗せる前に点検すべきこと。

Angular上級 #6 SSR — Angular Universal とハイドレーション
読了 11分

Angular上級 #6 SSR — Angular Universal とハイドレーション

Angular の SSR モデルとハイドレーション、TransferState、Pre-rendering まで — モダン Angular のサーバーサイドレンダリングを一度に整理します。

Django上級 #6 Django Channels — WebSocket
読了 7分

Django上級 #6 Django Channels — WebSocket

Channels のセットアップ、AsyncWebsocketConsumer、channel_layer による broadcast、HTTP view からの push、daphne/uvicorn デプロイ、nginx の WebSocket プロキシまで。

Angular上級 #5 NgRx 入門 — Store、Action、Reducer、Effect
読了 10分

Angular上級 #5 NgRx 入門 — Store、Action、Reducer、Effect

大きなアプリの状態の流れを明示的に統べるツール、NgRx。Store/Action/Reducer/Effect の役割を 1 つの絵に置き、モダン Angular の SignalStore と Component Store まで並べて比較します。