クリアメモリ

プログラミングやガジェットレビュー、便利なアプリケーションなど雑多に記録するブログ

プログラミング

【Karabiner-Elements】任意のキーを押したらMacのロック解除する方法!パスワードは自由に設定できます

こんにちはクリアメモリです! 今回は、Karabiner-Elementsを使って「特定のキーを押したらパスワードを入力する方法」について紹介します。 Macのロック解除はスムーズにしたいけど短いパスワードは不安という方にオススメ。 パスワードを入力するためのコ…

【はてなブログ】YouTubeの埋め込み動画を後から読み込ませる方法!クリックしたらiframeを実行する!

こんにちはクリアメモリです! 今回は、iframeを使ってはてなブログに埋め込んだ「YouTube」の動画を、任意のタイミングで読み込ませる方法について紹介します。 画像をクリックしたらYouTube動画を読み込むようにできるので、記事の表示スピードが遅くなる…

【はてなブログ】中央寄せの記事を書く方法!記事ごとに設定もOK

こんにちはクリアメモリです! 今回は、「はてなブログで中央寄せの記事を書く方法」について紹介します。 CSSを使わずに実装もできるので簡単です。 また、「記事ごとに中央寄せ」を設定したい時にも使えるのでチェックしてみてください。

【CSS】特定の画像だけに適用させるセレクタ!ドメインや拡張子で条件分岐できる!

こんにちはクリアメモリです! 今回は、CSSを使って「特定のsrcを持つ画像」だけ見た目を調整する方法を紹介します。 特定のドメインだけ見た目をカスタマイズしたり、任意の文字列が入っていれば調整できました。 WordPressやはてなブログのカスタマイズで…

【Swift/Cocoa】ウィンドウ外でクリックした座標を取得するaddGlobalMonitorForEventsの使い方!

こんにちはクリアメモリです! 今回は、Swiftを使ったCocoa Programmingで「ウィンドウ外をクリックした時の座標を取得する方法」について紹介します。 過去に紹介した「ウィンドウ内のクリック座標を取得する方法」と組み合わせることで、Macアプリのクリッ…

【はてなブログ】テキストにグラデーションをかけるCSS!

こんにちはクリアメモリです! 今回は「はてなブログでテキストにグラデーションをかける方法」を紹介します。 ほぼコピペOKでテキストの見た目をカスタマイズ可能です。 また、今回紹介するCSSを応用すれば、はてなブログ以外でも利用できるのでチェックし…

【はてなブログ】テキストを縁取りするCSS!より目立たせたい時や白文字の時にオススメ!

こんにちはクリアメモリです! 今回は、はてなブログで設置したテキストを縁取りする方法について紹介します。 1行の簡単なCSSを追加するだけで、簡単に縁取られたテキストにすることができます。 白背景の中で、明るい色のテキストを目立たせたい時に活用し…

【はてなブログ】記事下にサムネ付きフォローボタン(スマホ版)を設置する方法!ほぼコピペOK!

こんにちはクリアメモリです! 今回は、以前紹介した「はてなブログの記事下にフォローボックスを設置する方法」のス マホ版について紹介します。 基本的な設置方法はPC版とほぼ同じ。 指定するCSSを変更しただけの簡単なカスタマイズなので、ぜひチェックし…

【はてなブログ】引用元を右寄せにする方法!引用の使い方も合わせて紹介します

こんにちはクリアメモリです! 今回は「はてなブログ」のマークダウンモードで記述した「引用」を、部分的に右寄せで表示させる方法を紹介します。 ”〇〇より引用”みたいな行だけを右寄せにすることで、引用元がわかりやすくなりますし、設定方法も簡単なの…

【はてなブログ】アンダーラインの見た目を調整する方法まとめ!コピペOKで波線や点線を設定可能!

こんにちはクリアメモリです! 今回は「はてなブログのアンダーラインをカスタマイズする方法」をまとめてみました。 過去に紹介してきたアンダーラインの設定方法とコードの例を合わせて紹介します。 アンダーラインの見た目は、CSSだけで設定できて超簡単…

【はてなブログ】記事下にサムネ付きのフォローボタン(この記事が気に入ったら〜)を設置する方法!

こんにちはクリアメモリです! 今回は、はてなブログの記事下に「フォローボタン」を追加する方法を紹介します。 その記事のサムネイルと一緒に「この記事が気に入ったら〜」を表示することで、フォローしてくれる可能性が増えたり、読者を増やすことができ…

【はてなブログ】アンダーラインを点線にするtext-decorationの使い方!コピペOK!

こんにちはクリアメモリです! 今回は、はてなブログのアンダーラインを「点線」にするCSSを紹介します。 これまで紹介してきた「波線」や「二重線」と同じように「text-decoration」を調整することで実装できるので、ぜひ試してみてください。 今回のCSSも…

【はてなブログ】アンダーラインを二重線にするtext-decorationの使い方!コピペOK!

こんにちはクリアメモリです! 今回は、はてなブログのアンダーライン(下線)を「二重線」にするCSSを紹介します。 先日、アンダーラインを波線にするCSSを紹介したのですが、似たような方法で二重線にすることもできるので、サイトのデザインや好みに合わ…

【はてなブログ】CSSでアンダーライン(下線)を波線にするtext-decorationの使い方!コピペOK!

こんにちはクリアメモリです! 今回は、はてなブログで使用した「アンダーライン(uタグ)」で、 下線の見た目を「波線」に変更する方法を紹介します。 波線を使うことで、 より目立つテキストを実装できるようになるのでチェックしてみてください。 もちろ…

【はてなブログ】読者登録ボタンを動画にする方法!より目立たせたい時にオススメ!

こんにちはクリアメモリです! 今回は、はてなブログの読者登録ボタンを「動画」にする方法を紹介します。 読者登録ボタンをより目立たせることができました。 ほとんどコピペOKで、超簡単にカスタマイズできるので、ぜひ挑戦してみてください。

【Karabiner-Elements】右利きマウスを左利きマウスにカスタマイズする方法!ほぼコピペOK-

こんにちはクリアメモリです! 今回は「Karabiner-Elements」を使って、右手用マウスを「左手用マウスにカスタマイズ」する方法を紹介します。 この方法を使うことで、左利きの方でも普通のマウスを使えるようになるので「欲しいマウスがあるけど、左利き用…

【はてなブログ】ドロップダウンメニューをタブレットに対応させる!クリックで表示・非表示!

こんにちはクリアメモリです! 先日「はてなブログのグローバルヘッダーをドロップダウンにする方法」を紹介しました。 その記事の中で、マウスカーソルが乗った時の動作を実装したのですが、これだと「タブレット」によるアクセスに対応できていませんでし…

【はてなブログ】画像を縁取りしてハッキリさせる方法!特定の画像だけに設定も可能!コピペOK

こんにちはクリアメモリです! 今回は「はてなブログで設置した画像を縁取りする方法」を紹介します。 コピペOKの超簡単なCSSを設定するだけで実現できるので、ぜひ試してみてください。 今回の方法では「全ての画像を縁取りする方法」と「特定の画像だけを…

【Karabiner-Elements】任意の文字列を普段使わないキーから入力できるようにしてみた!-

こんにちはクリアメモリです! 今回は「Karabiner-Elements」を使って、特定のキーを「任意の文字列」に変更する方法を紹介します。 insertやhomeキーなど、普段使わないようなキーを入力することで、自分で設定した文字列を入力できるようになるので、頻繁…

【はてなブログ】プロフィール画像を動画にする方法!GIF画像を使えば超簡単でした!

こんにちはクリアメモリです! 今回は、はてなブログのプロフィール画像を動画にカスタマイズする方法を紹介します。 プロフィール画像を動画にすることで、より目立たせることができますし、GIF画像を使うだけで簡単に実行できるのでぜひ試してみてください…

【はてなブログ】コメント時の注意点を記事下に追加する方法!事前に知らせておきたいときにオススメ!

こんにちはクリアメモリです! 今回は「はてなブログコメント欄」下に、”コメント時の注意点”のようなリンクを設置する方法を紹介します。 もらったコメントへの返信に関する説明や、コメント方法に対しての注意点をあらかじめ知らせておくことで、よりスム…

【はてなブログ】特定のページだけ動作するCSSまとめ

こんにちはクリアメモリです! 今回は、はてなブログで「特定のページごとに適用されるCSS」のまとめです。 CSSの記述方法によって、適用される範囲が決まるので覚えてみてください。

【はてなブログ】CSSで蛍光ペンを使ったようにテキストを目立たせる方法!

こんにちはクリアメモリです。 今回は、はてなブログで「選択範囲に蛍光ペンを使ったように目立たせる」CSSの使い方を紹介します。 目立たせたいテキストをわかりやすくできますし、記事にメリハリをつけられるようになるので、ぜひカスタマイズしてみてくだ…

【はてなブログ】お問い合わせフォームへのリンクをプロフィール内に追加する方法!

こんにちはクリアメモリです! 先日、はてなブログにお問い合わせフォームを設置する方法を紹介しました。 そこで今回は、作成したお問い合わせフォームへのリンクを「プロフィール」と「グローバルナビゲーション」内に表示してみましょう。

【はてなブログ】グローバルナビゲーション(ヘッダーメニュー)でカテゴリーを設置して回遊率アップ!

こんにちはクリアメモリです! はてなブログなどでサイトを運営していると、「グローバルナビゲーション(ヘッダーメニュー)」を使って、カテゴリーページなどを分類しますよね。 そこで今回は、はてなブログで超簡単に「グローバルナビゲーション」を設置…

【はてなブログ】リスト(箇条書き)カスタマイズ例13種!四角やダイヤで目立たせよう

こんにちはクリアメモリです! 今回は、はてなブログのリスト(箇条書き)につく点「・」を自分の好きな形にカスタマイズする方法と一部カスタマイズ例を紹介します。 リストをより目立たせることができるので、ぜひ試してみてください。

【はてなブログ】1行で書ける会話形式の吹き出し(簡易版)を作ってみた!使い分けもOK!

こんにちはクリアメモリです! 過去に「会話形式の吹き出しを記事内で使う方法」という記事では、吹き出しを使ったコンテンツを作成できたのですが、ある程度画像が決まっているなら、もっと簡単に設置できるので作ってみました。 一行で書けるので、会話形…

【HTML特殊文字 85種類】サイトカスタマイズに使えそうな記号コードまとめ(©▼♬✡...)

こんにちはクリアメモリです! サイトをカスタマイズしている時「©(コピーライト)」や「▼(逆三角)」などを使うことがあると思います。 このような記号はHTML特殊文字と呼ばれており、対応したコードを入力することで自動的に書き換えられているんです。 …

【css】テキストをハイライト(強調)させない時にもselectionが便利!

こんにちはクリアメモリです! 先日・その前と続き、cssを使って強調(ハイライト)の色を設定してきました。同じ方法を使って、逆にハイライトさせないようにすることもできるので紹介します。

【css】テキストだけを強調(ハイライト)して色を変更するselectionの使い方!

こんにちはクリアメモリです! 先日、cssで強調(ハイライト)の色を変更する方法を公開しました。その記事の中で、テキストだけを強調表示させることができると書きました。 そこで今回は、cssでテキストだけを強調(ハイライト)して色を変える方法を紹介…

新着記事