Skip to content
⚠️ This article was written in 2021. Some content may be outdated.

Netlify Edge Functions:エッジコンピューティング

Netlify Edge Functions のエッジコンピューティングはコミュニティで何度も議論されてきたテーマだが、バージョンアップに伴い多くの結論は見直しが必要だ。本記事では最新バージョンをベースに改めて整理する。

入門ガイド ​

コアロジックを理解することが重要だ:

javascript
FROM node:20-alpine AS deps
WORKDIR /app
COPY package.json pnpm-lock.yaml ./
RUN corepack enable && pnpm install --frozen-lockfile

FROM node:20-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN pnpm build

FROM nginx:alpine AS runner
COPY --from=builder /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

パフォーマンスの最適化は具体的な場面に合わせる必要があり、すべてのケースで過度な最適化が必要というわけではない。

ソースコード分析 ​

以下の方法で改善できる:

javascript
FROM node:20-alpine AS deps
WORKDIR /app
COPY package.json pnpm-lock.yaml ./
RUN corepack enable && pnpm install --frozen-lockfile

FROM node:20-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN pnpm build

FROM nginx:alpine AS runner
COPY --from=builder /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

このアプローチは半年以上にわたって本番環境で安定稼働しており、実際に検証済みだ。

実際の場面への応用 ​

基本的な実装方法を見てみよう:

javascript
FROM node:20-alpine AS deps
WORKDIR /app
COPY package.json pnpm-lock.yaml ./
RUN corepack enable && pnpm install --frozen-lockfile

FROM node:20-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN pnpm build

FROM nginx:alpine AS runner
COPY --from=builder /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

このコードは基本的な使い方を示している。実際のプロジェクトではエラー処理と境界条件も考慮する必要がある。

最適化テクニック ​

この基盤の上でさらに最適化できる:

javascript
FROM node:20-alpine AS deps
WORKDIR /app
COPY package.json pnpm-lock.yaml ./
RUN corepack enable && pnpm install --frozen-lockfile

FROM node:20-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
RUN pnpm build

FROM nginx:alpine AS runner
COPY --from=builder /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

このパターンは大規模プロジェクトで非常に実用的で、保守コストを大幅に削減できる。

まとめ ​

  • コミュニティの動向を注視し、技術的なソリューションは継続的な反復が必要だ
  • 新しい技術を使うためだけに新しい技術を使わないでください
  • コードサンプルは参考用のみであり、ビジネス上の場面に応じて調整が必要だ
  • Netlify Edge Functions のエッジコンピューティングは万能薬ではなく、プロジェクトの規模と技術スタックに応じて選ぶ必要がある

MIT Licensed