クリアメモリ

プログラミングやモーショングラフィックス、便利なアプリケーションなど雑多に記録するブログ

【はてなブログ】トップページやカテゴリーページにページャーを表示してトップへ戻るリンクを追加する方法!

こんにちはクリアメモリです! 先日、はてなブログの記事に「前の記事」がない時は、トップページへ戻るを表示させたのですが、実はちょっと書き方を変えるだけで「トップページ」や「カテゴリーページ」にも表示できるので紹介します。

【Amazonアソシエイト】何度も審査に落ちた私があっさり通過した方法がこれ!

こんにちはクリアメモリです! みなさんはAmazonアソシエイト登録していますか?私はこれまでずっと審査に通らなったため、A8.netのアマゾンリンクを貼っていました。 ですが、ちょっとしたきっかけで簡単に審査を通過できたので紹介します。

【HUION液タブ Kamvas GT-191レビュー】5.5万円なのに筆圧検知8192段階でIPSパネル!初液タブにもおすすめです

こんにちはクリアメモリです! 先日、新発売されたコスパ最強の液晶タブレット「HUION Kamvas GT-191」を購入しました。最近発売されたものなのでちょっと不安だったのですが、2週間ほど使用した結果どうだったのかレビューします。

【ELECOM】5mのDVIケーブル レビュー!遅延とか扱いやすさは大丈夫?

こんにちはクリアメモリです! 今回は、PCのデュアルディスプレイなどで使える「DVIケーブル」の紹介です。5メートルあるケーブルで、液タブを移動させたり遠くの機器と接続する時にとても便利なのでチェックして見てください。

QuickTimePlayerでスロー再生する方法が超簡単だった!

こんにちはクリアメモリです! Macで動画を見たり撮影したりするときに、QuickTimePlayerを使いますよね。実はQuickTimePlayerは、あるコマンドを使うことで「スロー再生」や「倍速再生」ができるので紹介します。

Vivaldiっていう多機能ブラウザが便利すぎてChromeには戻れない!

こんにちはクリアメモリです! 先日、Vivaldiというブラウザに乗り換えました。 というのも、実際に使って見ると「軽量」かつ「多機能」でChromeよりも使いやすく、デザインも自由にカスタマイズできて便利すぎたので紹介します。

【css】ボックス全体がリンクのボタンを使えばページ移動しやすくなって回遊率がアップするかも!

こんにちはクリアメモリです! cssでデザインをカスタマイズしていて、aタグで設置したリンクのクリックできる範囲に困ったことはありませんか?ちょっとしたコードを使えば、ボタン全体をリンクにすることができるので紹介します。

【css】emとかpxとか%ってどんな違いがあるの?使い分けできるようにしよう

こんにちはクリアメモリです! 今回は、cssで使われる単位の「px」「em」「%」はどのような違いがあるのかについて紹介します。これらはそれぞれ、使われるタイミングが変わってくるので参考にして見てください。

【actto ブックスタンド】角度調節もできてコスパ最強!技術書や資料に超オススメだった

こんにちはクリアメモリです! 今回は、acttoから販売されている「ブックスタンド」の紹介です。本を資料として隣に置きながらPCで入力するなんて時に絶対役立つのでチェックして見てください。

【はてなブログ】アドセンスを非表示にする記事をカテゴリーで決めたら超便利になった!

こんにちはクリアメモリです! はてなブログで記事を書いていて、特定の記事だけアドセンスなどの広告を非表示にしたいと思ったことはありませんか。そのような場合は、カテゴリーを設定するだけで表示非表示を切り替えられるので試してみてください。

【css】四則演算(足し算)ができるcalcを使えばcssで計算式が使えちゃう!

こんにちはクリアメモリです! cssでレイアウトをカスタマイズしている時、横幅を「100%から50pxだけ少ない値にしたい」というような時はありませんか?そのような場合は、四則演算を使う「calc」というコードで実装できるので紹介します。

【はてなブログ】はてなProって解約したら何時に切れるの?サポートに聞いてみた

こんにちはクリアメモリです! 先日、クレジット決済のために「はてなPro」を一度解約してから、再度契約し直しました。そこで、はてなProを解約すると、何時に契約が切れて再契約できるのか実際に試しつつ、サポートに聞いてみました。

【はてなブログ】アドセンスを中央寄せにしたらバランス良いデザインになった!

こんにちはクリアメモリです! 今回は、はてなブログで設置した「Googleアドセンス」を中央寄せで表示する方法を紹介します。この方法を使えば、左右のバランスが取れたデザインになるのでぜひ試してみてください。

【はてなブックマーク】新着エントリーの通知をメールで受け取れるIFTTTが最高!ぜひやってみてほしいカスタマイズです

こんにちはクリアメモリです! 皆さんは、はてなブックマークの新着エントリーをチェックしていますか?せっかく自分の記事が載っていても気づかなかったら残念ですよね。そこで今回は、記事がはてなブックマークの新着エントリーに載った時に通知を受け取る…

【はてなブログ】トップページのアドセンス広告を記事と記事の間に表示させたらいい感じになった!

こんにちはクリアメモリです! 今回は、はてなブログで運営しているサイトのトップページに広告を表示させる方法です。ただ広告を表示させるだけではなく、記事と記事の間に設置してブログに溶け込むようなデザインにしてみました。

【はてなブログ】7月の運営報告!収益やPVの変化はあったのかについて

こんにちはクリアメモリです! 今回は、はてなブログで運営している当サイトの2017年7月の運営報告になります。主に収益やPV、今後の運営について触れていきます。

【はてなブログ】背景をアイキャッチ画像にしたら記事全体がいい感じになった!

こんにちはクリアメモリです! 今回は、はてなブログで作成した記事の背景を「アイキャッチ画像」に変更する方法を紹介します。記事ごとに別の背景を自動で設定できて、デザイン性もアップするのでぜひ試してみてください。

【はてなブログ】会話形式の吹き出しを記事内で使う!ちょっとした工夫で記事を見やすくカスタマイズ!!

こんにちはクリアメモリです! 今回は、はてなブログで書いた記事の中に「会話形式」の吹き出しを導入する方法について紹介します。cssで吹き出しのような見た目に調整すれば、読者の方にも読みやすくなるのでぜひ試してみてください。

【はてなブログ】画像を中央寄せにする方法!見た目とバランスが良くなるかも!?

こんにちはクリアメモリです! 今回は、はてなブログで表示した画像を中央寄せにして、真ん中に表示させる方法を紹介します。画像の表示方法をちょっと変えるだけで、より目立たせたり見やすくなったりするので使いこなしてみてください。

【はてなブログ】ページャーにトップへ戻るを表示!前の記事が無い時に表示すれば直帰率が下がるかも!?

こんにちはクリアメモリです! はてなブログで先頭の記事を読むと、ページャーに「前の記事へ」だけが表示されず「次の記事へ」だけが表示されてしまいますよね。それだと見た目も崩れるので、前の記事がない場合は「トップへ戻る」を設置してみました。

【はてなブログ】SNSボタンを記事の横に追従させる方法!いつでもシェアできるようにするカスタマイズ

こんにちはクリアメモリです! 今回は、はてなブログに設置したシェアボタンを、記事の横に追従させてみようと思います。このカスタマイズによって、ユーザーが記事を読み終わったタイミングにシェアボタンが見えるようになりますね。

【はてなブログ】全記事の最初にアイキャッチ画像(サムネイル)を自動表示させる!実質1行&コピペOK

こんにちはクリアメモリです! はてなブログなどのブログサービスを使って記事を書く時、記事の一番最初にアイキャッチ画像(サムネイル)を表示していませんか?今回は、そんな時に使える便利なコードを紹介します。呼び出し部分などを除けば実質1行だけで…

【はてなブログ】サイドバーに追従するメモ帳を作ってみた!

こんにちはクリアメモリです! 今回は、はてなブログのサイドバーに追従する「メモ帳」を表示させてみました。記事を読みながらメモを取れて、最終的にまとめてコピーもできるので試してみてください。

noindexを正しく使えばサイトの評価もPVもアップして幸せになれるって話

こんにちはクリアメモリです! 今回は、ブログを運営していく上で重要になってくる「noindex」のお話です。コンテンツ量の少ない記事をnoindexにすることで、サイト全体の評価をあげられる可能性がありSEO的にもプラスに影響するので紹介します。

【SearchConsole】掲載順位が急激に下がった!?意外な原因だったけど対策は?

こんにちはクリアメモリです! 先日、SearchConsoleで自分のブログをチェックしていたところ、検索アナリティクスの掲載順位が急激に下がっていました。具体的には、平均11位くらいから22位までという急激な変化だったので、原因と対策を探してみたので紹介…

【css】アニメーションの再生を終了時で固定する方法!

こんにちはクリアメモリです! cssでアニメーションを実装すると、アニメーションが完了した時に最初へ戻ってしまいますよね。もしそのような場合に、アニメーションを終了地点で止めておくことができるので紹介します。

【はてなブログ】読者になるボタンを画像にしてめっちゃ目立たせてみた!

こんにちはクリアメモリです! 今回は、はてなブログの「読者になるボタン」を画像にして、より目立つようなデザインに変更する方法を紹介します。画像はなんでも良いので、自分のサイトアイコンや好きな画像を使って実装してみてください。

デベロッパーツールの背景を黒にして親しみやすいデザインに変更しよう

こんにちはクリアメモリです! 私は普段、SublimeTextという無料のエディタを使ってプログラミングをしています。そのエディタは、背景を黒に変更しているため、デベロッパーツールの背景が白くて違和感がありました。 そこで今回は、デベロッパーツールの背…

デベロッパーツールで0.1とか100ずつ値を変更するコマンドが超便利だった!

こんにちはクリアメモリです! はてなブログやWordPressなんかでサイトのカスタマイズを行っていると、デベロッパーツールで値を確認したり調整したりしますよね。そのような場合に値を0.1ずつや100ずつ、10ずつ調整する方法があるので紹介します。

【はてなブログ】公開した記事を予約投稿に戻す!同じ日に予約投稿しちゃった時に便利かも

はてなブログで記事を書いた時、誤って予約投稿の日時を間違えて記事を公開してしまったことはありませんか。その場合読者への通知も同時に表示されちゃいます。 そこで今回は、一度公開してしまった記事を予約投稿に戻してから再度日時を指定する方法を紹介…

はてなブックマークの通知をブラウザで受け取れる拡張機能ちゃんと使ってる?

はてなブログで運営している時、重要になってくるのが「はてなブックマーク」ですよね。できれば、はてなブックマークをもらった時は通知が欲しい。 はてなブログの管理画面に行けば通知を確認できるのですが、今回ははてなブックマークを「Chrome拡張機能」…

display:noneとvisibility:hiddenの違いって何?実際に比べてみた

cssでカスタマイズをしていて要素を隠したいなんて時がありますよね。 そのような時に、よく「display:none;」や「visibility:hidden;」を使うことになると思うのですが、これらはどちらも要素を隠すためのcssなんです。

【はてなブログ】読了時間を設置する方法!読むのに必要な時間を表示すれば滞在時間がアップするらしい

こんにちは! 今回は、はてなブログのタイトル下に「この記事は約何分何秒で読む事ができます」というような読了時間を表示させる方法です。 記事のコンテンツの目安を設置できるので試してみてください。

【はてなブログ】cssの見出しカスタマイズ例55種+α!上級デザイン編

前回、はてなブログの見出しカスタマイズ例を紹介しました。そこで紹介したのはシンプルなデザインだったのですが、今回はちょっと手の込んだカスタマイズをする「ちょっと上級編」です。 基本的にコピペでも使えるので試してみてください。

【はてなブログ】cssの見出しカスタマイズ例55種+α!シンプルデザイン編

前回、はてなブログのcssを使って見出しのデザインをカスタマイズする準備が整いました。そこで今回は実際に見出しのデザインcssをカスタマイズしていきましょう。 今回紹介するのは「シンプル」な見出しデザインです。

【はてなブログ】cssの見出しカスタマイズ例55種+α!準備編

こんにちは! 今回から数回に分けて「はてなブログの見出しデザインのカスタマイズ」について紹介していきます。色や細かい調整はあるものの、基本的にコピペで実装できるので試してみてください。 まずは、見出しデザインのカスタマイズをする前に幾つかの…

HTMLのリンクを新しいタブで開くようにするtargetの使い方!

こんにちは! HTMLでサイト内にリンクを貼り付けた時、同じタブで開くのか新しいタブで開くのか設定したい事がありますよね。そういった時は、HTMLでリンクを貼る時に使う「aタグ」にちょっとしたテキストを追加するだけで実装できるので紹介します。

display:noneってSEO的に使わない方が良いの?対策は?

こんにちは! cssのカスタマイズを行っていると、頻繁に使いたくなるのが「要素の非表示」ですよね。こういった時にdisplay:noneを使うことになるのですが、SEO対策としてはあまり良くないようなので調べてみました。

【はてなブログ】開閉式コンテンツ(アコーディオンパネル)でネタバレとかの表示・非表示を切り替える!

今回は、はてなブログの記事内で「開閉式コンテンツ」を使う方法を紹介します。 開閉式コンテンツを使えば、ユーザーがクリックしなければ表示されないコンテンツを作成できるので、漫画のネタバレのような非表示と表示を切り替えたいときに使ってみてくださ…

【はてなブログ】6月の運営報告!PVや収益は?たまには振り返ってみる

こんにちは! 今回は、WordPressからはてなブログに移転して初めての月が終わったので、その結果どうなったのか運営報告をしてみようかと思います。PVや収益の変化、モチベーションや書きやすさなどについて触れていきます。

WordPressからはてなブログに移転して良かったこと・悪かったこと

先日、WordPressで運営していた当サイトをはてなブログに移転しました。 そこで今回はWordPressからはてなブログに移転してから、1ヶ月使ってみて良かったと感じたことと、悪かったと感じたことについて書いてみようと思います。

【はてなブログ】記事のカテゴリーでn個目以降を非表示にする方法!

先日、サイドバーのカテゴリーに表示数制限を追加する方法という記事を公開しました。 その記事では、デザインから追加したサイドバーのカテゴリーでのみ動作するものだったので、今回は記事内に表示されるカテゴリーの数を調整する方法を紹介します。

【はてなブログ】サイドバーのカテゴリーに表示数制限を追加する方法!

こんにちは! 今回は、はてなブログでサイドバーに追加した「カテゴリー」ユニットで、表示されるカテゴリーの数に制限をつけてみようと思います。自分で決めた数だけカテゴリーを表示させることで、アクセスしてもらいたいカテゴリーを限定できますし、見栄…

はてなブログにPush7を導入してはてなユーザー以外の読者を集めよう!

はてなブログには、読者になるという機能がありますよね。これによって、読者登録してくれたユーザーの方に記事が公開された通知を送ることができます。 ですが、はてなブログの読者登録は、はてなIDを持っている方しか利用できません。そこで今回は「Push7…

PS4コントローラーはMacでも使える優れもの!超簡単な接続方法とキー設定を紹介する

こんにちは! 皆さんはPS4持ってますか?私は持っていません。持っているのはコントローラーだけです…。 なんでコントローラーだけ?と思うかもしれませんが、実はMacでPS4コントローラーをBluetooth接続できるんですよね。これが意外に便利なので今回は、Ma…

【はてなブログ】関連記事を設置する場所のカスタマイズ例10種!パンくず上やタイトル下、記事直下に関連記事を表示

先日、はてなブログでサイドバーに設置した関連記事を、記事下に移動させるという記事を書きました。その中で紹介した設置場所は「記事下」のみだったのですが、サイトによって関連記事を表示させたい場所は変わってくると思います。 そこで今回は、関連記事…

【はてなブログ】記事下に関連記事を表示させる方法!サイドバーから移動させるだけの簡単なカスタマイズ

はてなブログを使っていると、記事下に関連記事を表示する方法に悩みます。 デザインから設定する方法でも関連記事を表示できるのですが、設定後に公開した記事でしか表示されないんですよね。そこで今回は、サイドバーに設定した関連記事を記事下に表示させ…

Googleアナリティクスの拡張機能が便利すぎる!アクセス数やクリック数をページごとに確認するPage Analyticsの使い方

サイトやブログでアクセス解析をするために、ほぼ必ずと言って良いほど使っているのが「Googleアナリティクス」だと思います。このGoogleアナリティクスには、「Page Analytics」という無料のChrome拡張機能があって、とても便利なんです。 そこで今回は、Pa…

【はてなブログ】あのサイトのテーマかっこいい!って時に調べる方法

はてなブログで書かれたサイトを見ていて、この人のカスタマイズいいなー テーマ何使ってるんだろう?ってなることがあるかと思います。 実ははてなブログは、アクセスしたサイトのテーマを簡単に確認することができるんです。そこで今回は、自分以外のサイ…

【はてなブログ】一覧形式のトップページでアドセンス広告を表示させてみる

先日、はてなブログのトップページにアドセンス広告を表示する方法を紹介しました。 その中で紹介した方法だと、トップページの表示形式が「一覧形式」だとうまく表示されなかったため、今回はトップページが一覧形式の時に、アドセンス広告を表示する方法を…

新着記事