お役立ち

css

プラグインを使わずにLightbox(ライトボックス)風ギャラリーを作りました【JavaScript】

Javascriptの練習でライトボックス風のギャラリーを作成しました。スマホでスワイプできると思いますが、Androidでは確認しておりません。。プラグインを使うほどではない!CDNを読み込みたくない!jQueryを使いたくない!場合に使...
JavaScript

ブックマークレットでOGPタグを確認する【javascript】

OGPタグはページに表示されない裏側のタグです。そのためチェックがめんどくさいし、確認漏れも起こりやすいので『OGPタグ確認』ブックマークレットを作りました。 登録すればボタン一つでタグが確認できるので便利です! ブックマークレットの登録方...
JavaScript

ブックマークレットで本番環境とテスト環境のURLを切り替える【javascript】

今回はWEB制作でよくあるテスト環境と本番環境のURL切り替えを、ブックマークレットで実装したのでメモしときます。※動作確認はChromeのみです。 ブックマークレットとは 気に入ったウェブサイトをブラウザのお気に入りに登録すると、通常その...
JavaScript

ブックマークレットでテスト環境のタグが入っていないか確認する【javascript】

がんばって制作したウェブページをついに本番公開!なのにうっかりテスト環境の測定タグを入れちゃってた!!ってことないですか? 私はあります。。 最近ではGoogleタグマネージャーをはじめとするタグ管理サービスがあるので、そういった事故はなく...
その他

ウェブ制作で良く使う正規表現

WEB制作以外でも重宝する正規表現。覚えておくと何かと便利ですよね。 いざ使うという時に毎度忘れるので、自分用にメモしておきます。