まろりかモンスター

パソコンだいすき♡ 雑記ブログです!

便利機能

Bootstrap 4で要素の表示 ↔ 非表示を切り替える簡単な方法【HTMLだけで実現】

ブログやサイトで、リンクやボタンをクリックすると要素が表示したり非表示したり切り替わる部品を見たことありますよね。 今回はそんなリンクやボタンをクリックすると要素が表示 ↔ 非表示と切り替わる方法をBootstrap 4で簡単に実現する方法を紹介します。…

はてなブログのHTML編集で目次リンクを設定する方法【コピペOK】

目次 はじめに 当記事の目的 当記事の目的は、はてなブログでHTML編集で記事を書いている人に向けて、 見出しタグから自動で目次リンクを作成する方法を紹介することです。 はてなブログで目次を作成する方法 はてなブログには編集モードが複数ありますよね…

見出しタグから入れ子の目次を自動作成するJavaScriptを作りました【コピペOK】

目次 はじめに 当記事の目的 ブログなどの記事で目次があると記事の全体像がわかりやすいですよね。 特に長い記事だと目次があると助かりますよね。 今回はそんな便利な目次を自動作成してくれるJavaScriptを紹介し、 簡単に目次を作れるようになってもらい…

【Bootstrap 4 入門】初心者は2つの使い方を覚えるだけでかなり便利にBootstrapを使えるようになる

Bootsrapをみなさん使いこなしているでしょうか。 今回は、Bootstrapを使いこなせていない人に向けてまずは覚えた方が良い2つ使い方について紹介します。 たった2つの使い方を覚えるだけで、Bootstrapがどれだけ便利かがわかると思います。

Bootstrapでモーダルダイアログを超簡単に実装する方法

モーダルダイアログって知ってますか? 百聞は一見に如かずということで以下にモーダルダイアログが表示されるボタンを設置しました。 モーダルダイアログ例 タイトル × 内容・・・ 閉じる ボタン ボタンクリックで出てくる例のようなダイアログウィンドウの…

Chromeで使えるかなり便利なおすすめショートカットキー5選

パソコンを使っている時間の中でネットサーフィンの割合が大きい人はたくさんいると思います。 今よりも効率よくネットサーフィンできるように、今回はGoogle Chromeで使えるかなり便利なおすすめショートカットキー5選を紹介したいと思います。 ショートカ…

Chromeの新しいタブで履歴サムネイルを非表示にする方法

GoogleのChromeブラウザで新しいタブを開くとデフォルトでは、よく見るページとして履歴のサムネイルが表示されますよね。 このデフォルトの新しいタブページですが、Chromeの拡張機能を利用することで変更できるので、それについて紹介します。 ちなみに今…

クリック一つでクリップボードにコピーする機能(HTMLとJavaScriptのみで実現)

コピーって結構使いますよね? スマホだと、長押しして選択してコピーしてますよね。 パソコンだと、WindowsであればCtrl + C、Macであれば⌘command + Cでショートカットをよく利用していると思います。 ショートカットを使わずに右クリックからコピーする人…