JavaScript ReactにFont Awesomeを組み込む方法
ReactにFont Awesomeを組み込んで表示させるにはreact-fontawesome を使います。react-fontawesomeはnpmコマンドなどでインストールし利用します。
新着記事
JavaScript JavaScript Reactで子コンポーネントから親コンポーネントの値（State）を変更する方法
Reactで子コンポーネントから親コンポーネントの値（State）を変更するには親コンポーネントを変更するコールバック関数作成し、その関数を子コンポーネントへpropsを通じして渡すことで、子コンポーネントから親コンポーネントの値（State）を変更することができます。
JavaScript Javascriptでクラス名を取得する方法。this.constructor.name
Javascriptで自分自身のクラス名を取得するのに一番簡単な方法はconstructorのname属性を参照する方法です。
Google Google Chromeで勝手に謎のURLへ転送される
Google Chromeに変な設定が紛れ込んだのか、サイトへ「wwwあり」でアクセスすると変なサイトへ自動転送されるという現象に見舞われました。解決は設定を元の既定値に戻すでした。Google Chromeには「悪意のあるアプリケーションを探し出す」という機能があることがわかったので、1つ勉強になりました。
PostgreSQL PostgreSQLのDBlinkを使用して他のデータベースのテーブルを参照する方法
PostgreSQLのDBlinkを使用するにはextensionを導入し、dblinkでリモートデータベースへの接続を作成することで、リモートデータベースのテーブルにアクセスできるようになります。
JavaScript Next.jsでnext.config.jsを使って環境変数をあつかう方法
Next.jsにはシステム内で利用できる環境変数の設定をnext.config.jsというファイルを使って行えます。next.config.js内ではNext.jsが起動されたモード（phase）を知ることができるので、デバッグ時、本番環境時などで環境変数を切り替えることもできます。
サイト構築
アフィリエイト afb（旧：アフィリエイトB）の振込手数料と振込日は？
afb（旧：アフィリエイトB）の振込日は確定報酬額が支払条件を満たした翌月末日です。最低振込金額は777円です。振込手数料は無料です。
アフィリエイト もしもアフィリエイトの振込手数料と振込日は？
もしもアフィリエイトの振込日は確定報酬額が支払条件を満たした翌々月末日です。住信SBIネット銀行なら1円でも成果が確定すると振り込まれます。その他の金融機関は1,000円です。振込手数料は無料です。
アフィリエイト A8.netの振込手数料と振込日は？
A8.netの振込日は確定報酬額が支払条件を満たした翌々月15日です。振込手数料は指定する金融機関によって変わります。ゆうちょ銀行が一番やすく手数料66円で振込されます。2021/11/15より三井住友銀行以外の金融機関口座への振込料金が変更になります。
WordPress WordPressテーマSANGOにボックスメニューを入れてみた
WordPressテーマSANGOにボックスメニューを表示させるショートコードの作成方法を解説します。
レンタルサーバー ロリポップのSSL化は.htaccessの編集も必須だった件
ロリポップのSSL化は無料サービス「独自SSL導入」だけではなく.htaccessの編集もしないとhttpでアクセスされた時にhttpsへリダイレクトしてくれませんでした。そのやり方を解説します。
WordPress WordPressでテンプレートが壊れてますと言われた時の対処方法
WordPressのテーマをカスタマイズしていると「このテーマは壊れています。テンプレートが不足しています。独立したテーマにはindex.phpテンプレートファイルが必要です。子テーマではstyle.cssスタイルシートにテンプレートヘッダーが必要です。」とエラーが発生。その対応方法です。
WordPress WordPressの管理画面に付箋メモが貼れる－Sticky Notes－
Sticky Notesプラグインを使えばWordPressの管理コンソール上の「どの位置、どの画面」でも付箋メモが表示されるので、いちいちメモを見るためにページを切り替える必要がなくなります。また表示／非表示も切り替えできるので、付箋メモが見たい時だけ表示させることができます。
WordPress WordPressのダッシュボードにメモを貼って管理する方法～Announce from the Dashboard～
複数人で管理しているWordPressサイトでのお知らせや注意事項、自分へのメモ書きなどをWordPressにログインして最初に見る画面（ダッシュボード）に貼るプラグインAnnounce from the Dashboardの使い方です。
データベース
PostgreSQL PostgreSQLのDBlinkを使用して他のデータベースのテーブルを参照する方法
PostgreSQLのDBlinkを使用するにはextensionを導入し、dblinkでリモートデータベースへの接続を作成することで、リモートデータベースのテーブルにアクセスできるようになります。
PostgreSQL PostgreSQLでINSERTとUPDATEを1行で実行するMERGE（UPSERT）を行う
PostgreSQLでは SQLServerのMERGE 文と同じことを行うにはCONFLICTを使って行います。
PostgreSQL PostgreSQLで一時テーブルを作成する方法
PostgreSQLの一時テーブルは作成してからセッションが有効な間だけアクセスできるテーブルです。一時テーブルはセッション内のみ有効なので、セッションが切断された時には自動でテーブルが削除されるので、不要なテーブルが残ってしまうこともありません。また、他のセッションからも見れないので、同じ一時テーブル名が存在しても、セッションが異なればエラーにならず、それぞれの処理で同じテーブル名が使えることになります。
PostgreSQL PostgreSQLでテーブルのプライマリキー（主キー）を削除する方法
PostgreSQLでテーブルのプライマリキーを削除するにはALTER TABLE 文を使います。通常のDROP INDEX文ではありません。
PostgreSQL PostgreSQLのViewが更新可能かどうかチェックする方法
PostgreSQLのVIEW は一定の条件を満たせば、通常のテーブルと同様にVIEWの元テーブルに対してデータの挿入や更新が可能になります。挿入や更新が可能かどうかはinformation_schema.viewsを参照すれば判定することが可能です。
PostgreSQL PostgreSQLで関数の定義（ソース）を取得する方法
PostgreSQLで関数の定義（ソース）を取得するSQLはpg_get_functiondef関数を利用すればできます。ただし、取得するためにはその関数のOIDが必要です。
PostgreSQL PostgreSQLでトリガーの有効／無効を切り替える方法
PostgreSQLでテーブルに設定されているトリガーを有効にしたり無効にしたりするにはALTER TABLE文を使ってENABLE TRIGGER（有効）、DISABLE TRIGGER（無効）で切り替えることができます。
PostgreSQL PostgreSQLでシーケンスの一覧を取得する方法
PostgreSQLでシーケンスの一覧を SQLで取得するにはpg_sequences、pg_classを利用すれば、スキマー名やその設定内容が取得できます。
プログラミング言語
JavaScript ReactにFont Awesomeを組み込む方法
ReactにFont Awesomeを組み込んで表示させるにはreact-fontawesome を使います。react-fontawesomeはnpmコマンドなどでインストールし利用します。
JavaScript Reactで子コンポーネントから親コンポーネントの値（State）を変更する方法
Reactで子コンポーネントから親コンポーネントの値（State）を変更するには親コンポーネントを変更するコールバック関数作成し、その関数を子コンポーネントへpropsを通じして渡すことで、子コンポーネントから親コンポーネントの値（State）を変更することができます。
JavaScript Javascriptでクラス名を取得する方法。this.constructor.name
Javascriptで自分自身のクラス名を取得するのに一番簡単な方法はconstructorのname属性を参照する方法です。
JavaScript Next.jsでnext.config.jsを使って環境変数をあつかう方法
Next.jsにはシステム内で利用できる環境変数の設定をnext.config.jsというファイルを使って行えます。next.config.js内ではNext.jsが起動されたモード（phase）を知ることができるので、デバッグ時、本番環境時などで環境変数を切り替えることもできます。
JavaScript Material UIコンポーネントのStyleをオーバライドし活用する方法
Material UIコンポーネントのStyle をオーバライドするにはcreateMuiThemeを使ってオーバライドし、そのStyleを適応するにはMuiThemeProviderを使うと簡単に共通化したStyleの Material UI コンポーネントを作成することができます。
JavaScript ReactコンポーネントのPropsにデフォルト値を設定するdefaultPropsの使い方
defaultPropsを使えばロードされる側のReactコンポーネントでデフォルト値を設定できるので、万が一渡されなかった場合でも描画を正常に行うことができます。
JavaScript Next.jsで呼び出されたURLパスを取得する方法（Functionコンポーネント編）
Next.jsで呼び出されたURLパスを取得するにはuseRouterオブジェクトを使います。
JavaScript Reactで1つのコンポーネントから複数のDOM要素を返す方法
Reactの1 つのコンポネントから複数のDOM要素を返したい時はReact.Fragmentタグを使えば警告の出ず、かつ余分なdivタグなどを使うこと無いJSXを書くことができます。
GAFAM
Google Google Chromeで勝手に謎のURLへ転送される
Google Chromeに変な設定が紛れ込んだのか、サイトへ「wwwあり」でアクセスすると変なサイトへ自動転送されるという現象に見舞われました。解決は設定を元の既定値に戻すでした。Google Chromeには「悪意のあるアプリケーションを探し出す」という機能があることがわかったので、1つ勉強になりました。
Microsoft Windowsでポート番号指定の接続（疎通）を確認する方法
Windowsでポート番号付きのネットワークの接続（疎通）確認を行うには「Test-NetConnection」を使い、結果の「TcpTestSucceeded」を見れば接続（疎通）が可能かどうかわかります。
Apple Macのサンダーバード（Thunderbird）の動作が重い、遅い時の解消方法
Macのメーラーサンダーバード（Thunderbird）の動作が重い、遅い時の解消方法はいろいろ述べられていますが、単純に再起動するだけでも軽くことがあるようです。
Apple Macでよく使うショートカットキーのまとめ
Macでよく使うショートカットキーのまとめです。
Apple 初めてのMac。MacBookProを購入しました。
初めてのMac。MacBookProを購入しました。
Microsoft IEでダイアログボックス画面のソースを表示する方法
IEでダイアログボックス画面のソース、普通では見れません。でも実は見れる方法があります。
Apple iPodTouchとiTunesの音楽が同期でないときの確認事項
iPodTouchとiTunesの音楽が同期でなくなりました。なかば初期化かとあきらめてましたが、対処方法ありました。
Microsoft コマンドプロンプトのSETコマンドで計算をする
コマンドプロンプトでSETコマンドを利用すると簡単な四則演算や論理演算、シフト計算などができます。16進数や8進数での計算もできるのでちょっとした関数電卓みたいです。
ソフトウェア開発
IT業界 プログラマー(PG)の仕事とは
プログラマー(PG)という仕事がどのようなものかのかについてまとめました。
IT業界 SE（システムエンジニア）の仕事とは
SE（システムエンジニア）はソフトウェア開発の中で「人と話して意図をくみ取って、具現化する」仕事を担っています。具体的には要件定義、基本設計、詳細設計、システム試験を担当します。
IT業界 IT業界への転職について考えてみる
IT業界はわりと転職率の高い業界です。ただ、お金だけで転職すると大きな失敗を招くので慎重に検討することが大切です。
Keyword CTAとは「Call To Action(コール トゥ アクション)」の略で、「行動喚起」のこと
CTAは「Call To Action(コール トゥ アクション)」の略で、「行動喚起」と訳されます。サイトに訪れたユーザーに「購入」や「登録」などの具体的行為を促すための部品の１つです。
プロジェクトマネージメント WBS（Work Breakdown Structure）とは何か？
WBS（Work Breakdown Structure、以下WBS）はプロジェクトマネージメントを行う上で重要なツールの1つで、作業を分解して構造化する手法です。
Keyword コンテンツ管理システム（Contents Management System : CMS）とは
CMS（Contents Management System）はHTMLやCSSなどの専門知識がなくても簡単に記事をウェブサイトを管理・構築していくことができるツールです。
Keyword AMP(Accelerated Mobile Pages)とは
AMP(Accelerated Mobile Pages)とはモバイル端末でウェブページを高速表示するためのプロジェクト、またはそのためのフレームワーク(AMP HTML)のことです。
Keyword シングルサインオン（Single Sign On : SSO）とは
シングルサインオン（Single Sign On : SSO）とは1つのログインIDとパスワードで1度だけ認証を行い、その認証結果で複数のWEBサービスやアプリケーションの認証を済ませてしまうという考え方から出てきた技術です。
健康
健康 自分が「うつ病かな？」と思ったサイン
やっと心療内科の受診から卒業しました。そんな今なので、自分が「うつ病かな？」と思ったサインをいくつか書いておきます。もし思い当たる方がいらっしゃるなら病院へ行きましょうね。
健康 効果てきめん「バナナダイエット」始めました
「糖尿病です。痩せてください。」と言われてはや１年以上。体重は順調に増えてます。そこで思い切って「バナナダイエット」はじめました。
健康 粉瘤（アテローマ）が再発したかも
先日、手術して取り除いた「粉瘤（アテローマ）」が再発したかも知れません。どうやらまた膨らんでいるようです。ピンチです。また手術かと思うとちょっと気が重いです。
健康 痛風は風が吹いても痛い、いやいや吹かなくても痛い
２０代のころから会社の健康診断で「高尿酸血症」と言われ続けてました。このままは「痛風」になるよと言われてましたが．．．
健康 低血糖を引き起こす糖尿病と危険運転致死傷罪
先日、糖尿病の持病がある人が運転中に低血糖を起こし事故になり
自動車運転処罰法違反（危険運転致傷）で逮捕されてました。私も糖尿病の持病があり、気になったので先日病院に行った際に自分も該当するかお医者様に聞いてみました。
健康 雷が怖い。それは雷恐怖症かもしれません。
今年も雷の怖い私にとっていやな季節がやって来ました。何故でしょう、理由はわからなないのですが、子供のころからずっと雷がとても苦手です。その対策方法を今日は考えてみます。
健康 「粉瘤（ふんりゅう）」が「韓流（はんりゅう）」に変わる件
おかげさまで当ブログの直近１か月のアクセス数１位が「粉瘤（アテローマ）の手術して来ました」になりました。ということで「粉瘤」をキーワードでアフィリエイトしようと広告探しましたが「韓流」になりました。
健康 朝起きると何度もくしゃみが。「モーニングアタック」と言う
何故でしょう。ここ最近、朝起きると必ずくしゃみ連発して、鼻水タラタラ。これを「モーニングアタック」と呼ぶようです。そこで、なぜこんなことが起きるのか調べてみました。