プログラミング

【AutoHotkey】Windowsのカーソル移動をMacっぽく割り当てる!Alt+矢印でHomeやEndを実行!

こんにちはクリアメモリです! 今回は、AutoHotKeyを使って「WindowsPCのHomeキーやEndキーをAlt + 矢印で実行する方法」について紹介します。 この方法を使うことで、Windowsでブログを書いたりプログラミングをするときなど、テキストのカーソルをMacのよ…

【AutoHotkey】マウスの4ボタン・5ボタンをカスタマイズする!3キー同時押しも設定可能!

こんにちはクリアメモリです! 今回は、前回に引き続き「AutoHotkey」を使って、5ボタンマウスの「4ボタン」「5ボタン」をカスタマイズする方法について紹介します。 これによって、マウスのサイドボタンにコピーやペーストを割り当てたり、動画編集で便利な…

【AutoHotkey】Windowsの使わないキーに好きな文字列に割り当てる方法!

こんにちはクリアメモリです! 今回は、Windowsのキー入力を割り当てられる「AutoHotkey」というアプリケーションを利用して、普段あまり使わないキーに「好きな文字列」を割り当ててみました。 日本語のテキストはもちろん、プログラミングのコードやブログ…

【Windows】AutoHotkeyのインストール・アンインストール・使い方まとめ!キーカスタマイズにオススメ!

こんにちはクリアメモリです! 今回は、Windowsのキー入力をカスタマイズできる「AutoHotkey」というアプリケーションをインストールする方法について紹介します。 AutoHotkeyを使うことで、Windowsのキー入力をMacっぽくカスタムしたり、普段使用しないキー…

【AutoHotkey】WindowsのAltキーを英数・かなに変換する!Macっぽく左右のAltで日本語入力可能!

こんにちはクリアメモリです! 今回は、「AutoHotkey」を使って、Windowsで日本語切り替えをMacっぽくする方法について紹介します。 左右のAltキーを押すことで「英数・かな」を切り替えるようにしました。 以前「alt-ime-ahk」というアプリを利用して、日本…

【はてなブログ】一番上まで自動スクロールするボタンを設置する!クリックで実行!コピペOK

こんにちはクリアメモリです! 今回は、はてなブログで「トップに自動スクロールするボタン」を設置する方法について紹介します。 このボタンをクリックすることで、ページの一番上までスクロールさせることができます。 記事のボリュームが大きくてスクロー…

【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の使い方を紹介します。 目立たせたいテキストをわかりやすくできますし、記事にメリハリをつけられるようになるので、ぜひカスタマイズしてみてくだ…

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

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

新着記事