擬似要素before/afterを利用したパンくずリスト実装例

2022年3月21日

MDN Web Docsのパンくずナビゲーションで紹介されている実装をベースに、擬似要素before/afte…

擬似要素before/afterの概要と具体例

2022年3月21日

before/afterの使い方 before/afterの擬似要素は、要素やクラスに対して::beforeあ…

『position: absolute』を適用した要素の表示特性まとめ

2022年3月20日

【CSS】ブロック/インライン/インラインブロックの違いについてで紹介したように、HTMLタグにはデフォルトの…

absoluteとrelativeを利用した上下左右の中央よせ方法

2022年3月18日

absoluteとrelativeを利用して要素を中央よせにする方法は以下の2つがあります。今回は「上下」「…

absoluteとrelativeの利用方法と、中央寄せ・隣接・重ね合わせの具体例

2022年3月18日

absoluteとrelativeを利用して要素の位置を変更する方法要素の位置はleft, top, bot…

Flexbox/inline-block/floatの横並び実装の比較と使い分け

2022年3月17日

Flexbox、インラインブロック、フロート、による横並びデザインの実装方法の比較を紹介します。また、それぞ…

【CSS】インラインブロック/インラインで勝手にできる余白の削除方法

2022年3月16日

インラインブロックやインライン要素を利用することで簡単に要素を横並びにできます。しかし、要素同士の間に意図し…

last-childのmarginを0にして再利用しやすいCSS設計をする

2022年3月15日

『レイアウト』と『UIパーツ』を意識してCSS設計をするとデザインの再利用がしやすくなります。 UIパーツに関…

Flexboxの概要と使いどころ

2022年3月14日

Flexboxについて FlexboxとはCSS3から導入されたレイアウトに関する機能です。Flexboxを利…

float解除(overflow: hidden/clear: both/clearfix)の比較と具体的な使い方

2022年3月12日

floatプロパティを利用することでブロックレベル要素の横並びを実現できます。floatを利用する際はfloa…

【CSS】overflowの概要と具体例

2022年3月12日

overflowプロパティについて overflowとは要素からはみ出したコンテンツの扱いを記述するプロパティ…

【CSS】ブロック/インライン/インラインブロックの違いについて

2022年3月12日

要素の表示形式であるブロック・インライン・インラインブロックの違いについて紹介します。基礎知識について HT…

【Rails】JWTを利用したログインAPIと認証付きAPIの実装

2022年3月2日

今回のゴール実装の仕様についてバックエンド関連 JWT関連 API関連下準備ユーザーの作成認証対象の…

【Ruby】jwt gemの使い方とJWTのエンコード・デコード方法の具体例

2022年2月27日

前回、JWTの概要と構成要素(ヘッダ/ペイロード/署名)を理解するでJWTの概要について紹介しました。今回は…

JWTの概要と構成要素(ヘッダ/ペイロード/署名)を理解する

2022年2月27日

JWTについて JWTはJSON Web Tokenの略で、署名されたJSON形式のクレーム（Claim、情報…

【Ruby】OpenSSL::PKey::RSAを利用した秘密鍵・公開鍵の生成方法

2022年2月22日

OpenSSL::PKey::RSAクラスを利用してRSA暗号の秘密鍵と公開鍵の作成方法について、今回は以下の…

サブドメイン間のCookie送受信の可否とDomain属性の対応

2022年2月21日

サーバサイドで作成したCookieをサブドメイン間で送受信するケースにおいて、Cookie作成時のドメインオプ…

rack-corsとfetch APIを利用したCookieの送受信方法

2022年2月21日

オリジン間リソース共有 (Cross-Origin Resource Sharing, CORS)において、R…

nginxとDockerでローカル環境のWebアプリとHTTPS通信をする

2022年2月15日

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

ローカル環境の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はレシーバをブロックの引数として受け取り、ブロックの評価をレ…