「このページに到達できません (ドメイン)により、接続が拒否されました」を解決するファイアウォール(firewalld)の設定方法

2022年8月6日 19:49
はじめに 過去に仕事で作成したWebサイトが表示されないとクライアントから連絡がありました。見てみると確かに以下のようなエラー画面が表示され、Webサイトが表示できない状態になっていました(以下はMicrosoft Edgeの場合)。 <a class="gallery" data-group="gallery ...

【React】React-ToastifyのカラーテーマとPCの外観モードを連動させる方法【TypeScript】

2022年8月3日 18:30
はじめに Webアプリでユーザー情報の変更などを行った際、処理が正常に完了したことをユーザーに伝えるために、画面の端に一時的にメッセージを表示する機能のことを「トースト」といいます。 トーストとは、主にデスクトップアプリケーションの機能で、情報通知用の小さなウィンドウをディスプレイの下方から一時的にポップアップ ...

【TypeScript】「代入式の左辺には、省略可能なプロパティ アクセスを指定できません。」という静的解析エラーの原因と回避方法

2022年7月31日 11:34
はじめに 最近、Next.js + TypeScriptを使ってフロントエンドの開発をしています。TypeScriptに関して興味はあったものの、実際に開発を行うまでは「JavaScriptを静的型付けに拡張した言語」という程度の知識しかありませんでした。JavaScriptはある程度わかるので、TypeScr ...

【Ruby】Bundlerを使ってRubyGemsを作成/公開する方法

2022年7月12日 23:18
はじめに Bundlerを使ってRubyGemsを作成および公開する方法について説明します。Bundlerを使わずにRubyGemsを作成/公開する方法については以下の記事を参照してください。 <iframe class="hatenablogcard" style="width:100%;height:155 ...

【Ruby】RubyGemsを作成/公開する方法

2022年7月12日 23:19
はじめに RubyGemsを作成および公開する方法について説明します。Bundlerを使ってRubyGemsを作成する方法については以下の記事を参照してください。 <iframe class="hatenablogcard" style="width:100%;height:155px;" title="【Ru ...

【Markdown拡張記法】テキストを書くだけでフローチャートなどが作図できる「Mermaid」の導入方法

2022年6月7日 08:43
はじめに Mermaidは、簡単なテキストを書くだけでフローチャートやシーケンス図といったダイアグラムを動的に作成できるJavaScriptプラグインです。例えば、簡単なフローチャートを作図したい場合は以下のような構文を記述します。 flowchart LR A["Local Computer"] - ...

DeepLのページ全体翻訳を無料で試す方法

2022年6月1日 00:24
はじめに これからはグローバル社会の時代だと言われ始めて久しいですが、日本にいる以上はなんだかんだ言って日本語だけで生活が成り立ってしまうので、日本で生活する上で英語の必要性はそこまで高くありません。しかし、世界の標準言語は英語であり、IT技術の一次情報は必ず英語で書かれています。また、GitHub Issue ...

SSH設定済みのリモートサーバーに別のPCからSSH接続する方法

2022年5月8日 23:31
はじめに SSHの公開鍵/秘密鍵の生成やSSHのポート番号など既に設定済みのリモートサーバーに、今まで使っていたPC以外から接続する方法について記載します。なお、今回はConoHa VPSで作成したリモートサーバー(CentOS Linux 7)を使用します。 SSH設定の確認 まず、現在のSSH設定がどうなっ ...

【Rails】M1チップ搭載MacでRuby on Railsの開発環境構築

2022年5月6日 19:32
はじめに M1チップ搭載MacにRuby on Railsの開発環境を構築する手順を記載します。 MacBook Air (M1, 2020) macOS Monterey 12.3.1 Homebrew Homebrewのインストール <iframe class="hatenablogcard" style= ...

【Rails】Rakeタスクの基本情報と作成・実行方法

はじめに Railsには標準でRakeというGemが同梱されています。RakeはRubyで実装されたMake(UNIX系のOSで使用できるコマンド)のようなビルド作業を自動化するツールです。Ruby Make、略してRakeというわけですね。 <iframe class="hatenablogcard" sty ...