【Android 版 Google Chrome】タブの切り替え画面の「タブを検索」欄を無効にする方法

Android 版 Google Chrome のタブの切り替え画面の上部に、「タブを検索」という検索ボックスが表示されるようになりました。 「タブを検索」をタップすると、…

【Android 版 Google Chrome】タブの切り替え画面のタブグループセクションを無効にする方法

Android版 Google Chromeのタブの切り替え画面の上部に、タブグループ一覧を表示させるボタン(下の画像の四角が4つ並んでるアイコン)が表示されるようになりました。 …

【Blogger】投稿・ページの文字数カウンターを設置する

ブログを書いていると、書いた文章の文字数を確認したくなることがあります。しかし、Blogger の投稿エディタには文字数を表示する機能がありません。 そこで今回は、Blogger に投稿・ページの…

【Blogger】プレビューのリロード時にスクロール位置を復元する

Blogger で記事を書いたり、ブログのテーマを編集したりしているとき、変更箇所を確認するためにプレビューをリロード(再読み込み)すると、ページが一番上に戻ってしまいます。 いちいちスクロールし…

【Blogger】プレビューで Clipboard API を使えるようにする

当ブログでは、読者の方が簡単にコードをコピーできるよう、コードブロックにコピーボタンを付けています。 コードブロックにコピーボタンを実装する(Clipboard API 対応版) 上…

Blogger の投稿エディタを Markdown エディタに改造する

Markdown で記事を書くことが多いのですが、現在お世話になっている Blogger の投稿エディタは残念ながら Markdown に対応していません。 そのため、Markdown で記事を書…

コードブロックに折り返しボタンを実装する

ブログやサイトなどにソースコードを載せる際、行を要素の端で折り返すか、それとも折り返さずに横スクロールありで表示するかで迷ったことはありませんか? 筆者はどちらかというと折り返さない派なんですが、…

【Blogger】ラベルの付いていない投稿を検索する

Blogger で特定のラベルの付いた投稿だけを表示させるには、以下のような URL を使います。 https://[ブログ名].blogspot.com/search/label/[ラベル名]…

【jQuery 不要】複数の details 要素のうち1つだけを開く

複数の details 要素を並べたメニューを作ったとき、 details 要素がいくつも開いた状態になるのが気になってしまいました。 その問題を解決しようと「アコーディオンメニュー 1つだけ…

【Blogger】画像コードを置換するための正規表現集

Blogger の編集画面から投稿やページに画像を挿入すると、画像コードが以下のような img 要素が div.separator と a 要素に囲まれた形で出力されます(画像 URL の一部…