2022年6月26日 日曜日 23:23

【日常】普通に買うのはもったいない!?ふるさと納税の返礼品が届きました!

【日常】普通に買うのはもったいない!?ふるさと納税の返礼品が届きました!


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

先日、ふるさと納税の返礼品がようやく届きました。

このふるさと納税ですが、非常にお得だったので今回は私が購入したものとふるさと納税について書きたいと思います。

南部鉄器について

1番上の画像でわかった方もいらっしゃるとは思いますが、届いたのは南部鉄器の急須!

この急須で

 

さっそくお茶をいただきました。いい感じですね。

ご存知の方もいらっしゃるとは思いますが、南部鉄器は岩手県の伝統工芸品です。

南部鉄器で調理をすると鉄分が少しずつ溶け出し、水分に鉄分が移り、それを飲むことで、簡単に鉄分補給が可能となります。鉄分は不足しがちなのでこれは嬉しい効果ですね。

見た目も趣があり、栄養も取れるということで大満足です。

そんな大満足の急須を作製された工房は「及富」様、1848年から続く老舗です。

まず工房の名前からして良いですね。「富を及ぼす」という運が上向きそうな名前です(宝くじ買おうかな…)

購入価格

老舗が作る伝統品と聞くと誰もが「でもお高いんでしょう?」と思うことでしょう。

さて、気になるお値段ですが、

実質購入価格2,000円です。

ふるさと納税の仕組みを知っている方なら「そりゃそうだ」と答えるでしょう。

ふるさと納税の仕組みを知らないという方にご説明すると、私が支払った正確な額は


上記の通り、35,000円です。

「えっ!?2,000円じゃないじゃん」と思った方もいらっしゃると思います。

ご安心ください。ちゃんと2,000円と言える理由があります。その理由については次の段落で書きたいと思います。

ふるさと納税

ではなぜ2,000円かというと、これがふるさと納税の返礼品だからです。

ふるさと納税をした際、確定申告、あるいはワンストップ特例制度申請をすれば、翌年の住民税が「購入価格-2,000円」分安くなります(正確には確定申告の場合は一部還付されたりはしますが、ここでは考えないものとします)

私の場合、購入価格の35,000円から2,000円引いたら33,000円です。

つまり35,000円払って翌年の税金が33,000円安くなったわけです。

「それじゃあ2,000円損してるじゃん!」と思われた方、もう一つ私が得たものがありますよね?

そう南部鉄器です。

なので正確には「35,000円払って翌年の税金が33,000円安くなり、さらに南部鉄器を手に入れた」ということになります。

これが実質南部鉄器を2,000円で購入したという理由です。

ただ大事なのはこれがお得なのかそうでないのかです。

及富様のwebサイトで見たところ、私がいただいたものと同じものを普通に買う場合、13,200円でした。

なので11,200円引きで購入したのと同じです。ベジータもびっくりのバーゲンセールですね。

さらに今回のふるさと納税で

350ポイントついてきました(正確にはこの時、お買い物マラソンもやっていたので期間限定ポイントをさらにもらいました)。

というわけで、かなりお得でしたね。

以上が私の場合になりますが、簡単にまとめるとふるさと納税は申請をちゃんとすれば「購入価格-2,000円」分税金が安くなり、さらに「2,000円以上の価値のある返礼品」をもらえる制度です(「購入価格-2,000円」分税金が安くなるというより、「購入価格-2,000円」分の税金を先払いしたという感覚のほうがしっくりくる気がしますね)

ただ何を買っても良いわけではなく、年収、家族構成によって寄付できる上限が異なりますのでそこは注意してください。

ご自分の上限はこちらから確認できます。

上記の説明でもよくわからないという方はリベ大の両学長がわかりやすく説明しておりますので、そちらの動画を貼らせていただきます。ぜひ参考にしていただけたらと思います。

 

また返礼品ですが、私は南部鉄器にしましたが食べ物(肉、魚、フルーツ、米、スイーツ)や飲み物(ジュース、お酒)、旅行券、インテリア、日用品と様々です。

返礼品によっては「あきたこまち60kg」なんてものもあります。これが実質2,000円ってすごいです。

普通に買えば5キロで2,000円ちょっとですからね。詐欺を疑うくらい安いです。

他にも多くのフラと納税の返礼品がございます。下記バナーからふるさと納税のページへ行けますので、良ければ探してみてください。

 

また先ほど貼らせていただいたリベ大の両学長もおすすめの返礼品を紹介してくださっているので、そちらも貼らせていただきます。

 

ちなみにふるさと納税をする際、私は楽天を利用しています。

理由はポイントアップの時を利用すればかなりのポイントが返ってくるからです。楽天ポイントを普段貯めている方にはおすすめです。

ただ、楽天以外にもいくつかふるさと納税ができるサイトがありますので、ご自分に合ったところが良いと思います。

というわけで今回はふるさと納税についてでした。

ふるさと納税はかなりお得な制度だと思います。ぜひ活用してみてください

それではまた。

リラ吉

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

関連記事

【美容】女性にも男性にもお勧め!ヘッドスパの効果と体験談

皆様こんにちは。リラ吉です。 皆様はヘッドスパをご存知でしょうか。 全く聞いたことない方、聞いたことはあるけどよく知らない方もいらっしゃるかと思います。 ヘッドスパには様々な効果があり非常にオススメですので、今回は私の体験談も含めてお話します。 ヘッドスパとは まずヘッドスパとは何かというところからですが、ヘッドスパは文字通り頭のスパで、スパニストさんに頭皮を洗浄さてもらったりマッサージしてもらうことをいいます。 ヘッドスパというと髪のケアというイメージがありますが、どちらかといえば頭皮をケアのほうがメインになります。 その方法はオイルを用いるバリ式やインド式はもちろん、超音波型など様々ですが、どの方法もリラックスしながら頭皮、毛根に溜まった老廃物を流し、頭皮や髪の健康を維持ことが目的です。 また頭皮を健康に保つことによって、フェイスアップの効果があると言われており、美容のために活用する方もいらっしゃいます。   ヘッドスパの効果 血行促進 現代人にとって、ストレスというのはなかなか避けて通れないものになっています。 仕事や勉強、人間関係でストレスが溜まっている方は多いかと思いますが、ストレスが溜まると血行が悪くなってしまいます。 頭には多くのツボがあります。頭のマッサージをしつつ、ツボを押してもらうことにより、全身の血行が良くなります。 抜毛・白髪防止、髪質向上 ヘッドスパによって頭皮の汚れや毛穴にたまった皮脂を落とすことで、頭皮の状態(つまり毛根にとっての環境)が良くなります。 また上記の血行促進の効果にもより、髪にしっかり栄養が送り込まれやすくなる為、髪の毛の状態が良くなるのが抜毛や白髪を防止し、髪質を向上させる要因になります。 リラックス効果 ヘッドスパはアロマの香りのなか行われます。使うアロマはお店によっては自分で選べたり、お店が最適なものを選んだりと様々ですが、アロマによるリラックス効果が期待できます。 また、マッサージによるリラックス効果も期待できます。 リフトアップ・アンチエイジング 顔の筋肉を上げることはリフトアップ効果やアンチエイジング効果があると聞いたことがあるかと思います。 凝り固まった頭皮をしっかりほぐしてて上げることで、頭の筋肉を上げることがあできます。 顔の筋肉を引っ張っているのは頭の筋肉です。頭の筋肉を上げることによって顔の筋肉も上がり、リフトアップ、アンチエイジング効果が期待できます。 (adsbygoogle = window.adsbygoogle || ).push({}); 体験してみての感想 私やっていただいたスパはバリ式のヘッドスパ、いわゆるクリームバスというものでした。 いくつかのアロマの中から最大3つまで選び、そのアロマを使ってツボが集中する頭をマッサージをしていくというものでした。 私が選んだ3つはティートゥリー、ラベンダー、クレープフルーツでした。選んだ理由は単純な香りの好みです。 また、頭だけでなく、腕、肩、背中もマッサージしていただきました。 マッサージは予想以上にしっかりと揉みほぐすようなマッサージでした。 イメージでは肩や腰が凝っているときにマッサージしてもらうと「おおおお」声が出そうになりますが、それの頭皮バージョンと思っていただけたらと思います。 凝った頭をほぐしてもらうときは非常に気持ち良かったです。 個人差はあるとは思いますが終わった後は頭、身体がすごく軽くなった印象でした。私は抜毛、白髪防止の効果があるとは思っていましたが、身体に対してここまでここまで効果があるのはビックリしました。 頭のマッサージでここまで軽くなるのは また、髪が少しサラサラになったような気がします。あとは自分では見ることは出来ないのですが、頭皮の色が変わったとのことでした。 個人的にはそろそろ抜毛、白髪防止をしていこうと考えていますし、非常に気持ち良かったのでまた利用したいと思います。 こんな人にオススメ オススメできるのは下記のような悩みをもった方です。 抜毛・白髪を防止したい髪質を向上させたいリフトアップしたいリラックスしたいストレスが溜まっている どれも男女問わず持っている悩みだと思います。そういう意味ではヘッドスパは多くの方におすすめできます。 上記のような悩みをお持ちの方がいらっしゃいましたらヘッドスパに行ってみることを検討してみてはいかがでしょうか。   まとめ 以上がヘッドスパの説明および私の体験談になります。 ヘッドスパは現代人の悩みに対して良い効果きたいできるものになっています。 本記事で解説したような悩みをお持ちの方がいらっしゃいましたら是非行ってみてください。結構楽しいですよ。 今回は以上です。それではまた。 リラ吉

【色褪せ・色落ち復活】New Balanceを綺麗にしてもらいました

皆様こんにちは。リラ吉です、 New Balance(ニューバランス)は非常に人気のある靴メーカーで、特にUSA製やUK製の靴は非常に歩きやすくファンも多いです。 そんなUSA製、UK製のNew Balanceの中でもネイビーのスエードの靴は様々な服装に合わせやすく、人気のカラーとなっています。 しかし、New Balanceのネイビーのスエードの靴は色落ちが激しいという欠点があります。 今回はそんな色落ちした靴を直していただいたというお話をしようかと思います。 New Balanceの色褪せ(色落ち) ネイビーのニューバランスの元々の色は下の写真の色になっています。私の持っているシューズはM1400ですが、他のネイビーのシューズも同じような色です。 しかしながら、このネイビーが時間とともに下の写真のように色褪せ(色落ち)してしまいます。ぱっと見では同じシューズとは思えません。おそらく多くの方はネイビーのシューズではなく。グレーのシューズだと思うでしょう。 色褪せてしまう大きな理由は紫外線のようです。しかしながら、靴を履いて外に出れば紫外線には当たってしまいます。なので色褪せは避けることは出来ませんでした。 避けられなかったとはいえ、このように色褪せしてしまった以上、買い替えるしかないかなと思っていたのですが、思い出のある靴をそうそう手放すことは出来ません。 そこでプロの方に話を聞いたところ、近い色に戻すことは出来るとのことでした。 スエード用の補色材で自分でもできるみたいですが、自分でやって失敗するの嫌ですし、ムラが出てしまいそうでしたので、このシューズをその方に直していただきました。 (adsbygoogle = window.adsbygoogle || ).push({}); 色褪せの修復 今回依頼させていただいたのは「くつみがきのチレミイ」さんです。店主はNew Yorkの靴修理店にて靴磨きを始め、帰国後に日本で靴磨き屋を開いた方です。 くちみがきのチレミイさんに依頼して、一週間くらいして、次の写真のように見事な色になって戻ってきました。 下の依頼前と依頼後の比較画像を見るとかなり異なるのがわかります。靴の中を見られない限り、新品と間違えるくらいレベルです。 また色だけでなく、ソールや紐の汚れもきれいになっているのがわかります。また、写真ではわかりませんが、靴の中も殺菌していただいきました。 上記の通り、自分でも修復はできるようですが、素人ではこれほど綺麗にすることは難しいかと思います。綺麗にしてくださった、くちみがきのチレミイさんに感謝です。   まとめ 今回はNew Balance(ニューバランス)の靴を綺麗にしていただきました。 このような補色は下の商品ようなスエード用の補色材を使用すれば自分でもできます。 しかしながら、私のように腕に自信がない方や時間のない方はプロの方に依頼するのが良いかと思います。 今回私が依頼したお店以外にも補色や靴磨きをしているお店は沢山あるかと思います。 もし皆様が色褪せしてしまった、あるいは汚れてしまった思い入れのある靴をお持ちであれば、一度近くのお店に持って行ってみてください。きっと直してくださるかと思います。 今回は以上です。それではまた。 リラ吉

【プラチナシート】新宿ピカデリーとユナイテッドシネマ豊洲の値段やサービスを比較

皆様こんにちは。リラ吉です。 先日『シン・ エヴァンゲリオン劇場版』を観てきました。しかも2回も。 その2回とも奮発してプラチナシート(カップルシート)で観てきました。 お財布へのダメージは大きかったですが、非常に快適だったので今回はその内容・感想を書きたいと思います。 プラチナシートが気になっている方がいらっしゃいましたら参考にしていただけましたら幸いです。 利用させていただいた映画館 まず利用させていただいた映画館ですが ユナイテッド・シネマ豊洲 新宿ピカデリー この2つになります。以下、それぞれの映画館と用語を合わせるために、ユナイテッド・シネマ豊洲のプラチナシートをプレミア・ペアシート、新宿ピカデリーをプラチナシートと呼びます。 ちなみに映画館の場所ですが、ユナイテッド・シネマ豊洲はららぽーと豊洲内にあり、新宿ピカデリーは新宿の伊勢丹の近くにあります。 どちらも駅から近く、アクセスしやすかったです。   サービス ユナイテッド・シネマ豊洲のプレミア・ペアシートのサービス ユナイテッド・シネマ豊洲のサービスは下記の3点です。 映画前、映画後にプレミアムラウンジを使用できるドリンク(ノンアルコール)を1杯無料座席が1番後方のプレミア・ペアシートを利用できる まずプレミアラウンジは映画館内のカフェの2階にあります。1階はどなたでも使用でき、2階はプレミア・ペアシートのチケットを持っていないと入れないです。 このラウンジは こんな感じです。写真では分からずらいですが、海が見えるので、映画の前後に海を見ながらゆったり食事ができるのが特徴です。 また注文できるものは1階、2階共に変わらないのでプレミアムラウンジ専用メニューはありません。 次のドリンク無料については特に言うことはありません。コーラだったり、紅茶を無料でもらえます。ドリンクはその場で飲んでも構いませんし、持ち帰り用のカップに入れていただき、映画館に持っていくことも可能です。 私が行った際は有料のシャンパンを頼んでゆっくりし、上映少し前くらいに無料のドリンクを注文して、そのドリンクをシアターに持って行くという方法をとりました。 最後の特徴のプレミア・ペアシートですが、まずどのシアターにも設置されていますので、どの映画観る時でも利用可能です。 プレミア・ペアシートの行く際は通常の席と同じ入口を使用します。なので専用の入口はないということです。 また、写真は撮っておりませんが、座席は足を伸ばしても壁につかないくらい幅がありました。 なので足が相当長くない限り、前の壁にガンと足をぶつけることはないでしょう。 以上がユナイテッド・シネマ豊洲のプレミアムチケットのサービスになります。   新宿ピカデリーのプラチナシートのサービス 新宿ピカデリーのプラチナシートのサービスは下記の4点です。 専用の入口から入れ、映画上映まで専用ラウンジを使用できるウェルカムドリンクが1杯無料(アルコール有り)プレミアチケット購入者用の飲食メニューがある上映時間になったらシアター上部に設置されたシートに案内してもらえる まずプレミアムチケット購入者は通常の入口とは違う入口から入り、時間までラウンジでウェルカムドリンクを飲みながらゆっくりできます。 ラウンジ内は このようになっています。非常に高級感のある内装です。 そして上の写真のウェルカムドリンクとチョコは無料でした。 次のプレミアムチケット購入者のみ注文できるメニューについてですが、これは結構あります。 私が行った際は プラチナシート限定ポップコーンを注文しました。どちらもびっくりするくらい美味しかったです。 そして上映前になると係の方に席まで案内してもらえます。これはVIP待遇のようで楽しかったです。 席はシアター上部に設置された場所です。 普通の席ですと前の席や前に座っている方の頭など視界を遮るものがありますが、そういったものがない為、非常に観やすいかったです。 私が行った際はカップルシートにしましたが、新宿ピカデリーはシングルシートもあります。 なのでこのサービスを受けたいけどカップルシートは必要ないという方も使いやすくなっています。 以上が新宿ピカデリーのプラチナシートのサービス内容です。 rakuten_design="slide";rakuten_affiliateId="1f78c900.c452a690.1f78c901.fb331d23";rakuten_items="ctsmatch";rakuten_genreId="0";rakuten_size="468x160";rakuten_target="_blank";rakuten_theme="gray";rakuten_border="off";rakuten_auto_mode="on";rakuten_genre_title="off";rakuten_recommend="on";rakuten_ts="1618017933704"; あまりないけど強いていうならの欠点 ユナイテッド・シネマ豊洲のプレミア・ペアシートの欠点 ユナイテッド・シネマ豊洲の欠点は強いて言うなら下記の2点です。 プレミア感が薄い席に荷物を入れるケースがない 特にプレミアム専用の入口があるわけでもありませんし、新宿ピカデリーのようなVIP感はありません。 それもそのはずでユナイテッド・シネマ豊洲のプレミアムシートはドリンク込みで6,000円です。 通常の席なら3,600円で、仮にドリンクに1,000円使ったとしたら4,600円で差は1,400円です。 なので1人あたり通常の席との差は700円。700円の差であれば新宿ピカデリーのように専属スタッフさんをつけるのは難しいかなと思います。 また、新宿ピカデリーは目の前に荷物を入れる箱のようなものがあります。それがないのも欠点ですね。   新宿ピカデリーのプラチナシートの欠点 新宿ピカデリーのプラチナシートの欠点は下記の2点です。 値段が高め特定の映画でしか利用できない まず値段ですが2人で10,000円です。なかなかに高いですね。 ただアルコール1杯無料ですし、専属スタッフさんもついています。 座席も見やすく、限定メニューがあるなどプレミア感はありますので、高いですが、妥当な値段設定ではあります。 誕生日など特別な日に観るのには最適かと思いますけどね。 そして欠点その2の特定の映画でしか利用できないと言う点ですが、これはスクリーン1で上映される映画にしかプラチナシートがないからです。 これは専用ラウンジに通じているスクリーンがスクリーン1のみだからです。他のスクリーンには通じていません。 スクリーン1では話題性のある映画をやることが多いです。今回のエヴァンゲリオンや鬼滅の刃、天気の子とかですね。 なのでプラチナシートで映画を観たいと思っても、自分が見たい映画がスクリーン1でやってなければプラチナシートでは観れないわけです。 これが新宿ピカデリーの欠点ですね。   まとめ 以上がそれぞれのプラチナシート/プレミア・ペアシートのサービスと私が感じた欠点です。 今後また使いたいかと言われたら「特別な日なら使いたい」と思います。 普段使うにはどうしてもお値段が高いと感じてしまいます。 そしてどちらの映画館を利用したいかと言われたらスクリーン1でやっているなら新宿ピカデリー、やっていなければユナイテッド・シネマ豊洲になります。 新宿ピカデリーのVIP感は最高でしたし、高くてもまた利用したいと思えるものでした。 ユナイテッド・シネマ豊洲もどの映画でもプレミア・ペアシートが選択できるのでこれも大きいです。 なので特別な日に状況に応じて使い分けたいと思います。 皆様もご興味があればぜひ利用してみてください。 今回は以上です。 ここまで読んでいただきありがとうございました。 リラ吉 (adsbygoogle = window.adsbygoogle || ).push({});

【スポーツ】FIGHT DO🥊~笑いあり涙あり、感動の最終回~

皆さんくまおは~🐻リラ子です。 改めましてお久しぶりです。 緊急事態宣言も明け春を感じる今日この頃、卒業シーズンで友達や仲間との別れに涙している人も多いのではないでしょうか。。 共に頑張った仲間との別れ寂しいですよね、、、私もです。 さて、今日の話題ですがタイトルにもある通りFIGHT DO🥊についてです!3月の頭に第一回の記事を書いたので今回は第二回になります!! https://rira-blog.com/%e3%80%90%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%84%e3%80%91fight-do%f0%9f%a5%8a%ef%bd%9e%e6%a5%b5%e3%82%81%e3%82%8b%ef%bc%81%e3%83%95%e3%82%a1%e3%82%a4%e9%81%93%ef%bd%9e/ 二回目なのにもう最終回??と思われたかもしれませんがFIGHT DOは続けます(^-^; 何が最終回かというと、今まで一緒にレッスンした方々、そして練習場所だったスタジオでのFIGHT DOが先週の土曜日で最後でした。 4月からは新たな環境で新たな仲間とFIGHT DO~ファイ道~を極めていきます!!新入生並みにドキドキしていますが、とっても楽しみです! これからも皆様の参考になるようFIGHT DO🥊の記事を投稿してまいりますので、どうぞよろしくお願いいたします。 *メニュー(FIGHT_DOトラックリスト) 以下、この間のレッスン内容です。様々なトラックを組み合わせた45分~50分間のメニューになります。 FIGHT DO® 75 ウォーミングアップFIGHT DO® 73 ボクシングパートFIGHT DO® 73 ムエタイ1FIGHT DO® 74 キックパートFIGHT DO® 73 ファイト1FIGHT DO® 74 スーパーボックスFIGHT DO® 71 ムエタイ2FIGHT DO® 75 クールダウン 上記トラックはRadical Fitness TVに登録すればフルで動画が見れます。↓↓ https://www.radicalfitness.tv/ ⚠アプリのダウンロードは無料ですが動画を見るには料金が発生するのでご注意ください。初回は2週間無料トライアルができるみたいです。 <料金・サブスクリプション> Radical...
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のダウンロード、インストール方法になります。 開発するうえで非常に役立つツールなので、ぜひ活用していただけたらと思います。 今回は以上です。それではまた。 リラ吉