はじめに ユーザー登録/解除やログイン/ログアウトといった認証機能の導入に「devise」というGemを使っている人は多いと思います。「devise」では以下のように記述するだけで、ユーザー登録時に確認メールを送付しメールアドレス認証を行う機能を追加することができます。 app/models/user.rb r ...

はじめに Railsはモデルでカラム名と同名の列挙型（enum）を定義することで、カラムと列挙型の変数を紐付けることができます。カラムと列挙型の変数を紐付けると、カラムに対して様々な便利な使い方ができるようになります。 本記事では、モデルに列挙型（enum）を定義し、使いこなす方法について説明します。 モデルに ...

はじめに RailsアプリをAPIサーバーとして構築するには、CORS (Cross-Origin Resource Sharing)と Preflight requestの設定を行う必要があります。APIサーバーは外部からの要求に対して処理を行うため、要求元の正当性を担保しておかなければ攻撃を受けるリスクがあ ...

はじめに 私は外食は滅多にせず、普段は自炊した料理を食べています。平日は仕事をしているので、休みの日に1週間分の料理を作り置きします。自炊した料理の写真を撮るようになってからでも、これまで150種類くらいの料理を作ってきました。なるべくいろいろな料理を作るように心がけているのですが、作ったことのある料理を作るこ ...

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

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

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

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

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

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