モチタン辞典 › 読みもの › 英語の言い方 › ビフォーアフターの英語表現
ビフォーアフター英語の正しい書き方と表現
日本語の「ビフォーアフター」は和製英語であり、正しい英語表記はbefore and afterと接続詞のandを補います。写真や比較画像を指す形容詞として使う場合は、ハイフンでつないでbefore-and-after photoのように書きます。
単なるラベル表記、SNS投稿、ビジネス資料など、用途に応じた正しい英語表現を身につけましょう。

ビフォーアフター英語の書き方と基本ルール
日本語で定着している「ビフォーアフター」は、英語の前置詞を2つ並べた和製英語です。英語圏で名詞や対比の概念として伝える際は、必ず並列の接続詞andを挟んでbefore and afterと表現します。
andを抜いた「before after」が不自然な理由
英語においてbeforeとafterはそれぞれ時間を表す前置詞・接続詞・副詞です。2つの単語を接続詞なしでbefore afterと並べると、語と語の論理的な関係が途切れ、英語を母語とする人には「前、後」と単語をぶつ切りで発音したような強い違和感を与えます。
対比する2つの状態を1つの概念としてまとめるために、before and afterとする必要があります。
名詞用法と形容詞用法の違い
文中での役割によって、ハイフン(-)を付けるかどうかが明確に分かれます。
- 名詞として使う場合(ハイフンなし): before and after
例文: Look at the before and after.(ビフォーアフター[前と後の変化]を見てください。) - 後ろの名詞を修飾する形容詞として使う場合(ハイフンあり): before-and-after
例文: She shared a before-and-after photo on social media.(彼女はSNSにビフォーアフター写真を投稿しました。)
| 用法 | 英語表記 | 主な使われ方・役割 |
|---|---|---|
| 名詞 | before and after | 主語や目的語として「前後の状態・変化」そのものを指す |
| 複合形容詞 | before-and-after | photo、picture、comparisonなどの名詞の直前に置いて修飾する |
| 画像ラベル | Before / After | 対比画像やスライド資料で左右・上下の各状態を示す見出し |
なぜハイフンが必要?文法的な理由と仕組み
英語の表記ルールにおいて、before-and-afterのように複数の単語をハイフンでつなぐ形を「複合形容詞(compound adjective)」と呼びます。ハイフンを補う理由を理解すると、英文を書く際に迷わなくなります。
修飾関係を明確にして誤読を防ぐ働き
ハイフンには、複数の単語を視覚的に「1つの形容詞の塊」として認識させる役割があります。もしハイフンを付けずにbefore and after photoと書いた場合、構造上は「before(以前の写真)」と「after photo(以後の写真)」という2つの名詞句がandで結ばれているようにも読めてしまいます。
1枚の比較写真を指しているのか、2枚の別々の写真なのかが曖昧になります。
一方、before-and-after photoとハイフンで連結すると、3語が一体となって後ろのphotoを修飾していることが明白になります。
複数枚の写真を指す場合は、名詞側を複数形にしてbefore-and-after photosやbefore-and-after picturesと表記します。
複合形容詞のハイフン有無を判定する基準
修飾する名詞の前に置く「限定用法」ではハイフンが必要ですが、名詞の後に置く「叙述用法」ではハイフンは不要です。
- 名詞の前(要ハイフン): This is a before-and-after comparison.(これはビフォーアフターの比較です。)
- 名詞の後(不要): We compared the results before and after.(私たちは結果を前と後で比較しました。)
名詞の前(限定用法)
- ハイフンが必要
- 3語を1つの形容詞の塊にする
- 例:a before-and-after comparison
名詞の後(叙述用法)
- ハイフンは不要
- 語を連結せずそのまま置く
- 例:compared the results before and after
修飾する名詞の前に置くか後に置くかでハイフンの有無を判断します。
次の疑問ハイフンの有無のように細かなルールが多い熟語は、英語イディオムの効率的な覚え方を知っておくと無理なく定着させられます。
画像ラベルや資料でのBefore / After表記
ウェブサイトの事例紹介、プレゼンテーション資料、SNSの画像作成などでは、写真自体に文字ラベルを配置することが多くあります。この場面では文章ではなく「目印(ラベル)」としての機能が求められるため、文法的な接続詞の文とは異なる表記規則が適用されます。
対比ラベルで一般的に用いられる区切り文字
2つの状態を視覚的に左右や上下に並べる際は、スラッシュ( / )または「vs」を用いて対比関係を示します。
- Before / After(標準的で最も汎用性の高い表記)
- Before & After(アンパサンドを用いた省スペース表記)
- Before vs. After(違いを際立たせる対決・対比表記)
大文字・小文字の使い分けルール
デザインや資料に組み込む際のキャピタライゼーション(大文字・小文字の選択)には、統一感が不可欠です。
- Title Case(頭文字のみ大文字): Before / After(資料やウェブサイトの標準)
- All Caps(すべて大文字): BEFORE / AFTER(写真内の帯ラベルなど、強調したい場合)
- Sentence Case(文頭のみ大文字): Before and after(グラフの凡例や注記)
左右に並べるレイアウトでは、左側にBefore、右側にAfterを置くのが国際的な視線移動(左から右へ流れるZの法則)に合致した配置です。上下に並べる場合は、上がBefore、下がAfterとなります。
Before / After(最も汎用的な区切り)
Before & After(アンパサンドを使用)
Before vs. After(違いを際立たせる)
左右なら左が前、上下なら上が前が国際標準
対比画像や資料で使い分けるラベル表記と配置の要点です。
SNSで使えるハッシュタグと英文テンプレート
Instagram、X、TikTokなどのSNS投稿では、世界中のユーザーに見つけてもらうために適切なハッシュタグとキャプション(投稿文)の活用が効果的です。
頻出の英語ハッシュタグ一覧
ハッシュタグにはスペースや記号(-や/)が使えないため、すべて単語をつなげて小文字または単語の頭を大文字にして記載します。
- #beforeandafter(最も投稿件数が多い基本タグ)
- #beforeafter(文法的には不正確ですが、検索用タグとして一定数使用されます)
- #transformation(外見や体型の変化を伴う投稿全般)
- #makeover(メイク、ヘアスタイル、インテリアの改装)
- #roommakeover(部屋の模様替え・リフォーム)
- #fitnessjourney(筋トレや減量の過程と成果)
コピペして使えるシーン別キャプション
投稿文にそのまま添えられる英文フレーズのテンプレートです。括弧内を用途に合わせて調整して使用できます。
- 美容・ヘアスタイル:
Swipe to see the before and after! I love my new hairstyle.
(ビフォーアフターを見るにはスワイプしてください。新しい髪型がとても気に入っています。) - フィットネス・体型変化:
Here is my 6-month transformation. Consistency is key!
(私の6か月間の変化がこちらです。継続が大切ですね。) - 部屋のDIY・リフォーム:
Swipe left for the before. What a difference a little paint makes!
(ビフォーは左へスワイプ。少しペンキを塗るだけでこんなに変わるなんて。)

次の疑問SNSの投稿だけでなくアカウントの自己紹介も整えたいときは、英語プロフィールや略歴の書き方も参考になります。
変化を伝える言い換え表現の使い分け一覧
英語には、単なる「前と後」という事実だけでなく、どのような性質の変化なのかを明確に伝えられる単語が複数存在します。内容に応じて使い分けることで、より意図が正確に伝わります。
| 英単語 | ニュアンス・意味合い | 適した用途・場面 |
|---|---|---|
| makeover | 見た目や外観を美しく整える改装・変身 | ヘアメイク、ファッション、部屋の模様替え |
| transformation | 形状、体質、本質が大きく変わること | 筋トレ・減量、人生観、成長記録 |
| renovation | 老朽化した建物を修繕・再生すること | 住宅リフォーム、店舗改装、建築全般 |
| revamp | 構成や仕組みを見直して刷新すること | ウェブサイト刷新、ブランド再構築、組織改編 |
各表現の自然な例文
それぞれの単語を用いた代表的な例文です。
- She gave her living room a complete makeover.
(彼女はリビングルームの模様替えを一新して行いました。) - His physical transformation over the past year is impressive.
(この1年間における彼の肉体的な変化には目を見張るものがあります。) - The kitchen renovation took about three weeks to finish.
(キッチンの改修工事は完了までに約3週間かかりました。) - The company decided to revamp its official website.
(その会社は公式サイトを全面的に刷新することを決定しました。)
次の疑問職場の資料や報告でより改まったトーンを選びたい場合は、ビジネス英語への言い換え表現も役立ちます。
分野別の実践英語フレーズと会話例文
実際の日常会話やビジネスにおいて、ビフォーアフターに関して言及する際の具体的な表現パターンを分野別に紹介します。
美容・サロン・メイク
施術前後の変化をお客さまに確認してもらったり、友人と共有したりする際に役立つ表現です。
- Can I take a before-and-after picture of your hair?
(髪の毛のビフォーアフター写真を撮ってもよろしいですか。) - The result of the skin treatment is clearly visible in these pictures.
(肌のトリートメントの成果が、これらの写真にはっきり表れています。)
トレーニング・減量
運動や食事改善の取り組みと成果を説明するフレーズです。
- I took progress photos every month to compare the before and after.
(ビフォーアフターを比較するために、毎月経過の写真を撮っていました。) - Comparing these two photos shows how much muscle I gained.
(これら2枚の写真を比較すると、筋肉がどれだけついたかが分かります。)
住宅・DIY・クリーニング
清掃や補修作業による変化を顧客や他者に提示する場面で使えます。
- Here are the before-and-after photos of the deep cleaning service.
(こちらが特別清掃サービスのビフォーアフター写真です。) - The renovation completely changed the atmosphere of the house.
(そのリフォームによって、家の雰囲気が大きく変わりました。)
日常のさまざまな場面で使える表現を学びたい方は、英会話の総合ガイドを参考にしてください。
前置詞・接続詞beforeとafterの文法解説
熟語としてのbefore and afterだけでなく、単体のbefore(〜の前に)とafter(〜の後に)を英文中で前置詞や接続詞として使う際の語順と文法ルールを整理します。
前置詞としての用法:後ろに名詞や動名詞を置く
前置詞として用いる場合、直後には名詞または動名詞(〜ing形)が続きます。
- Please wash your hands before meals.
(食事の前に手を洗ってください。) - He felt much better after taking the medicine.
(薬を飲んだ後、彼の気分はずっと良くなりました。)
前置詞の直後に主語と動詞を置くことはできません。動作を表す場合は必ず動名詞にします。
接続詞としての用法:後ろに「主語 + 動詞」を置く
接続詞として用いる場合、後ろに節(主語 + 動詞)を従えます。
- Check the documents before you submit them.
(提出する前に書類を確認してください。) - We went out for dinner after the meeting ended.
(会議が終わった後、私たちは夕食に出かけました。)
時制に関する重要な注意点
beforeやafterが導く節(時を表す副詞節)の中では、未来の事柄であっても未来形willは使わず、現在形を用います。
- 誤: I will call you before I will leave the office.
- 正: I will call you before I leave the office.(オフィスを出る前にお電話します。)
主節が未来の予定であっても、before節の中は現在形leaveとなる点が文法上の重要事項です。
前置詞の用法
- 直後に名詞または動名詞を置く
- 主語+動詞は置けない
- 例:before meals / after taking the medicine
接続詞の用法
- 直後に節(主語+動詞)を置く
- 未来のことでも節内は現在形にする
- 例:before you submit them / after the meeting ended
前置詞か接続詞かによって直後に続く語の形が異なります。
ビジネス資料で役立つフォーマルな対比表現
ビジネスの企画書、改善報告書、経営会議のスライドでは、Before / After という表記がやや平易でカジュアルに感じられる場合があります。業務改善やプロジェクトの成果を報告する際に役立つフォーマルな英語表現を活用しましょう。
| 対比の英語表現 | 日本語のニュアンス | 適したビジネスシーン |
|---|---|---|
| Current vs. Target | 現状 対 目標 | 目標設定、改善計画の提案スライド |
| As-Is / To-Be | 現状 / あるべき姿 | 業務プロセス改革、システム要件定義書 |
| Prior to / Following | 〜の実施前 / 実施後 | 施策導入の検証レポート、監査報告書 |
| Baseline vs. Result | 基準値 対 実績値 | データ分析、施策効果の定量測定グラフ |
| Pre-implementation / Post-implementation | 導入前 / 導入後 | ITシステムや新ルールの導入効果検証 |
プレゼンでそのまま使える実践フレーズ
- Let us compare the metrics prior to and following the campaign.(キャンペーン実施前と実施後の指標を比較してみましょう。)
- The slide shows the As-Is state on the left and the To-Be model on the right.(スライドの左側に現状の業務フローを、右側にあるべき姿のモデルを示しています。)
- We saw a 30% increase in efficiency compared to the baseline.(基準値と比較して業務効率が30パーセント向上しました。)
職場で使える定型表現をさらに確認したいときは、ビジネスの例文集が役立ちます。
略称B&Aの使用ルールと口語での指差し表現
英語圏では頭文字を取った短縮表現として B&A や B/A が用いられますが、使用できる場面には明確な境界線があります。
| 使用場面 | 略語(B&A / B/A)の可否 | 推奨される表記 |
|---|---|---|
| デザイン指示書・社内メモ | 使用可能 | B&A photos / B/A check |
| SNSの短いハッシュタグやメモ | 使用可能 | #banda / B&A |
| 広告の公式バナー・チラシ | 避けるのが望ましい | Before & After / Before and After |
| クライアント向け提案書・論文 | 使用不可 | Before and After / Prior to and Following |
公の出版物や社外向けのプレゼンテーション資料で略してしまうと、カジュアルすぎると受け取られる恐れがあるため正式な場では略さずに書くのが基本です。
写真を指差して説明する口語表現
会話やプレゼンで写真を指差しながら説明する際、ネイティブは before や after を名詞のように扱って次のように表現します。
- This is the before, and this is the after.(こちらが施工前で、こちらが施工後です。)
- The after looks completely different from the before.(施工後は施工前と完全に異なって見えます。)
「ビフォー」と「ビフォア」の発音と表記の違い
日本語では「ビフォーアフター」のほか「ビフォアアフター」と表記されることもあります。この違いは、英語の地域ごとの発音差に起因しています。
イギリス英語とアメリカ英語の発音の違い
before の発音記号は、イギリス英語では /bɪˈfɔː(r)/、アメリカ英語では /bɪˈfɔːr/ と表記されます。
- イギリス英語: 語末の r 音を明確に響かせず、母音を伸ばす傾向があるため、日本語の「ビフォー」に近い音として聞こえます。
- アメリカ英語: 舌を引いて発音する r の響き(R音性母音)が加わるため、人によっては「フォ」から「ア」へ移るように感じられ、「ビフォア」と表記される要因になります。
現代の日本の出版物やテレビ番組、Webコンテンツにおいては「ビフォーアフター」の表記が圧倒的に定着しています。どちらも誤りではありませんが、一般的な検索性や統一感を重視する場合は「ビフォーアフター」を用いるのが無難です。
続けて読む
理解度チェック
Q1. 名詞を修飾する複合形容詞として適切な表記はどれですか?
- before after
- before-after
- before and after
- before-and-after
答えを見る
正解: D. before-and-after
名詞の前に置いて修飾する複合形容詞として用いる場合は、単語間をハイフンでつないでbefore-and-afterと表記します。
Q2. 「ビフォーアフター写真」を表す自然な英文はどれですか?
- She shared a before after photo.
- She shared a before-and-after photo.
- She shared a before and after photo.
- She shared an after and before photo.
答えを見る
正解: B. She shared a before-and-after photo.
後ろの名詞photoを修飾する形容詞として使うため、ハイフンでつないだbefore-and-after photoが適切です。
Q3. beforeやafterを接続詞として使う際の注意点はどれ?
- 後ろには必ず動名詞(〜ing)を置く
- 名詞と名詞を直接つなぐ役割を持つ
- 時を表す節の中では未来のことも現在形で表す
- 常に文頭に置かなければならない
答えを見る
正解: C. 時を表す節の中では未来のことも現在形で表す
beforeやafterが導く時を表す副詞節の中では、未来の事柄であってもwillを使わずに現在形で表現します。
ビフォーアフターの「途中・経過」を表す英語ラベル
2枚の写真だけでなく、制作や施術のプロセスを含めた3枚以上の写真を並べる場合、「ビフォー」と「アフター」の間に入る「途中・経過」を英語でどう表記するかが問題になります。用途や制作段階に応じたラベルの使い分けを押さえておくと便利です。
| 表記ラベル | 意味・ニュアンス | 適した場面 |
|---|---|---|
| In Progress | 進行中・作業中 | DIY、イラスト制作、リフォームなどの作業風景 |
| During | 施術中・体験中 | ヘアカット中、エステ施術中、トレーニング中 |
| Halfway | 中間地点・折り返し | 長期ダイエットの中間報告、プロジェクトの中間経過 |
| Process | 工程・手順 | 料理の手順、メイクのステップ解説 |
SNSやプレゼンテーションで3段階の比較画像を横に並べる際は、左から順に Before → In Progress(または During)→ After と配置するのが自然です。
文章中で経過に言及する際は、次のようなフレーズが使われます。
- This photo was taken during the process.(この写真は工程の途中で撮影されました。)
- Here is a shot halfway through the haircut.(こちらは散髪の途中の1枚です。)
- The work is still in progress.(作業はまだ進行中です。)
before・afterとago・laterの違いと使い分け
日本語の「ビフォー」「アフター」の感覚に引きずられて、時間の長さを表す際に before や after を誤って使ってしまうケースが多く見られます。「今から何日前/何日後」と言いたい場合、英語では基準点によって使う単語が変わります。
「〜前」を表す ago と before の違い
現在を基準にして「(今から)〜前」と言う場合は ago を使います。一方、過去のある時点を基準にして「(そのときより)前に」と言う場合は before を用います。
- I moved here two years ago.(私は2年前にここに引っ越してきました。)
- She had met him three days before.(彼女はその3日前に彼と会っていました。)
現在を基準にした文脈で two years before と言うと不自然になるため注意が必要です。
「〜後」を表す in、later、after の違い
今から未来の時間を指して「〜後に」と言うときは前置詞 in を使います。過去の基準時点から「その〜後に」と時間を経過させる場合は later を使います。after は後ろに特定の出来事や時点(after lunch や after 5 PM など)を置くのが基本です。
| 英語表現 | 基準点 | 例文 |
|---|---|---|
| in three days | 今(現在)から3日後 | I will see you in three days.(3日後にお会いしましょう。) |
| three days later | 過去の特定の時点から3日後 | Three days later, he returned.(その3日後、彼は戻りました。) |
| after three days | 期間の経過後(やや形式的) | After three days of rest, I felt better.(3日間の休養の後、気分が良くなりました。) |
「今から2時間後に」を after 2 hours と表現するのは代表的な誤用です。今を起点にするなら in 2 hours、過去の出来事からの経過なら 2 hours later と使い分けましょう。
英語の言い方は、話して覚えよう。会話アプリ「モチスピ」英語を話して練習できる会話アプリ。話すたびに、発音・文法・自然さをその場で直してもらえます。無料で試す
よくある質問
- Q. ビフォーアフターは英語で通じますか?
- 「ビフォーアフター」とそのまま発音しても通じにくい傾向があります。英語では接続詞のandを補い、before and afterと表現するのが自然です。
- Q. ハイフンを付ける基準は何ですか?
- 後ろにある名詞を修飾する形容詞として使う場合にハイフンを付けます(例: a before-and-after photo)。名詞として独立して使う場合はハイフンを付けません。
- Q. 比較画像の上部に置く英語ラベルは何が適切ですか?
- 画像内の比較用ラベルとしては、スラッシュで区切った「Before / After」または「Before vs After」が一般的かつ明確に伝わります。
- Q. 大改造やイメチェンを意味する自然な単語は?
- 外見や部屋の模様替えにはmakeover、体格や本質の大きな変化にはtransformation、建物の改装にはrenovationが適しています。
- Q. ビフォーアフターの略語表現は英語にありますか?
- 日常会話やSNSでは、B&AやB/Aと略記されることがあります。ただし公式な文書やビジネス資料では略さずBefore / Afterと書くのが標準的です。
- Q. ビフォーとビフォアはどちらが正しい表記ですか?
- どちらも誤りではありません。イギリス英語の発音(/bɪˈfɔː(r)/)は「ビフォー」に近く、アメリカ英語のr音を伴う発音(/bɪˈfɔːr/)は「ビフォア」に近く聞こえます。日本の慣用表現としては「ビフォーアフター」が一般的です。
- Q. ビジネスやプレゼンで使えるよりフォーマルな対比表現はありますか?
- ビジネス資料では、現状と目標を示す Current vs. Target や As-Is / To-Be、施策の前後を示す Prior to / Following などの表現が好まれます。
- Q. 「途中経過」を写真ラベルに添えるときの英語は何が良いですか?
- 作業や制作の途中であれば In Progress、美容室やサロンなどの施術中であれば During、長期的な変化の折り返し地点であれば Halfway または Halfway Through と記載するのが一般的です。
- Q. 「3日後」を英語で after 3 days と言うのは間違いですか?
- 現在を基準にして「(今から)3日後」と言いたい場合に after 3 days を使うのは不自然です。現在基準であれば in 3 days を使います。過去の時点から「その3日後」と言いたい場合は three days later を用いるのが正確です。
2026年10月1日更新・モチタン辞典編集部
renovation
revamp
comparison