親バカエンジニアのナレッジ帳

webのエンジニアをやっており、日頃の開発で詰まったことや書き残しておきたいことを載せています。

HTML

target="_blank"にはrel=noopenerを付けないと超怖い

target="_blank" 外部ページへ遷移する際に使われるtarget="_blank"。 あまり知られていないのですが、そのまま使うと実はセキュリティ的なリスクをはらんでいるのです。 その脆弱性対策として、リンクに「rel="noopener"」を付けましょう。 <a href="https://jidou.jp" target="_blank" rel="noopener">リンクのテキスト</a>…

はてなブログのAMPページで記事ごとに手動でAdsenseを設置!

はてなブログのAMPページ はてなブログでは、有料アカウントであるPROになるとページをAMPに対応させることができます。 AMPページは高速にページを表示することが可能で、ユーザにとってすぐに情報を見れるような仕組みでありSEOにも効果がある(対応しない…

Vue.jsで配列の値をAPIでPOSTする方法

値を配列でPOST フォームでPOSTする項目数が決まっていない時、配列にして値をPOSTしたい場面があると思います。 例えばチェックボックスなんかは1つのnameに対して値の数は決まっていないものです。 また、テキストフォームであっても、入力フォームを追加…

box-shadowを使ったなんちゃってオーバーレイ

オーバーレイの通常の設置方法 webサイトでモーダルを使用する場合、併せて背景にオーバーレイを入れますよね。 オーバーレイの設置する方法は少々面倒です。 モーダルとは別に要素を用意し、Javascriptによって、毎日モーダルの出現と同時にオーバーレイが…

Spring Boot Thymeleafで多言語化

多言語対応でサイトを作ることが多い現代だからなのか、 最近のフレームワークは多言語対応がとても簡単です。ここではThymeleafに表示される文字を多言語対応する方法を共有します。 基本的にはmessages_ja.propertiesや、messages_en.propertiesというよう…

FC2ブログで記事の直下にアフィリエイトリンクを貼る

私はFC2ブログでも記事を書いてますが、 アフィリエイト広告を載せています。 アフィリエイトはサイドメニューなどに載せてもいいですか、 きっと記事の下に毎回表示したいと考えている人もいるかと思います。 そんな人たちのために手順を共有しますので、参…

ファビコン(favicon)でアイコン設置

ファビコン(favicon)とは? ファビコンとは、いわゆるウェブサイトのシンボルマークです。 favorite icon (お気に入りアイコン)の略称になりまして、元々はウェブサイトをお気に入りやブックマーク登録した際に、お気に入りリストやブックマークリストの中で…