ローカル環境のSSL対応(HTTPS通信)をmkcertで実現する

2022年2月15日

mkcertというライブラリを使うとローカル環境でもHTTPS通信ができます。今回はmkcertを利用したロー…

『sed -e :loop -e ‘N; $!b loop’ -e ‘s/\n/ /g’』を読み解く

2022年2月13日

『sed -e :loop -e ‘N; $!b loop’ -e ‘s/…

ローカル環境上で起動する異なるDocker間で通信する方法まとめ

2022年2月13日

フロントエンドとバックエンドが別々のDocker環境で管理されている場合など、異なるDocker環境どうしでア…

サブドメインと複数のWebアプリをつなげるプロキシサーバをnginxとDcokerで構築する

2022年2月13日

前回、独自ドメインとローカルのWebアプリをつなげるプロキシサーバをnginxとDcokerで構築するでngi…

独自ドメインとローカルのWebアプリをつなげるプロキシサーバをnginxとDcokerで構築する

2022年2月12日

「任意のドメインに接続したリクエストをローカル環境で起動しているWebアプリケーションへプロキシする」というn…

「nginx + Webアプリ」のDocker環境にローカルから独自ドメインでアクセスする方法

2022年2月12日

ローカル環境において、ドメイン名でWebアプリケーションに接続できる「nginx + Webアプリ」のDock…

ローカル環境の異なるDocker Compose間の通信をhost.docker.internalで解決する

2022年2月12日

externalなDockerネットワークを共有することで、異なるDokcer環境でもコンテナ間の通信ができま…

/etc/hostsの書き換え不要。127.0.0.1をサブドメインに割り当ててローカル開発用ホスト名として利用する

2022年2月11日

localhost以外のホスト名でローカル環境に接続する一般的な方法は『/etc/hostsで任意のホスト名を…

localhost以外のホスト名でローカル環境に接続する方法

2022年2月11日

http://localhostで接続するローカル環境のアプリケーションへ、localhost以外のホスト名で…

Dockerネットワークとコンテナ名で実現する複数Docker Compose間の接続方法

2022年2月8日

フロントエンドとバックエンドが別々のDocker環境で管理されている場合など、異なるDocker環境どうしでア…

Docker Desktop for Macのコンテナからローカル環境に接続する方法

2022年2月7日

Docker環境上のアプリケーションが指すlocalhostはローカル環境ではなくコンテナ自身を指しています。…

localhost以外のホスト名でローカル環境のRailsに接続する方法

2022年2月6日

http://localhost:3000で立ち上がっているローカル環境のRailsアプリケーションへ、任意の…

Rails API(サーバサイド)でCookieを作成する方法

2022年2月5日

前回、RailsでセッションとCookieを操作する方法でRailsにおけるセッションとCookieの操作方法…

RailsでセッションとCookieを操作する方法

2022年1月31日

セッションとはステートレスなHTTP通信においてステートフルを実現するための情報、Cookieとはブラウザに用…

【React】JavaScriptのイミュータビリティを理解して正しくState更新する

2022年1月22日

JavaScriptのイミュータブル（immutable）やミュータブル（mutable）の意味、Reactの…

【JavaScript】オブジェクトの浅い比較(shallow compare)のロジックと比較の具体例

2022年1月20日

オブジェクトを浅い比較する際のロジックについてオブジェクトの浅い比較(shallow compare, sh…

Railsにおけるカスタム例外の定義方法パターン

2022年1月17日

前回、【Ruby】カスタム例外の作成と利用に関する基礎知識でRubyにおけるカスタム例外の基礎知識について紹介…

【Ruby】カスタム例外の作成と利用に関する基礎知識

2022年1月17日

カスタム例外を作成する際はStandardErrorを継承するカスタム例外はStandardErrorを継承…

【Rails】APIリクエストにIPアドレスの制約をつける方法

2022年1月16日

API開発において特定のIPアドレスからのアクセスのみ許可したいというケースがあります。今回はプライベートI…

Railsの環境変数の作成方法3パターン(config_for/global/config)比較

2021年12月31日

Railsアプリケーションの環境変数の設定方法は、Rails標準のconfig_for、global gem、…

Rubyのthen(yield_self)の概要と具体的な使いどころ

2021年12月29日

then(yield_self)について thenはレシーバをブロックの引数として受け取り、ブロックの評価をレ…

Rubyでよく使うArray(配列)メソッドまとめ

2021年12月18日

map（collect） mapは各要素を変換して新たな配列を作成するメソッドです。collectはmapのエ…

Rubyのfilter(select)とfind(detect)の違い

2021年12月18日

filter（select）について filterは条件を満たす全ての要素を取り出すメソッドです。select…

【Ruby】map/filter_map/flat_mapの概要と使い方

2021年12月18日

map（collect）について mapは各要素を変換して新たな配列を作成するメソッドです。collectはm…

【Ruby】複数の配列を1つの配列に結合するメソッドまとめ

2021年12月11日

concatメソッド concatは配列を自身の末尾に破壊的に連結するメソッドです。 concatを利用した配…

【Rails】『nilの場合は~』のリファクタリング4パターン

2021年12月10日

Railsアプリケーションで『nilの場合は~』を実装する際のリファクタリングについて紹介します。今回は以下…

【Rails】Vonage Verify APIを利用した二要素認証(2FA)チュートリアル

2021年12月8日

Vonage Verify APIを利用して2FAが組み込まれたRailsアプリケーションを実装します。今回…

【Git】特定のブランチ以外を一括で削除するコマンド・スクリプト

2021年11月22日

ローカル環境にたくさんできてしまったブランチを整理するためのTipsを紹介します。今回の対象はローカル環境の…

【Ruby】sort_by/sortの概要と配列ソートの応用例

2021年11月21日

sortについて sortは配列を昇順でソートするメソッドです。要素の比較は<=>演算子（宇宙船演…

【Ruby】ハッシュのtry(try hash)をdigで書き換える

2021年11月18日

「オブジェクトが存在しないケースを考慮し、オブジェクトのプロパティを参照する」、このような時にtry hash…

【React】4ステップで作成するカスタムフック実装手順

2021年11月7日

前回、【React】カスタムフックの概要・メリット・使いどころでカスタムフックの概要について紹介しました。今…

【React】カスタムフックの概要・メリット・使いどころ

2021年11月7日

カスタムフック（Custom Hooks）についてカスタムフックとはデフォルトのフックを利用して実装された関…

Next.js+TypeScript+自動コードフォーマットの環境構築手順

2021年11月4日

以下の仕様のNext.jsアプリケーションの作成手順について紹介します。 Create Next AppでNe…

Next.jsのSSR回避(クライアントサイドでのみ実行)の実装パターン集

2021年11月3日

Next.jsのページはデフォルトでPre-renderingです。ですので、今回はNext.jsでSSR…

【Next.js】dynamic import(動的インポート)の概要と使いどころ

2021年11月3日

dynamic import（動的インポート）について dynamic import（動的インポート）とは動的…

【React】4つの観点で理解するCSR・SSR・next/linkの挙動の違い

2021年10月31日

ReactアプリケーションにおけるCSR・SSR・next/linkの挙動の違いについて4つの観点で紹介をしま…

【Next.js】Warningが発生する誤ったCookieの使用例と改善方法

2021年10月29日

Next.jsのページのレンダリングはデフォルトでPre-rendering、つまりSSR（Server-si…

【Next.js】Hydration時にReact.hydrate()による警告が発生するケースとその解決方法

2021年10月29日

Hydrationについて HydrationとはHTMLに付随したJavaScriptを利用してイベントリス…

【Next.js】SSR/SGでブラウザ機能(Cookieなど)を活用する際の注意点

2021年10月26日

SSR/SGではレンダリング時にブラウザの機能を使えない具体例は以下の通りです。 Next.jsのページのレ…

【Next.js】ページのレンダリング種別(SSR/SG/ISR/Static)の決定・確認方法

2021年10月25日

Next.jsではページごと（pagesディレクトリ直下のコンポーネントごと）にレンダリングの種類を決められま…