トム

スポンサーリンク
株式投資

【しっかり増配】VYM 2021年3Qの分配金が発表!

米国高配当ETFのVYMの2021年第3Qの分配金が発表になりました。 0.7488米ドル でした。(引用元:) 2020年3Qは0.7053米ドルでしたので、前年同期比で6.17%の増配となっています。 ここでV...
株式投資

【大幅増配】SPYD 2021年3Qの分配金が発表!

米国高配当ETFのSPYDの2021年第3Qの分配金が発表になりました。 0.386582米ドル でした! 引用元: 前年同期比で、なんと46.6%の増配を達成しました! SPYDホルダーとしては非常に嬉しい限りで...
プログラミング

【簡単コード】Font Awesomeを使ってSNSのアイコンを表示しよう

Font Awesomeを使ってInstagramやTwitterなどのSNSのアイコンをWebサイトに表示するための、簡単に利用できるサンプルコードを提供します。
スポンサーリンク
プログラミング

【これで完璧】CSSで文字や要素に影を付ける3つの方法と応用例を解説

こんにちは、Webプログラマーのトムです。 さて今回はCSSで文字や要素に影を付ける方法について解説します。影を付ける方法は3通りの方法(プロパティ)があります。それぞれ文字に付ける時に使ったり要素に付けたりと使い方が異なるので混乱...
プログラミング

【色々便利】シンプルな表を簡単作成!説明リストタグ【dl・dt・dd】を使いこなそう

こんにちは、Webプログラマーのトムです。 さて今回は説明リストタグ【dl・dt・dd】の使い方について解説していきます。何らかの言葉や用語を説明する時に利用するのが基本ですが、従来はtableタグで書いていたようなシーンで、この説...
プログラミング

【簡単便利】画像を指定サイズに簡単フィット!object-fitプロパティを使いこなそう

こんにちは、Webプログラマーのトムです。 さて今回は、画像の拡大・縮小において非常に便利なプロパティである"object-fit"の使い方について解説していきます。以前に画像の拡大・縮小(リサイズ)について解説しましたが、今回はそ...
株式投資

【投信積立】「レバナス」で「ツミレバ」を始めます! ~レバナス:iFreeレバレッジ NASDAQ100について解説~

こんにちは、株式投資大好き野郎のトムです。 さてこれまで私が取り組んでいる米国ETF・個別株や日本の個別株の投資について色々解説してきましたが、それらに加えて今回、「ツミレバ」を始めることに決めました! ツミレバとは? レバレ...
プログラミング

【できるじゃん】flexboxでflexアイテムを縦方向に折り返してみよう

こんにちは、Webプログラマーのトムです。 以前「flexboxはアイテムの横並びが簡単にできるからバリバリ使おう!」という記事を投稿しましたが、前からflexboxに対してずっと抱えてた疑問が、「flexboxは横方向の折り返しで...
プログラミング

【簡単コード】CSSによる背景画像の拡大・縮小(リサイズ)を理解しよう

背景画像のリサイズを行うCSSのサンプルコードを提供します。拡大・縮小の様々なパターンでのサンプルコードがありますので実践ですぐに使えちゃいます!意図と異なる動作をする場合が度々ありますので留意点も併せて記します。
不動産投資

【実績値を全て公開】一棟RCマンション投資は本当に儲かるの? ~不動産投資の収益計算方法を解説~

こんにちは、不動産投資大好き人間のトムです さて久しぶりの不動産投資ネタの投稿になります。前回までに私のお勧めするヤドカリ式不動産投資法と、一棟RCマンション投資について解説しました。 トム式不動産投資法(ヤドカリ投資法 編...
プログラミング

【簡単コード】CSSで画像とテキストを横に並べる方法(レスポンシブデザイン対応)

こんにちは、Webプログラマー(見習いは卒業しました!)のトムです。 今回は、初見では意外と詰まってしまう、画像とテキストを横に並べる方法について解説します。前提としてPCでの閲覧時は横並び、モバイルデバイスでの閲覧時には縦方向に並...
プログラミング

【超基本】CSSで画像を拡大・縮小(リサイズ)してみよう

CSSで意外とハマリ易い画像の拡大と縮小(リサイズ)について、すぐに使える様々なパターンのサンプルコードを提供します。リサイズは画像(img)に解像度の指定で実現。ピクセル指定(px)とパーセント(%)指定が可能。片方向のみの指定では画像の縦横比を維持します。
プログラミング

【超基本】CSSで長方形の画像の角を丸くしたり、丸くくり抜いて正円にしてみよう

こんにちは、Webプログラマー見習いのトムです(いつまで見習いなんでしょう^^; さて今回はCSSを使い、Webサイトで頻繁に見かける画像の角を丸くする手法について解説します。単に角を丸くするだけだと面白くないので、画像を丸くくり抜...
プログラミング

【簡単コード】CSSでヘッダーとグローバルナビゲーションを上部に固定してみよう

こんにちは、Webプログラマー見習いのトムです。 さて先日には「シンプルなグローバルナビゲーションを作成しよう」という記事を投稿しましたが、今回はその続きで、CSSでヘッダー固定を実装してみたいと思います。ちなみに正確には、ヘッダー...
株式投資

【待ち遠しい】米国高配当ETF(VYM,HDV,SPYD,VT,VIG)の権利落ち日を予測しました(FY2021 3Q)【訂正あり】

こんにちは!!米国ETF大好き人間@トムです。 さて9月は米国高配当ETF投資家にとってウキウキな時期です。何故なら多くのETFの分配金支払月になっているからです。ということで私が購入している米国ETFのVYM、HDV、SP...
プログラミング

【超基本】flexboxでシンプルなグローバルナビゲーションを作成しよう

こんにちは、Webプログラマー見習いのトムです。 今回はブログや企業サイトで良く出てくる「グローバルナビゲーション」をCSSを使って作成してみます。ちなみに私、毎度のことで恐縮ですが、つい先日までグローバルナビゲーションって用語を知...
プログラミング

【コピペで完了】リセットCSSを使いこなそう

今回はリセットCSSについての解説です。HTMLとCSSでWebサイトを構築する上ではめちゃめちゃ大事なツールなので、ぜひ内容を理解しましょう。私のお勧めリセットCSSはress。headタグに1行コピペするだけで使えるので楽ちんです
株式投資

【優良ツール】スマホアプリ「配当管理」を使ってみた!

こんにちは、株式大好きトムでございます。 今回はいつもとちょっと趣向を変えて、スマホアプリ「配当管理」をご紹介します。繋がっているツイッタラーさんが使われていて、見た目が綺麗でよさそうだなと思って使ってみると、非常に直観的で使いやす...
株式投資

【見直し実施】米国株投資(高配当ETF・高配当個別株)の積立設定を見直しました

こんにちは、米国株と米国ETFが大好きなトムです。 さて先日、私が実践している米国株の高配当系投資(高配当ETF、高配当個別株)及び、新たにVIGを追加で積立投資する点について解説しました。 米国高配当ETF編米国個別株(高配...
プログラミング

【超基本】CSSで画像の真ん中に文字を重ねる方法(簡単コード)

こんにちは、トム@Webプログラマー見習いです。 さて私はprogateやcodestepでHTMLやCSSの学習を進めていますが、その中で画像の上に文字を重ねる課題が頻繁に出てきます。特に画像の真ん中に文字を重ねるパターンが非常に...
スポンサーリンク
タイトルとURLをコピーしました