Dockerfile

Dockerfileコードスクリーンショット生成

Dockerfileのスニペットを、Macから離れることなく共有したくなる画像に。

Dockerfile はほかの何よりもスクリーンショットにされます。たいていはレイヤーの順序かマルチステージビルドを見せるためです。

Codeshotは貼り付けたコードからDockerfileを判別するので、言語の選び間違いは起きません。付属する30種類のうち3つのテーマで同じスニペットを、アプリ自身のスタイルシートで表示しています。

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Atom One · ダーク

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Edge · ダーク

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

GitHub · ダーク

Dockerfileに合うテーマ選び

ステージ全体を画面に収めてください。途中で切れた Dockerfile は積極的に誤解を招きます。命令の順序こそが要点だからです。

サイズを正しく決める

画像サイズを内容に合わせるか、比率で固定します（1:1、4:3、3:2、16:9、9:16、2:3、3:4）。そのうえで1×・2×・3×から選んで書き出せば、Retinaディスプレイでも鮮明なままです。⌘⇧Cでクリップボードに直接コピー、または⌘Sで保存できます。

30種類のテーマを見比べるか、全体の流れをご覧ください。

Dockerfileと、ほかの59言語のために

すべてMac上で動作します。コードが外に出ることはありません。

ダウンロード