TECH NOTE

ウェブサイトを運営する際、外部リンクを新しいタブやウィンドウで開くために、リンクにtarget="_blank"を指定することがあります。しかし、この指定だけではセキュリティ上のリスクが生じる可能性があります。そこで、rel属性にnoopenerやnoreferrerを追...

GitHub Copilot を最大限活かせるように基本的な使い方を学びましょう。 本記事では、 Visual Studio Code での操作を中心に説明していますが、ショートカットについてはIntelliJ IDEA や PyCharm などのJetGBrains 系のIDEについても掲載しています。 回...

WindowsではWin+Vでクリップボード履歴が使用できます。macOSでもこれと同じような機能が使えるClipyというアプリがあります。 インストール 公式サイトにダウンロードボタンがありますので、そこからdmgファイルをダウンロードし、インストールしてくださ...

Visual Studio Codeでの❖+D/⌘+Dのような現在選択しているテキストと同じテキストが出現する次の箇所を選択するショートカットは、IntelliJ IDEAにも存在します。 ただ、WindowsとmacOSでショートカットが異なるので両方を使用している方は注意が必要です。...

API Gateway REST APIに対してIP制限をかける必要があったので手順を確認しました。 動作確認用のAPI Gateway REST APIを作成する まずはAPI GatewayでAPIを作成します。以下の手順に従って作成していきます。 手順 API Gatewayコンソールhttps://console....

axiosでREST APIにアクセスするコードを含む複数のコードをtry-catchで囲んでいるときに、axiosのエラーをログなどに出力する際、JSON.stringifyしていたのですが、axios以外が原因でエラーになっている場合、JSON.stringifyでは文字列を得られなかったの...

EmmetはHTMLやCSSを省略記法で記述できるようにプラグイン・拡張機能です。 最近Youtube動画で、Beginner/JuniorエンジニアとPro/Seniorエンジニアのコーディングの仕方についた動画がよく流れてきたので、使い方をまとめてみました。 Emmetの使い方 Emmet...

Visual Studio Codeで開始タグから終了タグまでをまるごと選択したいことが多々あります。 これまでは一度対象のタグを閉じて範囲選択をしていたのですが、タグの範囲を見やすくする拡張機能と相性がよくなかったので困っていました。 Emmetショートカット...

スーパーキーと候補キーの違いがよくわからなかったので、関係データベースにおけるキーについてまとめてみました。 用語について 関係データベースの用語で説明しますが、データベースでどの用語に対応するかについてまとめておきます。 関係（リレーショ...

PostgreSQLでDROP TABLEを行うときにデッドロックが発生するという事象がありました。私自身が遭遇したわけではないですが、Liquibaseで使用していないテーブルをDROP TABLEしようとしたときに、デッドロックが発生したようです。 そんなわけはないと思い...

ウェブサイト制作をしていると、繰り返し登場する任意の要素にスタイルを適用したい場面が多々あります。特に、リストやテーブルの特定の項目に異なるデザインを施す際に便利なのがCSSの疑似クラスです。この記事では、:first-child、:last-child、:nth-ch...

プログラミングをしていて、作業ごとにブランチを作成しているので、ローカルブランチが溜まりがちです。 ChatGPTに毎回コマンドを聞くのも申し訳ないので、操作をまとめておきます。 マージ済みのブランチを確認する この操作の肝になるのが、マージ済み...