2022年6月27日 月曜日 00:16

【料理】北欧名物「サーモンのスープ」を作ってみました

【料理】北欧名物「サーモンのスープ」を作ってみました

皆様こんにちは。リラ吉です。

私の趣味の一つが旅行なのですが、旅先での楽しみの一つが「その地域で有名なものを食べる」ということです。

今回の記事では北欧に旅をした際に食べ、その味に感動した「サーモンのスープ」を作ってみましたので、その作り方、味について書きたいと思います。

材料

材料(2人用)は下記になります。

  • カット野菜(今回はカレーの具を使用)
  • ニンニク (1片)
  • サーモン(鮭) 2匹
  • コンソメスープの素
  • 水 300ml
  • 牛乳 200ml
  • 塩・胡椒
  • オリーブオイル
  • 片栗粉(とろみが欲しければ)
  • ディル(欲しければ)
  • 生クリーム(クリーミーさを出したいなら)

1.ニンニクをみじん切りにしてオリーブオイルで炒める

 

ニンニクをみじん切りにして鍋に入れ、弱火で炒めます。

私はカット野菜を使用しましたが、カットされていない野菜を使用している方はニンニクと一緒に切っておくと楽になりますので、切っておくことをおすすめします。

ニンニクに火が通り、香りがしてきたら次に進みます。

2.カット野菜を炒める

ニンニクに火が通ったらカット野菜を入れていきます。

 

今回はカレー用を使用しましたが、スープに合いそうな具材であれば入れても問題ないかと思います。

軽く火が通ってきたら次の工程へ進みます。

3.コンソメスープと水を入れる

 

炒めた野菜に水300mlとコンソメスープを入れて中火で煮込んでいきます。

煮込んでいる間にサーモン(鮭)を食べやすいサイズに切っていきます。私は鮭2匹の切り身をそれぞれ3等分しましたが、このあと鍋に鮭を入れた際に身が崩れてしまうので、もう少し大きく切ってもいいかもしれません。

水が沸騰してきたら次へ進みます。

4.サーモン(鮭)を入れる

沸騰したらサーモン(鮭)を鍋に入れて中火で煮込みます。

野菜が柔らかくなるまで待ちますが、その間に牛乳200mlを用意しておきます。

5.牛乳を入れて弱火で煮込み塩コショウで味を調える

 

野菜が柔らかくなったら牛乳を入れて弱火で煮込み、塩、胡椒を入れて味を調えます。この時、クリーミーさを出したいなら生クリーム、とろみが欲しい方は片栗粉も入れて混ぜてください。

私は買い忘れたのですが、フィンランドで食べたものにはハーブらしきものも入っていたのでディル等をこの時に入れてみると香りが良くなり、また栄養価も高くなるので刻んで入れてみてもいいかもしれません。

これで完成です。

完成・実食

 

これで完成なので実際に食べてみました。見た目はイマイチでしたが、味は全く問題なしでした。

また、これは好みなのですが、、強いて言うならクリーミーさととろみも少しほしいなと思いましたので、次回は生クリームと片栗粉も入れて作ってみようと思います。

この記事で書かれているレシピは必要最低限のものだけで作ったもので、隠し味踏破しておりませんが、味については問題ありませんでしたので、ご興味がある方はぜひ作ってみてください。

今回は以上です。ここまで読んでいただきありがとうございました。

それではまた。

リラ吉

にほんブログ村 にほんブログ村へ

関連記事

【食レポ】鹿児島の名店「黒豚 ふくや」

皆様こんにちは。リラ吉です。 先日鹿児島にある名店「黒豚 ふくや」に行ってきました。 綺麗で非常に美味しく、自信を持っておすすめできるお店でしたので今回の記事ではこの「黒豚 ふくや」をご紹介します。 「黒豚 ふくや」とは 「黒豚 ふくや」は鹿児島県鹿児島市にある鹿児島料理のお店です。市電の天文館駅から徒歩2~3分ほどので行けるので行きやすい場所にあります。   外観、内観は2021年1月15日オープンしたので非常に綺麗です。 メニューは洋食名店100選、「ビブグルマン」に6年連続選出された「目白旬香亭」オーナーシェフ斉藤氏が監修しており、さらに鹿児島県名物の黒豚と茶美豚を使用しているこだわりのあるお店です。 私たちが行ったのは4連休の初日でしたが、人気店のため、予約をしないと入れませんでした。そのため、行かれる方は予約をしていくことをおすすめします。   注文したメニュー 注文した料理はコースメニューです。コースの内容は下記の通りです。 前菜お刺身(鯛としまあじ)さつま揚げ(にらのさつま揚げととうもろこしのさつま揚げ)豚しゃぶ(黒豚、茶美豚、つくね、野菜)トンカツ蕎麦デザート どれも美味しかったのですが、この中でもさつま揚げと豚しゃぶは絶品でした。 さつま揚げはニラのさつま揚げとトウモロコシのさつま揚げの2種類でしたが、どちらも揚げたてで、また自家製のため、スーパーで売っているものとは異なる、なかなか食べることのできない味になっています。 豚しゃぶは普通の豚しゃぶと比べてお肉が分厚いのが特徴です。分厚いため食べごたえがありますが、人によっては普通の豚肉より噛み切りづらいと感じるかもしれません。ただ炭を使って保温することで沸騰しないため、お肉が硬くなりすぎることはありません。 味は「豚肉ってこんなにおいしかったのか」と思えるほど美味しく、牛肉派、鶏肉派の方も絶対楽しめると思います。 お値段は1人6000円ですが、5000円のコースやさらに高いコースもありました。 個人的な感想ではこのお値段でこの量、味であれば6000円は高くないと思います。 また、鹿児島らしく焼酎の種類が多いです。焼酎が苦手という方でも日本酒など、焼酎以外の鹿児島の地酒があります。 まとめ 以上が「黒豚 ふくや」の紹介になります。 美味しい鹿児島料理を堪能できる人気店で、年齢、性別問わず楽しめるお店です。 また鹿児島名物の焼酎が好き、焼酎に挑戦してみたいという方にはもちろん、焼酎が苦手だけどお酒を飲みたいという方にもおすすめできるお店です。 お値段も高すぎるということはないので、鹿児島在住の方、鹿児島に旅行される方は是非足を運んで頂けますと幸いです。 リラ吉

【食レポ】行列のできる洋菓子ブランド「ノワ・ドゥ・ブール」

皆様こんにちは。リラ吉です。 先日、新宿伊勢丹の中でも特に行列ができるお店「ノワ・ドゥ・ブール(noix de beurre)」に行ってきました。 食べてみたら衝撃的なおいしさでしたので、今回の記事ではこの洋菓子ブランド「ノワ・ドゥ・ブール」を紹介したいと思います ノワ・ドゥ・ブールとは ノワ・ドゥ・ブールはフィナンシェやマドレーヌなどの焼き菓子、生ケーキを販売している洋菓子店です。 お店は新宿、日本橋、銀座の伊勢丹にあり、どのお店も行列が出来るようです。 今回訪れたのは新宿伊勢丹店で、平日の15時頃でした。 人の少ない時間帯ですが、この時間でも行列は出来ており、20分ほど並びました。休日なら1時間近く並ぶかと思います。 ノワ・ドゥ・ブールの感想 購入したのは焼き立てフィナンシェが2つ、ガレット・ブルトンヌが1つ、カヌレが2つの焼き菓子セット(1,475円)、それとママレード・ママン(1つ216円)です。 フィナンシェは外のサクサクした食感、中のしっとり感がしっかり味わえるます。 頂いた紙にはバターとアーモンド香ると書いてありましたが、バターの味が強く、アーモンドの味は弱めに感じました。また焼きたてらしい香ばしい匂いが食欲を誘います。 カヌレは外は見た目通りカリカリしていて、中はしっとりしています。 味は一瞬、カスタードのような風味が来た後、ラム酒独特の味がしっかり来ますので、若干クセがあります。また、上品な大人の味なので、子供は苦手かもしれません。 フィナンシェは万人受けしそうですが、カヌレは好き嫌いが分かれるかと思います。 ガレット・ブルトンヌは焼きたてのクッキーの食感で、バターと塩がすごく効いています。この塩の風味が味を引き立てていると感じました。 またこの塩の風味が最後まで残るので後味もスッキリしている印象です。 外側のザクっとした食感が強く、中のしっとり感が弱目の印象でした。また、ポロポロしているので、上手く食べないと床に落としそうでした。 ママレード・ママンは柔らかく、バターと卵の味がしっかりしていて非常にシンプルな印象でした。 また、商品の説明を見ると、はちみつも入れていると書かれていますが、それほど感じませんでした。なのではちみつ独特の味が苦手という方も全く問題ないと思います。 これら4つはどれも非常に美味しく、並んで良かったと思います。また、この4つ以外の焼き菓子も期待できると思います。 まとめ 以上がノワ・ドゥ・ブールの感想になります。 平日の昼間でも15〜30分ほど並ぶでしょうし、休日なら1時間近くは並ぶかと思います。 しかし、それだけ並ぶ価値がある味であり、自分の為に買ってもよし、お土産として買ってもよしなお菓子です。 欠点としてはお店が東京にしかないことですが、焼き立てではないものの、通販でも焼き菓子は購入可能なので、東京近郊以外お住まいの方でもこの味を味わうことができます。 通販で購入できるものについては食べたことはありませんが、プレゼントした方は美味しいと仰っていたので。こちらもオススメです。 ご興味がある方でお店に足を運べる方はお店で購入し、遠方の方は通販で是非買っていただけたらと思います。 今回は以上です。それではまた。 リラ吉

【和菓子】美しすぎて食べるのがもったいない京羊羹「天の川」

皆様こんにちは。リラ吉です。 今回はこれからの時期にぴったりな羊羹「天の川」をご紹介します。 「天の川」がどんな羊羹なのか、またどんな味なのかについて書きますので、お読み頂けますと幸いです。 天の川とは 天の川は慶応元年(1865年)創業という150年以上歴史のある京都の老舗和菓子屋「七條甘春堂」が販売している羊羹です。 天の川の1番魅力はその見た目です。下の写真が天の川になります。 その名前の通り、美しい夜に煌めく天の川と星々をイメージした見た目です。 あまりの美しさに食べるのを躊躇ってしまいます。 味 この羊羹は夜空をイメージした琥珀羹(寒天)、その下に味甚羹、小倉羹の計3層で出来ています。 見た目は派手ですが、味については琥珀羹はさっぱりした味、味甚羹は甘めのお米のような味、そして小倉羹は流石老舗和菓子屋、甘過ぎない、小豆の味がしっかりした味になっています。 どの層も異なる味ですが、一緒に食べてもそれぞれの味が主張し過ぎたりすることなく、バランスの取れた味になっています。 もちろん、バラバラに食べてそれぞれの層を味わうことも出来ます。色々な食べ方が出来るのは大きな魅力です。 (adsbygoogle = window.adsbygoogle || ).push({}); 購入場所・値段 購入できる場所はオンラインの他、本店・大手筋店・JR京都伊勢丹店・京都タワー店・MOMOテラス・北千住マルイ(東京)その他、取り扱い百貨店または百貨店催事「京都展」とホームページには記載してありました。なので、基本的には京都、あるいは東京でのみ店舗での購入が可能となっています。 ただ上記の通り、オンラインでも購入は可能です。日本国内であれば、どこにいても変えるというのは嬉しいですね。 注意点は購入できる期間が限られていることです。購入できるのは6/1〜8月末頃までです。 天の川というと夏のイメージですから仕方ないですね。限定感があって個人的には良いかと思います。 まとめ 以上が京都の老舗和菓子屋「七條甘春堂」が販売している羊羹「天の川」になります。 非常に美しいので1人で買ってきて写真を撮り、InstagramなどのSNSに投稿してもよし、家族や恋人の為に買ってくるもよし色々な楽しみ方があります。 また見た目だけでなく、味も非常に美味しいので、気になる方がいらっしゃいましたらぜひ店舗、あるいはオンラインで購入してみてください。 今回は以上です。それではまた。 リラ吉

【Wine & Dining デューク新宿】夜景が綺麗なフレンチレストラン

皆様こんにちは。リラ吉です。 今回は誕生日、デート、記念日等に最適なレストラン「Wine & Dining デューク新宿」をご紹介したいと思います。 夜景もきれいでロマンチックなレストランなのでご興味がある方はぜひ行ってみてください。 Wine & Dining デューク新宿とは 「Wine & Dining デューク新宿(以下デューク)」は西新宿にあるフレンチレストランです。経営はかの有名なホテルオークラで本格的フランス料理とワインが楽しめます。 詳しい位置は下の地図の通りです。 新宿駅、新宿西口駅、西武新宿駅、都庁前駅から近く、アクセスしやすい場所になっています。 デューク新宿の魅力 サービスが素晴らしい 流石ホテルオークラの経営だけあって、店員さんの質・サービスが高いです。 まず口調・言葉選びからしてレベルが高いと感じました。聞き取りやすく、落ち着いたトーン・速さで話してくださりますし、綺麗な言葉を使ってくださります。 また説明もとても上手いです。私はワインにあまり詳しくないので、ワイン注文の際にかなり迷います。私達がデュークに行った際も迷っていたのですが、店員さんがやってきて、説明してくださりました。他のお店だと短い時間での説明になることが多いですが、デュークの店員さんは時間をかけて丁寧に説明してくれます。 そのおかげもあって私の好みも考えていくつか候補を出してくださったので、自分にとっての最高の一本を選ぶことが出来ました。   新宿の夜景を見ながら食事ができる デュークは新宿野村ビル最上階である50階、地上210mにあります。この位置にあるため、ロマンチックな新宿の夜景を見ながら、食事をすることが出来ます。 席にもよりますが、北、あるいは西の方角を見ることになります。西側は中野やベットタウン側になるので、他の東側が見えるお店と比べるとやや迫力には欠けますが、それでも感動するほど美しい夜景を見ることが出来ます。   料理が繊細で美しく、そして美味しい 料理については当然ですが非常においしいです。 メニューについてはランチとディナーで変わります。飲み物代を除けば、ランチは1400~3980円、ディナーは12000~14000円です。私達が行った際に食べた料理は下記の写真の通りです。 また、注文すると下の写真のような詳しいメニューを持ってきてくださいます。記念に持って帰ることも出来るのが嬉しいですね。 またメニューの写真はありませんが、「Wine & Dining デューク新宿」という名前だけあって、シャンパン、白ワイン、赤ワイン、デザートワインのメニューが豊富です。 公式ホームページにはボトルの値段しか書いてありませんが、上の写真で注文している通り、グラスもあります。お好きなワインがある方はボトル、いろいろなワインを試したい方はグラスを注文すると良いかと思います   まとめ 以上がデュークの説明になります。 多少お値段は高いですが、夜景がきれいで店員さんのレベルも高く、そして何より料理がおいしいので誕生日や記念日に最適なレストランです。 また、フレンチは和食などと比べて食べる機会が少ないので、普段食べないけどたまにはフレンチ食べたいなと思っている方や美味しいワインを飲んでみたいと思っている方にもお勧めできるレストランです。 もしこの記事を読んでご興味を持った方がいらっしゃいましたら、ぜひ食べに行っていただけたらと思います。 今回は以上です。ここまで読んで下さり、ありがとうございます、 それではまた。 リラ吉
PVアクセスランキング にほんブログ村

返事を書く

Please enter your comment!
Please enter your name here

最新記事

【2022年来日公演版】Larry Carlton(ラリー・カールトン)の使用機材

世界的に有名なギタリストLarry Carlton(ラリー・カールトン)氏。 今回の記事では2022年の横浜公演のセカンドステージで使用したギター・アンプ・エフェクターを紹介いたします。 使用ギター 彼の代名詞といえばGibson ES-335ですが、近年使用しているのはパートナーシップを結び開発したSire H7です。カラーはCherry Sunburstでした。 ご本人が使用しているものは特注モデルかもしれませんが、私達が手に入れられるモデルの新品価格はデジマートさんを見る限り9万3500円です。Gibson ES-335よりは手に入れやすい価格になっております。 使用アンプ アンプはダンブル系のアンプとして有名なBludotone(ブルードトーン)を使用していました。 以前のインタビューで「Bludotoneのアンプはブリュッセルと東京にもあって、ヨーロッパと日本でツアーする時はアメリカから空輸しなくていいんだ」と言っておりましたので、このアンプは「日本に置いてあるアンプ」なのかもしれません(ただ昔のインタビューなので今は日本にないかもしれません)。 (adsbygoogle = window.adsbygoogle || ).push({}); 使用エフェクター・パワーサプライ エフェクターは下記のものを使用しておりました。 BOSS FV-30H/L(ボリュームペダル)Vox Wah(ワウ) ※V847かモディファイされたものか不明Blueline Overdrive(オーバードライブ)Providence CHRONO DELAY DLY-4(ディレイ)FREE THE...

【プログラミング初心者向け】計算機アプリを作ってみよう Part3(Grid作成編)

※この記事ではC#とWPFを使用してアプリを作成しております。MacOSではWPFを使用できませんので、その点はご了承ください。 皆様こんにちは。リラ吉です。 前回は計算機アプリのスタイルを作成しました。今回もUI部分(レイアウト)を作成していきます。 本記事では背景色の変更とGridの作成まで行います。 背景色の変更 まず背景色の変更をします。現在は下の画像のように計算機の背景は真っ白だと思います。これを変更していきます。 やることは前回作ったMainWindow.xamlの</Window.Resources>の下に下記コードを書いていきます。 <Window.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#F9F6EF" Offset="0"/> ...

【プログラミング初心者向け】C#・WPFで計算機アプリを作ってみよう Part2(スタイル作成編)

※本記事はプログラミング初心者向けです。これまでにアプリを作ったことがある、プログラミングをしたことがある方にはレベルが低すぎるのでご了承ください。 皆様こんにちは。リラ吉です。 前回は計算機アプリの設計をしました。今回から設計を元にUI部分(レイアウト)を作成していきます。 本記事ではVisual Studioを起動し、スタイルを作るところまで行います。 Visual Studioの起動 まずはPart0でインストールしたVisual Studioを起動します。起動したら「新しいプロジェクトの作成」をクリックします。 新しいプロジェクトの作成画面が表示されたら検索ボックスに「wpf」と入力して検索、検索結果の中から「WPF アプリケーション」を選択します。この時、下の画像のようにC#のものを選択してください。 WPFとは簡単に言えば「UIがあるアプリケーションを作ることのできるもの」になります。UIの定義はかなり広いものではありますが、ここでいうUIは「使用者とプログラムをつなぐ画面」になります。 計算機の場合は計算機画面というUIがあって、使用者がボタンを押すと計算をするプログラムが動くことになります。WPFではこのUI、つまり計算機の画面を作ることが出来るということです。 話を戻して。「WPF アプリケーション」を選択出来たら「次へ」を押して、プロジェクト名を入力します。今回は「Calc」にしました。「場所」についてはデフォルトのままで大丈夫です。入力出来たら「次へ」を押します。 追加情報画面に遷移したらデフォルト設定のまま「作成」を押します。 「作成」を押すと下の画像のような画面が表示され、プロジェクトが作成されます。これでプログラムを書く準備が出来ました。 現在プログラムを書く場所とUIを表示する場所上下に分かれています。上の画像の白い四角形部分がUIを表示する場所、その下のプログラムが書いてある四角い欄が見た目通りプログラムを書く場所です。 この状態だとプログラムを書く欄が小さすぎて書きずらいと感じる方がいらっしゃるかもしれません。 そのように感じた方は下の画像のボタンをクリックし、 プログラムを書く画面とUIを表示する画面を分けても良いかと思います。もし同じ画面でいいよという方はクリックしなく点も大丈夫です。 クリックしたら今後は画面左下の「デザイン」「XAML」でUIとプログラムを書く画面を行き来できるようになります。今回はこのように画面を行き来しながら作っていきます。 サイズを変更する 次にUIのサイズと名前を変更してみます。現在はアプリケーションが横長でMainWindowという名前になっています。 これを設計した計算機と同じで縦長で名前も違うので変更していきます。 変更はMainWindow.xamlのXAMLをクリックし、プログラムを書く画面に遷移させ、TitleとHeight、Widthを変更します。下の画像の部分ですね。 今回は下記のように変更しました。 Title="Karl Claytor" Height="700" Width="500" > 解説をするとTitleはアプリケーション名になります。今回は「Karl Claytor(Calculatorをもじった名前)」にしました。 そしてHeight(縦)を700pixel、Width(横)を500pixelにしました。 アプリケーション名はお好きなものをつけていただいて大丈夫です。サイズに関してもご自分でいい感じと思えるものを設定していただいて大丈夫です。 この状態でデザインを見ると縦長になって、左上を見ると名前も変わっていることが確認できます。これでサイズ変更は完了です。 スタイルの作成 次にスタイルを作っていきます。スタイルとは文字や背景の色はもちろん、カーソルを当てたときの動作などの設定です。つまり基本となるデザインですね。 直接MainWindow.xamlにスタイルを書いても良いのですが、今回はスタイル用のxaml(ControlStyle.xamlというファイルにします)を作成します。 ちなみxamlは簡単に言うとUI関係(表示や操作)に関わる部分を書く場所です。MainWindow.xamlはアプリケーション本体(今回の場合は計算機本体)のUIに関するプログラムを書く場所になります。 今回、直接MainWindow.xamlにスタイルを書かない理由は今後他のプログラムを書く際にそのスタイルを書いたファイルを流用できるからです。 他のアプリケーションを開発する際に今回作ったファイルをコピーしてきて流用し、使用したいスタイルがファイル内にあればそれを使い、なければ新しく追記して開発、次のアプリケーション開発でもファイルを流用し、ということが可能になります(ただファイルに記述したスタイルが膨大になるとアプリケーションが遅くなることがあるので注意)。 どういうことかといいますと、例えば今回の計算機アプリの開発ではボタンのスタイル(デザイン)を作ります。その後皆様がエレベーターをシミュレーションしたアプリを作るとします。その時に そういえば計算機を作った時にボタンのスタイル(デザイン)作ったな。よし、次に作るエレベーターのシミュレーションアプリのボタンは計算機アプリで作ったControlStyle.xamlをコピーしてきて同じスタイルを使おう ということが出来るということです。 では早速スタイルを作っていきます。 まずはソリューションエクスプローラーの「Calc」の上で右クリック、追加→新しいフォルダを選択します。この時のフォルダ名は「Resources」にします。 今度は作成した「Resourcesフォルダ」の上で右クリックし、同様にフォルダを作成します。今度はフォルダ名を「Styles」にします。現在、下の画像のようになっているかと思います。 今度はStylesの上で右クリックして追加→新しい項目を押します。 遷移したら「リソース ディクショナリ(WPF)」をクリック、ファイル名を「ControlStyle」にして「追加」を押します。「追加」を押す前は下の画像の状態になっているはずです。 「追加」を押すとStylesの下にControlStyle.xamlが作成されます。ここにスタイルを書いていきます。 ControlStyle.xamlをクリックすると、下の画像の画面が表示されます。この記事の最初にやったようにプログラムを書く画面とUIを表示する画面を分けていきます。 分けたら「XAML」にプログラムを書いていきます。「デザイン」が選択されている方は「XAML」を押してプログラムを記述する画面に遷移させます。 遷移したらスタイルを書いていきます。スタイルの内容は下記の通りです。 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" ...

【プログラミング初心者向け】C#・WPFで計算機アプリを作ってみようPart1(設計編)

※本記事はプログラミング初心者向けです。これまでにアプリを作ったことがある、プログラミングをしたことがある方にはレベルが低すぎるのでご了承ください。 皆様こんにちは。リラ吉です。 今回の記事から数パートに分けて、初心者の初心者による初心者のためのプログラミング講座をしたいと思います。 使用する言語はC#でレベルとしては初心者による初心者向けの記事なので、数時間程度で出来るようなものになっていますのでご了承ください。 C#を使用した理由は簡単にUI(表示、操作処理など)を開発できるWPFが使用できるからです。 開発環境は「Visual Studio」 をこの記事では使用します。 「Visual Studio」 のインストール方法については過去の記事をご参照ください。 ただMacOSをお使いの方は裏技はありますが、基本的にはWPFでは開発出来ませんのでご了承ください。 今回作るのは「計算機」です。動作がイメージし易いので設計、テストがしやすいのが選んだ理由です。 最終的な完成イメージは下図のようになります。 今回の記事では実際にプログラムを書く前に簡単に設計をしていきます。 計算機は複雑な内容・処理ではないので、正直設計する必要があるかは微妙なラインではありますが、設計は大事なことですし、時間をかけない程度にやっていきます。 クラス図 かなり適当ですが、クラス図は下図のようになります。 内容を解説すると、計算機を作るうえで大まかに9つのクラスを用意しました。 MainWindow MainWindowはUI(=実際に使う人が見る計算機の画面)にデータを渡す、またUIから渡されたデータをMainWindowModelに渡す役割のクラスです。 MainWindowModel MainWindowModel は MainWindowとDataManagerに「こういう値が来たよ」「こんな風に値が変わったよ」と伝える役割のクラスです。 DataManager DataManagerはMainWindowModelから受け取ったものが一体何なのか、その後どういう処理をすべきか判断している場所です。実はここが一番重要です。 例えば「1」と入力したあと、「.」と入力したらどうなるでしょうか?当然ですが「1」の後ろに「.」をつけて「1.」という小数になります。なのでDataManagerには「1.」になるように判断させます。 しかしこのあとにもう一度「.」を押したらどうなるでしょうか? 私たち人間は「1..」のように小数点の後ろに小数点がないことはわかっていますが、コンピューターはそうはいきません。 こうならないようにDataManagerには「小数点の後に小数点が入力されたらダメ」と判断させなければなりません。 ただこれを聞いてプログラミング経験のある方は それって文字型にしているからであって、数値型(double型など)なら小数点の後ろに小数点が来ないようにするとか考える必要ないんじゃない? そう思われた方もいらっしゃるでしょう。 double型でも問題ありません。というかdouble型のほうが上手くいくかもしれません。 ただ今回は入力した数字や計算結果、数式を表示する場所をTextBlockにしました。 TextBlockのプロパティのTextは文字通りテキストなので、入力した数字等をstring型にして、それをバインドするという設計にしました。 これはどちらが正しいとかでなく、好みの問題になってくるかと思います。 また、DataManagerは下記のクラスとも繋がっています。 CalcStatus CalcStatusはステータス(=今の状況・状態)の列挙型(enum)が書いてある場所です。 計算機にはステータスが必要です。数字を入れた後は「数字を入れた後」という状況になります。 演算子を入れた後は「演算子を入れた後」という状況です。 しかし、プログラミングではステータスのようなものは数字で表されます。 今回作る電卓で言えば0がクリアした後、1が数字を入れ後、2が演算子を入れた後といった感じです。 数字で表しても良いのですが、数字だと作った本人はわかっても、他の人がプログラムを見たとき「ステータスが0ってどういうこと?何を表してるの?」となってしまいます。 クリアした後であれば「ステータスは0」と書くより「ステータスはAfterClear」といった感じで表すほうがわかりやすいです。 これが出来るのが列挙型です。列挙型を使用することで、内部的な処理は数字ですが、私達が見る部分においてはステータスを数字ではなく文字で表すことができます。 Operator 演算子の列挙型が書いてあるクラスです。 CalcOption 二乗や平方根、±のような特殊な計算の列挙型が書いてあるクラスです。 DataStore 値を格納し、計算するクラスです。 NumberButton 数字ボタンを定義しているクラスです。 OperatorButton 演算子ボタンを定義しているクラスです。 これらがこの計算機アプリケーションのクラスになります。この設計をもとに次回の記事からプログラムを書いていきます。 シーケンス図 シーケンス図についても簡単に書いていきます。今回は「数字ボタンを押したとき」「演算子ボタンを押したとき」の2ケースを書きました。 「数字ボタンを押したとき」演算子ボタンを押したとき」 もステータス (=今の状況) によって動作は変わります。 なにも入力されていない状況だと、基本的には数字ボタンを押したときは押された数字をためて(キャッシュして)いき、演算子ボタンを押された際にその数字を一つ目の数字として確定させます。 例えば何も押していない状況で「1」と入力したら「1」がキャッシュされます。もう一度「1」を押すと「11」がキャッシュされます。 その後「+」を押したら「11」という数字が一つ目の数字として確定されるという作りです。 演算子を入力された状態で演算子ボタンを押すと演算子が変わります。 演算子が入力されている状況で数字ボタンを押すと演算子が確定され、数字をためて(キャッシュして) します。 最後に=を押したら数字が二つ目の数字として確定され計算が行われます。 というように書いてもわかりづらいと思うの、例を挙げると、1→2→+→-→3→4→=という順番で押していくと下記のようになります。 ①1が押され1がキャッシュされる ②2が押され、キャッシュされていた数字の末尾(1の後ろ)に2を追加(キャッシュされている値が12になる) ③+が押され、12という値が一つ目の数字として確定される ④-が押され、演算子が+だったのが-になる ⑤3が押され、-が演算子として確定され、3がキャッシュされる ⑥4が押され、キャッシュされていた数字の末尾(3の後ろ)に4を追加(キャッシュされている値が34になる) ⑦=が押され、34という数字が二つ目の数字として確定、一つ目の数字(12)、演算子(-)、二つ目の数字(34)による計算が行われる という流れになります。 実際の実装では制御も入るのでもう少し複雑にはなりますが、基本的にはこの流れになります。 ここまでが計算機アプリの基本的な設計になります。 設計は文字で説明するのが難しいので、もしわかりずらかったら申し訳ございません。 次の記事からVisual StudioでUIを作っていきます。 今回は以上です。それではまた。 リラ吉 https://rira-blog.com/%e3%80%90%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91%e8%a8%88%e7%ae%97%e6%a9%9f%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c/

【プログラミング初心者向け】C#・WPFで計算機アプリを作ってみようPart0(Visual Studio Community 2019のインストール)

皆様こんにちは。リラ吉です。 今回の記事ではプログラミングをする上で便利な統合開発環境「Visual Studio」のダウンロードとインストールの方法をご紹介します。 ご参考になれば幸いです。 Visual Studioのダウンロード Visual StudioをダウンロードするにはこちらのURLにアクセスします アクセスすると下の画像の画面が表示されまので、赤枠で囲った「無料ダウンロード」をクリックします。 無料ダウンロードをクリックすると下の画像の画面に遷移してダウンロードが始まります。もしダウンロードが始まらないようでしたら、画面上部の「こちらをクリックしてもう一度お試しください」をクリックしてダウンロードします。 問題なくダウンロード出来たらインストールしていきます。   Visual Studioのインストール ダインロードが完了したらインストールしていきます。ダウンロードしたファイルを開くと、インストーラーが開きますので、続行を押します。 少し待っていると何をインストールするのかを選択する画面が表示されますので、インストールしたいものにチェックを入れ、「インストールボタン」を押します。今回は「.NET デスクトップ開発」をインストールします。 インストールボタンをクリックするとインストールが開始されます。完了したらプログレスバーが消えます。これでインストールが完了です。 背景色を変更する ここからはオプションですが、よりプログラマーらしくするため、そして目を少しでも疲れさせないために背景色を変更してみましょう。 Visual Studioを開くとウィンドウが表示されます。今回はただの設定ですので右下に青字で書いてある「コードなしで続行(W)」をクリックします。 下の画像の画面が表示されますので、ツール→オプションをクリックします。 オプションを開いたら環境→全般をクリックし「配色テーマ」を「濃色」に変更してOKを押します。 背景が黒くなったら変更完了です。背景を黒くする理由は「プログラマーらしくてかっこいいから」「白よりも目に優しいから」です。 1日に何時間もプログラムを書いていると、どうしても目が疲れてきます。なのでほんの少しでも目に負担をかけないような色にすると良いかと思います。 以上がVisual Studioのダウンロード、インストール方法になります。 開発するうえで非常に役立つツールなので、ぜひ活用していただけたらと思います。 今回は以上です。それではまた。 リラ吉