bnsgt's diary

個人的な備忘と日記

HTML

【SEO】強調スニペットの表示から、メディアサイトのマークアップについて思ったこと

最近、Electronでちょっとしたmac OSアプリを作っていて、アイコンのサイズをGoogle検索した。 そしたら、良い感じに強調スニペットで表示されているサイトがあった。 一番上にこんな表示のされ方したら、そりゃクリックしたくなる。 該当箇所のマークアップ…

JavaScriptで、文字列の中からURLを検知してリンクにする

フロントエンドで、文字列の中からURLの部分を検知して、自動的にaタグのリンクを生成する方法をメモ。 こちらの記事の内容で出来た。 ginpei.hatenablog.com サンプル テキストエリアに、URLを含んだ文字列を入力して送信すると、aタグに変換されたhtmlがdi…

キャンペーン等で使える1日に1回日付が変わると表示されるポップアップの実装方法

サイトに訪れるたびに表示されるのではなく、1日に1回、日付が変わるごとに表示されるポップアップの実装方法についてメモ 方法 初回アクセス時はポップアップモーダルを表示し、cookieを利用してその日の23:59:59まで再度表示されないようにmax-ageプロパ…

年月の選択によって、選択可能な日付が変更されるプルダウン(うるう年判定付き)

inputタグの type=”date” は使わず、年・月・日のプルダウンを分けて、作成したい場合についてのメモ 方法 年が変わるとメンテが必要だったりするのでHTML側には、selectタグ内のoptionを直接記述せず、JavaScriptで生成する。 参考にした記事(https://nkmr…