カフェモカの作り方｜家で作る4つのレシピと比率、モカコーヒーとの違い

カフェモカは、コーヒーにチョコレートと牛乳を合わせた飲み物で、エスプレッソマシンがなくても家で作れる。作り方の違いは、コーヒーを何でいれるかと、チョコレートを何で入れるかの2点だけである。いちばん手軽なのはインスタントコーヒーとココアを使う方法で、森永製菓のレシピは、調整ココア小さじ3とインスタントコーヒー小さじ1/2を混ぜ、温めた牛乳150ccを注ぐとしている^[2]。

この記事では、①インスタントコーヒーとココア、②インスタントコーヒーと板チョコ、③ドリップコーヒー、④エスプレッソの順に、メーカー各社が公開しているレシピの分量と手順を並べる。そのあとに、アイスの作り方、トッピング、カロリー、カフェラテやコーヒー豆の「モカ」との違いをまとめる。

この記事は「コーヒーの淹れ方は4種類で整理できる｜透過・浸漬・加圧・煮出しの原理マップ」の各論です。

カフェモカの作り方｜4つのレシピの分量

4つの作り方を、コーヒー・チョコレート・牛乳の分量で並べる。各社のレシピを見比べると分量はそろっておらず、1杯あたりの牛乳は60mlから150ccまで幅がある^[2][5]。まずは手元にある材料で作れるものを選べばよい。

作り方	コーヒー	チョコレート	牛乳	レシピの出どころ
① インスタント＋ココア	インスタントコーヒー 小さじ1/2	調整ココア 小さじ3	150cc（温める）	森永製菓[2]
② インスタント＋板チョコ（2人分）	インスタントコーヒー 大さじ1＋湯50ml	ミルクチョコレート25g＋砂糖 大さじ1	300ml（ほかに溶きのばす用 大さじ1）	明治[3]
③ ドリップコーヒー	深煎りのコーヒー 120ml	チョコレートシロップ 30ml	60ml（温めて泡立てる）	味の素AGF[5]
④ エスプレッソ	エスプレッソ 30ml	チョコレートソース 適量	フォームドミルク 70ml	キーコーヒー[1]

① インスタントコーヒーとココアで作る

マグカップ1つで作れる方法である。森永製菓のレシピの材料は、1杯分で調整ココア小さじ3、インスタントコーヒー小さじ1/2、牛乳150ccである^[2]。調整ココアは、ココアパウダーにあらかじめ砂糖と乳製品を加えたものを指す^[2]。

1. マグカップに調整ココアとインスタントコーヒーを入れて混ぜる。
2. 温めた牛乳を注ぎ、よく混ぜる。
3. 好みで、トースターで約60秒焼いたマシュマロをのせる^[2]。

砂糖も乳製品も入っていないココアパウダーを使うときは、甘さが足りなくなる。同社は、ココアの種類に応じて砂糖や牛乳を好みで加えるよう勧めている^[2]。

② インスタントコーヒーと板チョコで作る

チョコレートシロップがなくても、板チョコを電子レンジで溶かせば作れる。明治のレシピの材料は、2人分でミルクチョコレート25g、溶きのばす用の牛乳大さじ1、インスタントコーヒー大さじ1、砂糖大さじ1、湯50ml、牛乳300mlである^[3]。

1. ミルクチョコレートをきざんで耐熱の器に入れ、牛乳大さじ1を加えてラップをかけ、電子レンジで20〜30秒加熱する。取り出してよく混ぜて溶かす^[3]。
2. インスタントコーヒーと砂糖に湯を加えて混ぜ、溶かしたチョコレートを加えて混ぜ合わせる。
3. 牛乳と混ぜ合わせて、グラスに注ぐ。

このレシピは冷たい牛乳で作る形だが、同社はホットでもおいしく飲めるとしている^[3]。

③ ドリップコーヒーで作る

ドリップコーヒーを使うときは、深煎りの豆で濃いめにいれる。味の素AGFは「モカチーノ」という名前でレシピを公開しており、材料は1杯分で深煎りのコーヒー120ml、チョコレートシロップ30ml、牛乳60ml、ホイップクリーム大さじ2杯である^[5]。

1. カップにチョコレートシロップを入れ、深煎りのコーヒーを注ぐ。
2. 手鍋に牛乳を入れて中火にかけ、泡立て器で泡立ててからカップに注ぐ^[5]。
3. ホイップクリームをのせる。

UCC上島珈琲も、ドリップでいれたコーヒーで作るカフェモカのレシピを公開している。同社は、カフェモカは本来エスプレッソで作るもので、ドリップを使うのは簡単に作るための方法だと説明している^[4]。

④ エスプレッソで作る（基本形）

店で出されるカフェモカは、エスプレッソで作る。キーコーヒーが基本の作り方として挙げる材料は、エスプレッソ30ml、フォームドミルク70ml、チョコレートソース適量である^[1]。フォームドミルクは、泡立てた牛乳のことである。

1. カップの底にチョコレートソースを適量入れる。
2. エスプレッソを30ml抽出し、牛乳を泡立ててフォームドミルクを作る。
3. エスプレッソ、フォームドミルクの順に注ぎ、最後にチョコレートソースをかける^[1]。

スターバックスは、店のカフェモカを、エスプレッソにチョコレートシロップとミルクを加え、ホットにはホイップクリームをのせた飲み物と説明している^[7]。

アイスカフェモカの作り方

アイスも、インスタントコーヒー、ドリップコーヒー、エスプレッソのどれでも作れる。3社のレシピを同じ順に並べる。

コーヒー	材料	手順	レシピの出どころ
インスタント	インスタントコーヒー 小さじ山盛り1杯、牛乳140ml、ココア 大さじ1.5杯、氷120g	少量の牛乳でコーヒーを溶かす → 残りの牛乳とココアを加えて混ぜる → 氷を入れたグラスに注ぐ	ネスレ日本[6]
ドリップ	アイス用のコーヒー粉15〜18g、水90ml、牛乳70ml、チョコレートシロップ15g	濃いめにいれて氷で急冷する → グラスで牛乳とシロップを混ぜる → 氷を入れ、コーヒーをゆっくり注ぐ	UCC上島珈琲[4]
エスプレッソ	エスプレッソ30ml、ミルク70ml、氷とチョコレートソース適量	エスプレッソを抽出して冷やしておく → グラスにソースを垂らし、ミルクを注いで混ぜる → 氷を入れ、エスプレッソをゆっくり注ぐ	キーコーヒー[1]

コーヒーを氷の上からゆっくり注ぐと、牛乳とコーヒーがきれいな2層になる^[4]。

トッピングとアレンジ

仕上げにのせるものとして、キーコーヒーは削ったチョコレート、ココアパウダー、生クリームなどを挙げている^[1]。アイスカフェモカにはアイスクリームをのせる方法もある^[1]。スターバックスの店では、ホットにはホイップクリームをのせ、アイスにはのせない^[7]。

チョコレートをホワイトチョコレートに替えたものは、ホワイトカフェモカと呼ばれる。キーコーヒーのレシピは、エスプレッソ30mlとフォームドミルク70mlを注ぎ、刻んだホワイトチョコレートをのせる作り方である^[1]。

カロリーの目安

カロリーは、牛乳とチョコレートの量で変わる。明治のレシピ（②）は1人分で199kcal^[3]、ネスレ日本のアイスカフェモカは1人分で131kcalと表示されている^[6]。どちらもそのレシピの分量で作ったときの値で、ホイップクリームやトッピングを足せばそのぶん増える。

カフェモカとは｜カフェラテ・マキアートとの比率の違い

キーコーヒーは、カフェモカを、エスプレッソをベースにミルクとチョコレートソースを使った飲み物と説明している^[1]。明治とUCC上島珈琲も、本来はエスプレッソで作る飲み物だとしている^[3][4]。カフェラテやマキアートも同じくエスプレッソにミルクを合わせるが、チョコレートを使うのはカフェモカだけである。キーコーヒーが示す一般的な比率は、図のとおりカフェモカが3：7、カフェラテが1：4、マキアートが3：1である^[1]。

同社は、カフェラテとマキアートはイタリア発祥、カフェモカはアメリカ発祥である点も違いに挙げている^[1]。

コーヒー豆の「モカ」との違い

「モカ」という言葉は、コーヒー豆の呼び名としても使われる。キーコーヒーによれば、モカはかつてアラビア半島にあったモカ港に由来する呼び名で、現在はイエメン産とエチオピア産のコーヒーをモカと呼んでいる^[1]。チョコレートが入っているわけではない。

飲み物のカフェモカの名前については、モカコーヒーの風味に似せるためにミルクとチョコレートを使ったのが始まりだといわれている、と同社は紹介している^[1]。味の素AGFは、アメリカではチョコレートやココアを「モカ」と呼ぶと説明している^[5]。店のメニューでは「チョコレート入り」、豆の売り場では「産地の名前」と、場面で読み分ければよい。

味を左右する要素の全体像はコーヒーの味は何で決まるのかで解説しています。

結論

カフェモカは、コーヒー・チョコレート・牛乳の3つがそろえば作れる。インスタントコーヒーとココアならマグカップ1つで済み、板チョコは電子レンジで溶かして使える。ドリップコーヒーなら深煎りを濃いめにいれ、エスプレッソがあれば店と同じ基本形になる。分量は各社のレシピで幅があるので、まず1つのレシピどおりに作り、チョコレートと牛乳の量を好みで動かすとよい。

あわせて読みたい

• カフェオレとカフェラテの違い｜コーヒーメニュー用語の基礎知識
• カフェラテ・カプチーノ・マキアートの違い｜エスプレッソ系メニュー図鑑
• アメリカーノとは｜ロングブラックとの違い
• アフォガートとは｜エスプレッソ×アイスのデザート
• ウインナーコーヒーとは｜アインシュペンナーとの違い・由来・作り方

参考文献

1. キーコーヒー「カフェモカってどんな飲み物？カフェラテとの違いやおいしいアレンジレシピも紹介！」（基本の作り方＝エスプレッソ30ml・フォームドミルク70ml／カフェラテ・マキアートとの比率／コーヒー豆のモカとの違い／2026-10-04 閲覧）
   https://www.keycoffee.co.jp/experience/knowledge/detail/about-cafe-mocha/
2. 森永製菓 よむココア「焼きマシュマロでふんわり♡カフェモカ」（調整ココア小さじ3・インスタントコーヒー小さじ1/2・牛乳150cc／2026-10-04 閲覧）
   https://www.morinaga.co.jp/yomu-cocoa/style/vol01.html
3. 明治 明治の食育 おすすめレシピ「お手軽カフェモカ」（2人分の材料・電子レンジで20〜30秒・1人分199kcal／2026-10-04 閲覧）
   https://www.meiji.co.jp/meiji-shokuiku/shokuikurecipe/recipe/0107.html
4. UCC上島珈琲「アイス・カフェモカの作り方【ドリンクレシピ】」（アイス用のコーヒー粉15〜18g・水90ml・牛乳70ml・チョコレートシロップ15g／2026-10-04 閲覧）
   https://www.ucc.co.jp/enjoy/recipe/arrange_ice/ar46.html
5. 味の素AGF「モカチーノ」（深煎りのコーヒー120ml・チョコレートシロップ30ml・牛乳60ml／2026-10-04 閲覧）
   https://agf.ajinomoto.co.jp/recipe/original/214/
6. ネスレ日本 ネスカフェ公式サイト「ココアで作るアイスカフェモカ」（牛乳140ml・ココア大さじ1.5杯・1人分131kcal／2026-10-04 閲覧）
   https://nescafe.nestle.jp/recipes/iced-cafe-mocha
7. スターバックス コーヒー ジャパン「カフェ モカ」商品説明（2026-10-04 閲覧）
   https://menu.starbucks.co.jp/4524785000254