DELISH KITCHEN
チョコとコーヒーでほろ苦♪ケーキやクッキーなど人気レシピ18選

チョコとコーヒーでほろ苦♪ケーキやクッキーなど人気レシピ18選

作成日: 2023/07/17

更新日: 2023/12/06

チョコレートとコーヒーを使ったお菓子のレシピを簡単動画でご紹介。ドリンクやケーキ、マフィンに蒸しパンなど、ほろ苦くて甘いレシピを18本紹介していますので、おもてなしや日々のおやつタイムにぜひお役立てください。

ドリンクのレシピ


  • 「チョコレートコーヒー」のレシピ動画

    ほろ苦くて甘い♪
    チョコレートコーヒー

    4.0

    (
    3件
    )

    純ココアを使うことで、苦味も感じられるホットドリンクに仕上げました!砂糖はお好みで調整をしてお作りください♪

    • 調理時間

      10

    • カロリー

      94kcal

    • 費用目安

      100前後

    インスタントコーヒー 砂糖 チョコレートシロップ 純ココア お湯 ミルクチョコレート

    • ※1杯分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

  • 「アイスカフェモカ」のレシピ動画

    おいしいドリンクの作り方♪
    アイスカフェモカ

    4.3

    (
    3件
    )

    ココアとチョコレートシロップで作る、贅沢ドリンクカフェモカ!インスタントコーヒーで簡単に作るレシピをご紹介します♪

    • 調理時間

      10

    • カロリー

      -

    • 費用目安

      300前後

    生クリーム インスタントコーヒー お湯 純ココア チョコレートシロップ 牛乳 氷 チョコレートシロップ

    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • pchan
      手間がかかる割に… でした 見た目が可愛かったので、作りましたが 甘みが足りなくてチョコレートシロップが余ったので、たっぷりかけました ちょっと残念です
    • 🐿
      美味しかったです。 砂糖が入っていないので、入れたほうが甘くて飲みやすいかもしれません。 ただ、レシピが2杯分なんですよね…。 1杯分だろう!と決めつけて2杯分の文字を見落として作ったら、牛乳を入れるときに量が多すぎてびっくりしました。 ドリンクを作るときは1人用にせよ、2人用にせよ1つのコップに入れるのは1杯分だと思うので、1杯分の量を書いておいてくださるとよりありがたいです。

チョコレートのレシピ


  • 「コーヒー生チョコ」のレシピ動画

    大人な味わい!
    コーヒー生チョコ

    4.7

    (
    4件
    )

    シナモンがアクセントの生チョコ! 甘すぎるのが苦手な方にもぴったり! 記念日にプレゼントしてみてはいかがですか?

    • 調理時間

      90

    • カロリー

      85kcal

    • 費用目安

      300前後

    ミルクチョコレート 無塩バター はちみつ インスタントコーヒー 湯 シナモンパウダー 純ココア

    • ※1枚分あたり(12等分の場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • 由佳
      美味しかったけど難しかった
  • 「アーモンドヌガーチョコ」のレシピ動画

    コーヒーにぴったり!
    アーモンドヌガーチョコ

    4.2

    (
    4件
    )

    材料3つで作る簡単おやつをご紹介します。チョコの中にマシュマロを溶かし混ぜることでねっとりとした独特の食感を作ります!たっぷり入ったアーモンドスライスが食感のアクセントになります♪

    • 調理時間

      180

    • カロリー

      128kcal

    • 費用目安

      600前後

    ミルクチョコレート マシュマロ アーモンドスライス

    • ※1切れ分あたり(8等分した場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • なか
      美味しかったです!
    • yy
      鍋でやりましたが、作り方はとても簡単。味は、スニッカーズを思い出しました(ほとんど食べたことがないから全然違ったらすみません)。5cm×0.8cmくらいの棒状に切り分けて冷蔵庫保存。甘いもの大好きな夫がちょこちょこつまんで、気づいたら無くなってました。少し食べたら満足なので、一度にたくさん食べるものでは無かったですが、美味しくいただきました。

ケーキのレシピ


  • 「オペラ」のレシピ動画

    フランスの濃厚ケーキ
    オペラ

    4.5

    (
    12件
    )

    【上級者向け】「オペラ」とは、フランスを代表するスイーツの1つ。パリの有名ケーキ屋さんがオペラ座をイメージして作ったのが由来と言われています。ココアのスポンジ生地にコーヒーのバタークリーム、ガナッシュをサンドしたとっても濃厚で贅沢な味わい♪ほろ苦さがあと引く大人味が人気です。しっかり丁寧に作る分、美味しさや達成感はひとしお。美しい断面はまさにプロのような出来栄えです!誕生日のお祝いやクリスマスなど特別な日におすすめです。

    • 調理時間

      180

    • カロリー

      476kcal

    • 費用目安

      1100前後

    卵 粉砂糖 アーモンドプードル 卵白 砂糖 薄力粉 純ココア 無塩バター 卵白 砂糖 水 インスタントコーヒー お湯 ミルクチョコレート 生クリーム 無塩バター インスタントコーヒー 砂糖 お湯 純ココア 砂糖 水 生クリーム 冷水 粉ゼラチン 金箔

    • ※1個分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • ぽぴぽ
      1度目は大失敗2度目で成功しました…!! 生地の表面が生焼けのような感じになったり半分に切れなかったりしました。 生地の型は小さめにするのも良さそうです
    • みみみみみー
      クリームは片は固めにすると冷蔵庫に入れたあとバターがカチコチになってしまうので、緩めはだめかもしれませんが、そんなに固くしなくていいと思います!味は店みたいで美味しかったです😋
    • りゅう
      ケーキ作り初心者の男ですが、レシピ通り作ってうまくいきました! 上級者向けとありますが、レシピ通り作れば難しくないかなと感じました。 ただ、朝から作り始めて冷蔵庫で冷やす時間も含めて夕方になりました。 時間かかった分、断面を見たときの達成感は半端ないです! 次回はもっときれいな断面を目指したいです。
    • 初心者で4時間かかりました笑 バランスが難しい、、、!練習あるのみですね( ◠‿◠ )
  • 「コーヒーシフォンケーキ」のレシピ動画

    ふわふわしっとり!
    コーヒーシフォンケーキ

    4.5

    (
    22件
    )

    【上級者向け】大人な甘すぎないシフォンケーキ!シンプルな味わいで生クリームとの相性もバッチリ!おやつにぜひいかがですか?

    • 調理時間

      120

    • カロリー

      192kcal

    • 費用目安

      200前後

    卵 薄力粉 砂糖(卵黄用) 砂糖(卵白用) サラダ油 インスタントコーヒー 湯

    • ※1切れ分あたり(6等分にした場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • チルドレンママ
      ふわふわで美味しい!
    • ペレナラひろみ
      簡単!子どもたちが外遊びに行っている間に家にあるもので出来ました。表示より砂糖減らしましたが膨らみも十分。
    • こうあす
      中はふんわりと、上は花が開いたようになり、美味しかったので、また作ります🥰
    • メタル魂
      コーヒーの風味と苦味がしっかりあり生クリームと一緒に食べると最高に美味しいです 普段卵はLサイズを使用してますがMだと粉80gではなく70gで良いかもしれません
  • 「コーヒーチョコケーキ」のレシピ動画

    しっとり濃厚!
    コーヒーチョコケーキ

    サクサクとしっとりの2種類の食感が楽しめる! 混ぜて焼くだけ簡単に作れるのに とっても美味しいコーヒー風味のケーキです♪

    • 調理時間

      30

    • カロリー

      273kcal

    • 費用目安

      400前後

    ミルクチョコレート 無塩バター バター (型に塗る用) インスタントコーヒー 卵 粉砂糖 薄力粉

    • ※1個分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

  • 「ビスケットチョコケーキ」のレシピ動画

    レンジを使って♪
    ビスケットチョコケーキ

    4.3

    (
    6件
    )

    混ぜてレンジで加熱するだけの簡単お菓子!ふわふわの生地にビスケットのサクサク感がアクセントになります♪

    • 調理時間

      20

    • カロリー

      317kcal

    • 費用目安

      300前後

    ホットケーキミックス ミルクチョコレート 砂糖 缶コーヒー[ブラック] サラダ油 ビスケット

    • ※1切れ分あたり(6等分にした場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • たい焼き
      オーブンがなくてもレンジで出来ちゃうのが嬉しくて作ってみました♪ しっとりとした仕上がりにはなりますがコーヒーのコクが感じられて美味しかったです⭕️ アーモンドスライスを生地に加えたところ食感のアクセントになりました。 トッピングにホイップクリーム、バナナ、キャラメルソース(キャラメル3つと牛乳大さじ2をレンジで温め溶かしたもの)を添えて、贅沢なデザートに✨
    • りんご
      オーブンが無くても簡単に作れて良かったです。 耐熱容器の大きさを気をつけないと生地が溢れてしまいます。 冷蔵庫で一晩寝かせたらビスケットもチョコケーキもしっとりしていました。 チョコケーキはほんのりコーヒーの味がして甘さ控えめでしたが、ビスケットのバター味が効いていて美味しかったです。 他の投稿者様がおっしゃるように、アーモンドスライス等ナッツ系を生地に加えたらより美味しそうです。
  • 「カフェモカドームケーキ」のレシピ動画

    ほろ苦でおいしい♪
    カフェモカドームケーキ

    5.0

    (
    4件
    )

    型がなくてもボウルを使って作れるケーキのレシピをご紹介します♪チョコレートムースには卵黄が入っていてとっても濃厚!見た目のインパクトもあるので、おもてなしに喜んでいただけること間違いなしのケーキです。

    • 調理時間

      180

    • カロリー

      366kcal

    • 費用目安

      1700前後

    スポンジケーキ[15cm] 牛乳 卵黄 生クリーム ミルクチョコレート 冷水 粉ゼラチン インスタントコーヒー お湯 生クリーム 砂糖

    • ※1切れ分あたり(8等分した場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • pchan
      とても美味しかったです またリピしたいです スポンジケーキが手に入らず食パンで代用しました
  • 「ほろ苦ビターな生チョコケーキ」のレシピ動画

    SNS人気投票レシピ♪
    ほろ苦ビターな生チョコケーキ

    4.4

    (
    5件
    )

    Twitterの「頑張った自分へのご褒美」の投票でNO.1人気スイーツのご紹介です!ちょっぴり大人味の濃厚生チョコクリームは魅惑の味です♡

    • 調理時間

      90

    • カロリー

      470kcal

    • 費用目安

      900前後

    卵 砂糖 薄力粉 純ココア インスタントコーヒー 牛乳 無塩バター ブラックチョコレート 生クリーム

    • ※1切れ分あたり(6等分にした場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • ゆずそら
      ※ポイント(個人的な感想混じえてます) レシピ動画内では卵白と卵黄を同時に混ぜていましたが、メレンゲを作ってから卵黄を混ぜた方がしっとりしました。(経験済み) つまり、レシピ通りに作るとボソボソとしたスポンジになります。 ここに関してレシピ通りに作ってしまうとスポンジが正直、ガッカリするような仕上がりになってしまうので注意したほうがよさそうです。 よりコーヒーの風味を強く感じたい場合は大さじ1では足りないな…という印象です。 その他はこれといって指摘する点はないです!とても簡単なので初心者の方でも慣れてしまえば1時間しないで作ることが出来ると思います!是非作ってみてください🥰 写真は純ココアをかける前です。
    • まろん
      ゆずそらさんのレビューを参考にして作ってみましたが、普段めったに誉める事のない主人が絶賛してました。
    • あゆみ
      美味しかったし小6の私でも綺麗に出来ました!!
    • チョコラビ
      スポンジ生地を焼く前に混ぜすぎてしまったのか、固くなってしまいました。チョコクリームも、鍋によっては直ぐに冷えて固くなって塗りづらくなるので注意です。味は濃厚ビターで美味しかったのでリベンジしたいです。
  • 「カフェモカバットケーキ」のレシピ動画

    ホットケーキミックスで作る♪
    カフェモカバットケーキ

    4.6

    (
    6件
    )

    市販のアイスクリームとホットケーキミックスを使ったお手軽ケーキ!材料5つで作れるのがうれしいポイント♪混ぜるだけの簡単生地なのに、しっとりとした食感に仕上がります。バレンタインや手土産にぴったりのレシピです。

    • 調理時間

      50

    • カロリー

      214kcal

    • 費用目安

      400前後

    アイスクリーム[チョコ] ミルクチョコレート 卵 ホットケーキミックス インスタントコーヒー ミルクチョコレート

    • ※1切れ分あたり(9等分にした場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • くみモン
      コーヒーの良い香りがたまりません。 チョコは半分。ナッツたくさんを入れて焼きました。 表面がツルテカカリカリになり 切ると割れてしまいました。 やきすぎたのかなー??
  • 「コーヒーのチョコパウンドケーキ」のレシピ動画

    甘さ控えめ♪
    コーヒーのチョコパウンドケーキ

    4.3

    (
    8件
    )

    コーヒーとブラックチョコレートを混ぜ込んだ甘さ控えめのパウンドケーキです。コーヒーの香りが口いっぱいに広がり、相性抜群のチョコレートがアクセントになります♪甘いのが苦手な方へのちょっとした手土産やバレンタインにもおすすめです。

    • 調理時間

      90

    • カロリー

      235kcal

    • 費用目安

      400前後

    薄力粉 無塩バター 溶き卵 砂糖 インスタントコーヒー お湯 ブラックチョコレート ベーキングパウダー

    • ※1切れ分あたり(8等分した場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • 華恋🐕ママ
      ほろ苦でとても美味しく出来上がりました! 焼く時の注意として 生地を平らにせず 真ん中を凹←感じにへこませて焼いた方が良いかもしれません。 お砂糖を有機てんさい糖に変えましたが全く問題なく出来ました! タマゴの分離も 良く混ぜれば問題ないです。あと 粉を 米粉に変えて作ってみたりもしました!個人的には米粉の方が美味しいです!もう何度も何度も繰り返し作ってます!
    • チョコ
      溶き卵を分離しないように混ぜ合わせる工程に手間がかかりました💧 卵は早く常温にしといた方がいいです! 砂糖を50gに減らして、小パウンド型2つで25分、アルミ被せて10分くらい焼きました。 コーヒーのほろ苦さがあり、ほんのり甘さがあって私は美味しかったです。
    • ルールーシー
      レシピより少しだけコーヒーを多くして作ってみたけど、苦味が増して自分好みになりました

マフィンのレシピ


  • 「コーヒーのチョコチップマフィン」のレシピ動画

    大人の甘さ♪
    コーヒーのチョコチップマフィン

    4.7

    (
    39件
    )

    コーヒーとブラックチョコレートを使った、ほろ苦くてビターな甘さのマフィンです。お茶菓子の時間にはもちろん、ホームパーティーなどにもおすすめ♪

    • 調理時間

      40

    • カロリー

      266kcal

    • 費用目安

      300前後

    ホットケーキミックス 無塩バター 溶き卵 砂糖 インスタントコーヒー お湯 ブラックチョコレート

    • ※1人分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • chipi
      トッピングのチョコを大きめに入れました! 焼き立てはチョコがトロトロで…♡ 冷めてもトースターで少し温め直すと生地がふわふわ、チョコはザクザク!とっても美味しく食べれました❃︎ホットケーキミックス を使っているので簡単に…予熱する時間も全て含めて1時間以内に作れました。リピして作っています。
    • ニックネーム未登録
      チョー簡単😆 板チョコで❣️  ありがとぅ。
    • ゆっっこ
      美味しくできました! 記載のサイズより少し小さめの型でしましたが、ちょうどいい感じでできました。卵、間違って一気に入れてしまいましたが、大丈夫でした(^^;  チョコ好きとしては、チョコはもう少し多く入れてもよかったかもです!
    • けー
      安易に手を出していいレシピではありません。所要時間40分とかとんでもない。 まずホットケーキミックスのふるいで80分と、ここで所要時間の倍かかりました。 次にバターがまあ混ざらない。泡だて器に食い込んで変形して壊れかけたので仕方なく、ボウルの下に熱湯を張ったお皿を敷いて混ぜました。結局湯煎と変わりません。 上記のとおり時間が大変かかるので、オーブン予熱は生地をカップ入れるところから初めても間に合います。 結局3時間かかりました。 味は良かったので星は4つです。 2回目…粉ふるい器の使い方を見直して、コメントを参考に無塩バターをオリーブオイルにしたとことろ、かなり時間を短縮できました。食感にも違和感有りませんでした。レーズンを入れてみたので、中まで焼きあがるまでの時間は20分+2分ほど必要でした。

クッキーのレシピ


  • 「カフェモカドロップクッキー」のレシピ動画

    程よい苦味が大人の味♡
    カフェモカドロップクッキー

    ホットケーキミックスを使ってお手軽に!コーヒーのお供にいかがでしょうか。チョコレートは大きめに刻むのがおすすめです。

    • 調理時間

      40

    • カロリー

      154kcal

    • 費用目安

      300前後

    無塩バター 砂糖 卵 ホットケーキミックス ホワイトチョコレート インスタントコーヒー 熱湯

    • ※1枚分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • かつ
      外はホロホロ、中はフワフワで程よい苦みもあり。 言う事なしです😆

パンのレシピ


  • 「カフェモカパン」のレシピ動画

    ホットケーキミックスで簡単♪
    カフェモカパン

    4.5

    (
    19件
    )

    ヨーグルトの力でカリッともっちり食感になります。コーヒーのほろ苦さとチョコレートが相性抜群です!

    • 調理時間

      40

    • カロリー

      219kcal

    • 費用目安

      200前後

    ミルクチョコレート ヨーグルト[無糖] インスタントコーヒー ホットケーキミックス 薄力粉

    • ※1切れ分あたり(5等分にした場合)
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • こんなに簡単に、パンが作れるなんて感動でした! お菓子を作るよりも、早かったです! ちょっとハード系のパンという感じで、美味しかったです☆ コーヒーを入れているので、HKM感も割りと消えて更に👍
    • ころたん
      食パンの発酵時間が長いので合間に作れるものを探していたら見つけ、作りました。 時短でパンぽい感じにできました。 忙しい方にもおすすめです。
    • critical
      混ぜて焼くだけなのでとっても簡単でした チョコを入れるタイミングで砕いたアーモンドも入れて作り、家族に好評でした 個人的には20分+10分で焼いたため 全体的に少し固めに焼けたので 次は25分で挑戦してみたいです
    • れあちーず
      少ない材料で簡単に手軽に作れて、しかも美味しい!最高です。 家族に大好評だったので、また作りたいと思います!
  • 「コーヒーチョコ蒸しパン」のレシピ動画

    おやつにおすすめ!
    コーヒーチョコ蒸しパン

    4.5

    (
    4件
    )

    ホットケーキミックスで簡単蒸しパン!材料を混ぜたらあとは蒸し器にお任せ!お子様と一緒に作ってみませんか♪

    • 調理時間

      60

    • カロリー

      213kcal

    • 費用目安

      400前後

    ホットケーキミックス 卵 牛乳 砂糖 インスタントコーヒー 水 チョコチップ

    • ※1個分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • ずぼら瓶
      お菓子作りが苦手な私でも簡単にできました✨ 100均でチョコチップがちょうど良い量で売っていました。 ビターな感じで美味しかったです❗ チョコチップは底に沈みます🍀 蒸している途中で生地の上にパラパラとのせるとチョコのバランスがいいと思います(^o^)🌟

その他のスイーツレシピ


  • 「カフェモカゼリー」のレシピ動画

    ビター&スイート♪
    カフェモカゼリー

    ほろ苦いコーヒーゼリーに、チョコレートシロップとホイップクリームが合わさった大人スイーツはいかがでしょうか?ガラス容器で作ると層がきれいに見えるのでおすすめです♪デザートやおやつにぜひお試しください!

    • 調理時間

      180

    • カロリー

      328kcal

    • 費用目安

      400前後

    インスタントコーヒー 水 砂糖 生クリーム(コーヒーゼリー用) チョコレートシロップ 冷水 粉ゼラチン 生クリーム 砂糖 純ココア

    • ※1人分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る

    レビュー

    • ココナツ
      コーヒーのホロ苦さに甘いチョコシロップと ファっとした生クリームでまた作ってと 言われるほど美味しかったです😋 次はヘーゼルナッツフレーバーコーヒーでも 作ってみたいです😊
  • 「クッキーカップアフォガート」のレシピ動画

    丸ごとぺろり!
    クッキーカップアフォガート

    器をクッキーで作って丸ごと食べられる贅沢デザートに!コーヒーをかけてとろけたアイスとクッキーを一緒に食べれば至福の味です♪

    • 調理時間

      30

    • カロリー

      533kcal

    • 費用目安

      400前後

    卵 牛乳 サラダ油 ホットケーキミックス ミルクチョコレート 牛乳 アイスクリーム[バニラ] コーヒー[液体]

    • ※1個分あたり
    • ※費用目安はレシピ全体での金額となります。

    レシピ詳細を見る