生活情報オンライン

ITエンジニアが役立つ情報を発信します。

2020年 ふるさと納税 今年はいくら寄付できるのか調査してみた

昨年は一軒家を購入したので、資金不足によりふるさと納税は出来ませんでした。今年は資金的に出来そうなのと、年収が上がって結構大きな金額になりそうなので調査してみます。

それでは寄付できる金額実績予想を書いていきます。控除の限額は「控除上限額の目安 - ふるなび」で計算しています。

2018年の実績

私が初めてふるさと納税をしたのが2018年です。その年の年収が約650万円でした。そして、ふるさと納税による控除上限金額は8万円弱
f:id:somegoro:20200202121409p:plain

この年はAmazonギフト券を買えるだけ買いました。Amazonギフト券を返礼品にするのは当時かなり大きな問題になって今は返礼品からAmazonギフト券がなくなりましたね。Amazonギフト券は大きな単位でしか売っていなかったので、控除上限までの残りの金額で牛肉を買いました。残りの金額とは言え、すごい量の牛肉が来て牛肉を食べる習慣のない私は消費するのに長い時間がかかった記憶があります。

2019年の実績

年収が約750万円でした。一軒家購入で資金に不安がありましたので、ふるさと納税は出来ませんでした。

2020年の実績

年収予想は約800万円です。ふるさと納税による控除上限金額はなんと12万円程度!!
f:id:somegoro:20200202121447p:plain

結構寄付できる金額が増えました。それはシンプルに納めるべき税金が増えているということですね。


さてふるさと納税の控除上限金額が約12万円という調べがついて、大きな買い物が出来ることがわかりました。今度は何を買うか考えたいと思います。


ふるさと納税について概要を知りたいという方に、以前の記事の引用を載せておきます。

ふるさと納税は任意の自治体に寄付金を収めることができる制度で、寄付すると金額に従い控除を受けることができます。控除上限金額が年間で決まっていて、区切りが1月初め~12月末です。上限はその年の年収に寄り、年収650万円だと8万円弱が上限でした。 寄付金の30パーセント程度のお礼品がもらえるので、2.5万円程度のお礼品をもらいました。手数料の2000円とわずかな手続きで2.5万円程度のお礼品がもらえたのでかなりお得ですね。 要注意なポイントとしては「ワンストップ申請」なる申請を寄付する自治体にすれば自分で確定申告しなくていいのですが、12月末ぎりぎりに寄付しようとするとワンストップ申請が間に合わない可能性があります。面倒な手間を避けるためには12月上旬には寄付完了しておくべきです。 所得税の還付・住民税の控除なので、実際の恩恵を受けるのは翌年になります。

年末になり事務手続きが増加!意味がわからなくて毎年困るので整理する。 - 生活情報オンライン

PowerPointアニメーションで動画を作成する方法

PowerPointで動画を作成する方法をご紹介します。説明資料でデータの動きなどを表現する際に便利です。以下に手順をご紹介します。

1.アニメーション作成

まずはPowerPointでアニメーションを作成します。以前の記事「PowerPointで軽くて色変更できるアイコンを使う方法」でご紹介したアイコンを使用してアニメーションを作成しました。
f:id:somegoro:20200201232030p:plain

2.動画としてエクスポート

次に作成したアニメーションを動画としてエクスポートします。ファイルタブをクリックして画面を切り替えて、画面左側のエクスポートをクリックします。そしてビデオの作成をクリック、任意項目の画質ナレーションを選択してビデオの作成ボタンをクリックします。
f:id:somegoro:20200201232149p:plain


出力先を選択するポップアップが表示されるので、好きな場所を選択します。選択したら、選択した場所を確認すると動画が保存されています。
f:id:somegoro:20200201232356p:plain


実行するとこのようになります。


以上、PowerPointアニメーションで動画を作成する方法でした。アニメーションを作るのと同じ要領で、簡単に動画が作成できて便利ですね!

PowerPointで軽くて色変更できるアイコンを使う方法

PowerPointで軽くて色変更できるアイコンを使う方法をご紹介します。ネットには無料で使用可能なアイコンが多くありますが一番のオススメはPowerPoint標準搭載のアイコンです。

PowerPoint標準搭載のアイコンはSVG画像で作成されているので、非常に軽く拡大縮小をしても画像が荒くなることなく色の変更も可能です。以下に使用方法の手順をご紹介します。

1.挿入

挿入タブをクリックしてアイコンをクリックします。
f:id:somegoro:20200201181232p:plain


アイコンの挿入画面が表示されます。挿入したいアイコンを選択して挿入ボタンをクリックしましょう。
f:id:somegoro:20200201181427p:plain


挿入されました。
f:id:somegoro:20200201181733p:plain


2.色の変更

続いて色の変更をしてみます。アイコンを選択した状態で、書式タブから枠線の色を変更します。
f:id:somegoro:20200201181844p:plain


同様に書式タブから塗りつぶしの色を変更します。
f:id:somegoro:20200201181940p:plain



以上、アイコンを挿入して色を変更してみました。PoertPointでは簡単に使い勝手の良いアイコンを使用することが出来ます。挿入したアイコンをいくら拡大縮小しても画像が劣化したり、データ量が大きくなったりすることはありません。便利ですね!

jQuery / BootstrapのCDNをいつもググるので記事にしておく

jQueryとBootstrapのCDN(Contents Delivery Network,)をよく使うのですが、使うたびにググってコピペしているので本記事にURLをまとめておきます。

jQuery

jQuery CDN from The jQuery Foundation

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>


なんらかの理由で本家よりもGoogleのCDNを使用したい場合

jQuery CDN from Google

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


Bootstrap

Bootstrap CDN from Bootstrap Core Team

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


改訂新版jQuery本格入門

改訂新版jQuery本格入門

  • 作者:沖林正紀
  • 出版社/メーカー: 技術評論社
  • 発売日: 2014/08/14
  • メディア: Kindle版

TOEIC 01月18日 IPテストを受験してきました!!(300点)

1月18日(土)に自社内で実施されるTOEIC IPテストを受験してきました。

前回受験から着々と勉強を続けて、約3か月ぶりの受験です。
somegoro.hatenablog.com


前回からの勉強

前回受験後に勉強すると言っていた次の内容はTOEIC TEST 文法1 730点対策以外は全部出来ました。習熟度はスラスラやって8割くらいの正答率です。ほぼ毎日電車で勉強できていたので、前回より結構パワーアップしていると思います。

TOEIC TEST 文法1
600点対策、730点対策

mikan
TOEIC400点、500点、600点、700点


それに加えて、会社のお客さんに教えてもらった金のフレーズという本を勉強しました。

これはタイトルのとおりフレーズ集なのですが、大当たりでした。今までmikanで勉強してきた単語と単語がフレーズとしてつながっていくような感覚を覚えました。最初はこの単語同士をつなげていく作業が脳的にツラく時間もかかりました。しかし3日目くらいからは大分楽になり、時間もかからなくなってきました。脳が進化していたのかなと思います。

こちらは600点対策と、サプリ全部をやりました。




今回のテストの具合

今回のテストでは過去一番多く問題を解くことができました。今までは130問くらいまでしか解けていなかったのですが、今回は150問くらいまで解くことが出来ました。金のフレーズで定型句を覚えたので、読むスピードが格段に上がりました。さらに定型句として覚えているので、瞬間的にイメージが出てくるため考える作業が要らないので体力的にも楽になりました。

ただ、まだ基本的な単語の使われ方が分かっていないなと感じる部分がありました。今回はappear、sureがいろいろな使われ方で出てきました。きちんと覚えられるよう、載せておきます。

appear 意味
【動詞】
1. 現れる、姿を見せる、出演する、登場する
2. ~のように見える
・ 発音: əpíər (米国/英国) 、アピアー(日本)
・ 類義語:
seem、emerge、emarge、show up、turn up、strike me as、show oneself、It seems that、seem to me as、come into existence、make one's appearance
【派生語】
・ appearance: 外見、見た目、外観、姿、容貌、出現、出場、現れること
appearを使う熟語
・ appear in 載る、新聞などに出る
・ appear to have done ~したようだ
・ It appears that ~のようである。
appearを使うよくある表現
・ appear in a play 劇に出演する
appear 例文
・ The economic situation appears desperate.
経済状況は絶望的のようである。
・ There are many situations in which what appear to be selfish individual behaviors actually benefit a group.
利己的な個体の行動と思われるものが実際に集団のためになる状況がたくさんある。
・ The accused didn't appear in court.
被告人は法廷に現れなかった。
・ A leader capable of guiding us through the crises appeared at last.
難局を乗り切れるように私達を導ける指導者がとうとう現れた。

引用:appearの意味|動詞|TOEFL・TOEIC・英検なら eigonary


be sure and do [to do]
〔命令形で〕まちがいなく[必ず]…する Be sure and [to] write to me.必ず手紙をくれよ

for sure
確かに,確実に(surely,for certain)

make sure
1 (…を/…したことを)確かめる≪of/that節≫ make sure of the facts事実を確認する She made sure that the door was shut.彼女は...

sure thing
1 確実なこと[もの] That horse is a sure thing.(競馬で)その馬はきっと勝つよ
2 いいとも,もちろん;承知しました

to be sure
1 確かに,もちろん;なるほど(◆しばしば but と相関的に用いる) She is right, to be sure, but I still don't like it.確かに彼...

sure enough
思ったとおり,はたして,案の定

引用:sureの慣用句 - goo辞書 英和和英


今後の取り組み

金のフレーズを勉強できたのは最後の1週間程度でしたが、かなりいい感じなので引き続き実施して英語のフレーズからイメージが瞬間的に出るようトレーニングしようと思います。mikanは700点までやりましたが、やりすぎた感があります。TOEIC900点を超えている会社のお客さん(金のフレーズを教えてくれた方)でも覚えていない単語がありました。今後はmikanは先に進めるのではなく、維持として復習していくスタイルにしようと思います。来月また受験してみようと思います。


(追記)結果

本テストの結果は300点でした。正直もっと点数取れたと思っていましたがこれが現実なので仕方ないですね。でも前回よりも50点も上がっているので前向きに勉強していきます!

【Autoware】自動運転ソフトウェアが無料で使える!!

自動運転ソフトウェアが無料で公開されていました。無料で公開され改変や再配布が許可されているソフトウェアをOSSと言いますが、この自動運転ソフトウェアはOSSです。自動運転するソフトウェアなんて作るのにかなり時間とお金がかかるかと思うのですが、これが無料とはかなりスゴイことです!!


公式サイト
www.autoware.ai



日本語で説明してくれているサイト
https://qiita.com/yukkysaito/items/21a70ec6b07f1ca559cb


自動運転に特化したWebメディアにも取り上げられている
https://jidounten-lab.com/u_tier4-matome-autoware



私は車の運転があまり得意ではないので、自動運転にはぜひ発展していってほしいです!

前職でブラック化してしまった原因を考える

f:id:somegoro:20191221131045j:plain

前職ではプロジェクトが炎上してブラックな職場になってしまった。いや逆かもしれない、ブラックな職場だからプロジェクトが炎上してしまった。SESは残業・徹夜があたりまえと感じていましたがその洗脳が解けてきました。

そこで今回の記事では、再発防止のために原因を考えます。


まず現場のPCがボロすぎる。Excelの1つの入力に3秒間時間がかかる。
顧客からの要求や指摘が適切でなく堂々巡りになった。顧客から直接二次受けに指示してはいけないはずなのだが、それは守られなかった。

上記の問題を解決するための人的リソースもなかった。プロジェクト参加人数がとても多いか、顧客の言ってることが汲み取れる人がいれば解決できたかもしれない。具体的には、保険の業務知識がある人が入って、プロジェクトをマネジメントするのが上手い人が入って、さらにPCのスペックに上げて開発作業をスムーズに出来るようにすればおそらく解決した。


しかし、それは一人80万では到底無理なこと。
一次受けの日系ベンダーHでさえ一人100万だから、それで二次受け三次受けに依頼するのはやっぱり無理な要求だったんだ。

UQ mobile、UQ WiMAXを使って1年たったので感想を書く

UQ mobile、UQ WiMAXを使って1年半たったので感想を書きます。
結論から言うと、UQ mobile、UQ WiMAX合わせて月に1万円程度(衝撃の安さ!!)で何も不自由なくインターネットを楽しめています。色々な格安スマホがありますが、UQ mobile、UQ WiMAXは超オススメです。


それぞれの感想を述べます。

UQ mobile

最初はデータのみのプランで契約していました。この契約した際のサービスでFacebook、Twitter、LINEなどの主要なSNSはデータ通信無制限というものがありました。このサービスは非常にありがたかったです。一番小さな容量の契約でも制限がかかることなく、十分に使えていました。

通信スピードも何も困ることは無いものでした。ただ、たまに通信制限がかかってしまい、その際はかなりスピードが遅くなりました。OutlookのWeb版のボタンをクリックしても画面更新されるまでにタイムアウトでエラーになるくらい遅くなります。

そしてデータのみだと電話番号が無く、電話できないのでそれもかなり不便でした。その間はドコモの最も安いガラケーを使用していたのですが、ドコモのガラケー+UQモバイル(データ通信のみ)と UQモバイル(電話機能有)を比較するとほぼ同額なので、迷っている方はUQモバイル(電話機能有)を選択した方がいいです。

UQモバイル(電話機能有)に契約を切り替えた際に、SNSのデータ通信無制限のサービスは無くなってしまいました。それにより、通信制限がかかるようになったのでUQ WiMAXを契約しました。家ではUQ WiMAXを使用し、外ではUQモバイルを使用するというスタイルですが、通信制限がかかることも無く快適に過ごすことが出来ています。これで合計月に1万円を切るので、かなりお得だと思います。

ちなみにUQモバイルはSIMの設定を自分でする必要があり、対応していないスマートフォンもあるようです。自分のスマートフォンがUQモバイルに対応しているかはUQモバイルの公式サイトに記載があります。私はPixcel3を使用していますが、無事に対応していました。


UQ WiMAX

こちらはUQモバイルだけでは通信料が足りなくなったために契約しました。契約した当初、私はマンションの7階に住んでいてそこで使用していたのですが通信速度が遅くガッカリしていました。しかし、引っ越して一軒家の2階から使用するようになると通信速度が格段に速くなり満足いく環境になりました。前回の家は神奈川県横浜市でマンションの7階でしたので、そういった環境で使用する場合には注意が必要かもしれません。一度職場で必要になって、職場のある都心のビルの10階で使用してみたのですが通信速度が激遅でした。今私は東京都下の一軒家に住んでいて、UQ WiMAXを2階に置いて使用していますが、1階でも2階でも通信速度が速いです。このことから、高いところが苦手な電波なのかもしれません。

通信速度が速いゆえに、YoutubeやAmazon Prime Video、Huluなど動画を一日中見ていると3日間使用上限の制限がかかります。制限がかかると1日間通信速度が遅い状態になります。どの程度遅いかというと動画を見ようとすると最初の読み込みに時間がかかりストレスを感じるくらいです。ですので、1階、あるいは2階に住んでいて、一日中動画を見るよりも少ない通信量を使用する方には、UQ WiMAXは安くて通信速度が速くて安定していておススメです。


Speed Wi-Fi NEXT W05 UQ WiMAX版 WHITE

Speed Wi-Fi NEXT W05 UQ WiMAX版 WHITE

  • メディア: エレクトロニクス


まとめ

格安スマホと格安Wi-Fiは多くありますが、UQコミュニケーションズ はかなりオススメです。ただし、当記事で紹介したUQ WiMAXの機種に関しては高所で電波が悪くなるなど使用環境に左右されますので注意する必要があります。

「ジョハリの窓」は恋愛に応用できるのか

f:id:somegoro:20191221132233j:plain

少子化が叫ばれて久しい日本の世の中ですが、日本中のみんなは恋愛が上手くいっているのでしょうか。少子化の原因は恋愛に起因するものではないという話はいったん置いておいて、今回の記事では「ジョハリの窓」を恋愛に応用できるか考えてみます。これは昔どこかのラジオで話していたことを再考したものです。

ジョハリの窓とは

ジョハリの窓とは、自分をどのように見せるかという自己の公開とコミュニケーションの円滑な進め方を考えるために提案された考え方です。詳しくはウィキペディアを引用します。

ジョハリの窓と自己の関係
自己には「公開されている自己」(open self) と「隠されている自己」(hidden self) があると共に、「自分は知らないが他人は知っている自己」(blind self) や「誰にも知られていない自己」(unknown self) もあると考えられる。これらを障子の格子のように図解し、格子をその四角の枠に固定されていないものとして、格子のみ移動しながら考えると、誰にも知られていない自己が小さくなれば、それはフィードバックされているという事であるし、公開された自己が大きくなれば、それは自己開示が進んでいるととる事が出来るだろう。コミュニケーション心理学や健康心理学などにて頻繁に使用される考え方である。
引用:ウィキペディア


文章では分かりづらいので、図を引用します。

Johari window.png
GFDL-no-disclaimers, Link


ジョハリの窓の応用

ジョハリの窓を応用して、恋愛について考えてみます。恋愛では他の人と差別化できることが大切です。この人は他の人とは違う、、、と思ってもらい選んでもらう。ジョハリの窓では、自分では知っているけど他人は知らないことがあるとなっています。この部分を知ってもらうと他の人と差別化できそうです。理解してもらうのは一般的には嬉しいものですからね。

他人の「自分では知っているけど他人は知らないこと」領域を知る方法としては、まずは当り障りない一般的なことを言う。相手が共感していたらその話題でもう少し突っ込んで話してみる。共感していなければその話はもうしない。

例えば、「君はお母さんと仲が良さそうだね」と言う。共感してきたら、「でも、何かと大変なこともあるんじゃない?」なんて言う。共感してきたらさらに具体的な話題に入るといいでしょう。別に大変じゃないよなど、共感が無ければこの話はやめて違う話でリスタートだ。

そのように話していくと相手のことがだんだんと分かってきて、他の人が知らない良いところも悪いところも見えてくるはず。。。。。。ってこれ、普通のコミュニケーションじゃん。

運とは何か。運を良くするための行動とは。

f:id:somegoro:20191221135950j:plain

運を良くするためには、どのように考え行動すればいいのか。

「運とはすなわち、配られた牌(パイ)の中でどう戦うか。ということ。」


ー 落合陽一のラジオ放送より -


戦いには戦略があると良い。具体的には、どのように考え、どのように行動することで 戦うか。

考え方

  • 外向性、社交的、外のことによく気が付く。すなわちアンテナを張っている。
  • 客観性、自分の強みや弱みを理解している。生かすべき点や補うべき点を踏まえる。
  • 好奇心、新しいものが好き。すなわち今より良いものを探す。

行動

  • 行動は周囲にいる人間に似る。周りに配られた牌で戦うのが上手い人の近くにいるのが好ましい。
  • もし上記のような人がいなければ、ラジオとか聞くと良い。

キングコング西野亮廣の講演が面白かったのでまとめる

先日、キンコン西野の講演を聞く機会があったので、聞いた話をまとめます。

キンコン西野は賛否両論だけど、話の内容は結構良いと思いました。

夢をかなえるために必用なのはお金と広告

生きていかなければアウト、みんなに知られなければアウト、つまり夢って社会の中で実現するもの。人間あってのもの。人間が好きでないと成功の意味が無い。

逆に人間嫌いだと、夢って生まれないのかもな。でも、お金持って良い暮らしがしたいことが夢だったら?金を稼ぐのに信用がいるのかな。信用ないけどお金持ちの人っているか?カルロスゴーンか、他には資産を持っている人なんかは信用に関わらずお金持ちそうだな。実際に知り合いではないので信用できるかは知らないけど。

広告(ものを売るためには

お土産として販売する、お土産は思い出を思い出す装置、生活必需品(物には生活必需品と嗜好品があり、嗜好品はめったに売れない)
イケてる企業は結構導入している手法
・ディズニーランドのお土産
・チョコレート屋さん(https://www.es-koyama.com/mirai/index.html
・自分で作ったものを自分で売らないのは育児放棄だなんて言っていた。

なるほど。色々と応用できそうな方法だ。

お金

・信用がお金にかわるようになった(クラウドファンディング
・先に無料でメリットを与えるのが重要、その中にこんなにもらったら何かしないとというのが生まれる、まずはお金よりも信用を稼ぐ。
・信用のあるところに、お金は集まる。信用を勝ち取る装置、それがチャット。ボットじゃダメ。人間が親身に実施する。

たしかに、この方法を取り入れている仕組みは色んなところに見かける。

その他

・人と競争している時点で負け、その競争ルールを作った人には勝てない
・クオリティを上げた長編絵本を作ることで差別化した。知られても時間をかけられる人は居ないからマネされなかった。強味を生かせる仕組み作りが大事
・批判に負けないためには、強い気持ちよりも、ロジックが大事、気持ちは簡単におれるもの

準備が大事ですね。それもよく考えて準備すること。


新・魔法のコンパス (角川文庫)

新・魔法のコンパス (角川文庫)

革命のファンファーレ 現代のお金と広告

革命のファンファーレ 現代のお金と広告

ミニストップの株主優待が最高すぎる件

f:id:somegoro:20191221132620j:plain

ふと株ってどんなものなんだろうかと思い、調査してみました。

まずは近所にあるコンビニのミニストップについて、株を買うとどんなことになるのか。

ミニストップの株主優待はソフトクリーム引換券5枚だそうだ。そして年二回。
単元が100株。100株で投資金額232,700円、配当金4,500円(2017/11/10)
配当利回り:1.93%。

よくわからないがこれは割と良い利回りらしい。

ていうか、23万円支払えば毎年ソフトクリーム10個食べられて9000円もらえるとか最高ですね!

中小SES企業で日本最大手生命保険会社に常駐して働いていたときに精神的にかなり辛かった時の日記

f:id:somegoro:20191221214158j:plain

2017年11月の日記に書いてあったことの文字起こしです。当時、私は中小SES企業でシステムエンジニアとして働いていました。常駐先は日本最大手の生命保険会社のIT子会社でした。かなり辛かったときの日記です。これを書いた2週間後に医師から慢性疲労の診断がおりて会社を休むことになり、1か月後に私は会社を辞めました。

会社 辞めたくて たまらない

  • なぜなのか。毎日終電で毎日眠い
  • 胃の調子が悪い だるい 眠くて体調が悪い
  • 何もしないで偉そうにしている1次受けベンダーH製作所(私は2次受けの立場)
  • スキルマッチしないので、ほぼ何も出来ない3次受けメンバー(2次受け3次受けメンバーのリーダーが私)
  • くそスペックのPCを配布され、まったく進まない作業 Excel1アクション10秒くらいかかるってどういうこと
  • リソース不足を私のプライベートな時間でカバーしつづける毎日
  • 残業代は支払われない。
  • 会社の残業時間に計上しても、上司により無かったことになっている
  • ダメ出しばかりして指示を出さず、圧力をかけてくる客先
  • 客先はいったい何をしてほしいのか、何がしたいのか 嫌がらせをして優位性を保っていたいだけな気がする
  • このまま頑張って、この先何があるのか


そして退職してから約1週間で次のようなサイトを参考にサービス残業撲滅アプリを作りました。今後、以前の私のようにサービス残業に苦しむ人がいなくなることを望みます。
サービス残業の悪質な7つの手口と労働者が対抗できる3つ方法|労働問題弁護士ナビ

YouTube動画をはてなブログに埋め込む方法

ブログに動画を埋め込む方法をいろいろ学んだので、その中で最も簡単な手順を紹介します。


今回ご紹介する方法はタイトルにあるとおり「YouTube動画をはてなブログに埋め込む方法」です。
スマホ版については未確認ですので、パソコンで実施してください。


それでは簡単3ステップで手順をご紹介します。

YouTube動画をブログに埋め込む方法

1.表示

埋め込みたい YouTube動画の右下にある「共有」をクリックします。
f:id:somegoro:20171128011437p:plain

2.詳細表示

「埋め込み」をクリックします。
f:id:somegoro:20171128011449p:plain

3.埋め込む

表示された HTMLコードをコピーしてはてなブログに貼り付けます。
f:id:somegoro:20171128011504p:plain


実際に埋め込んだブログ記事はこんな感じになります。


いかがでしたでしょうか。とても簡単だったかと思います。また、YouTubeの公式サイトでもヘルプとして公開されています。
support.google.com



以上、「YouTube動画をはてなブログに埋め込む方法」でした。

CSS3で変数を使う方法 ~Variablesプロパティ~

CSS でも変数が使えるようになったようですのでご紹介します。
変数を扱うことの出来るプロパティVariables を使用します。

/* 変数を宣言する */
:root {
    --sample-color: green;
}

/* 変数を使用する */
.hoge {
    color: var(--sample-color);
}

Can I use... Support tables for HTML5, CSS3, etc
f:id:somegoro:20171226114721p:plain


参考:
CSS カスタムプロパティ (変数) の使用 - CSS: カスケーディングスタイルシート | MDN