WEB
こんにちはクリアメモリです！ 皆さんは、PCを使っていて読めない漢字が出てきた時、どのように読み方を調べますか？ それっぽい読み仮名で調べたり、誰かに聞いたり。 iPhoneであれば、手書きキーボードを追加して直接書いて調べることができるのですが、実…
こんにちはクリアメモリです！ 今回は「レバテックキャリア」様のサイトにて、当ブログ「クリアメモリ」の記事を掲載いただきましたので、記録も兼ねて紹介しておきます。 実際に掲載された「Page Analytics」の記事に加えて、掲載までの経緯なんかも一緒に…
こんにちはクリアメモリです！ みなさんはTwitterを利用していて、フォロワーの数を意識しますか？ 今回は、購入したフォロワーや非アクティブになっているフォロワーなど、いわゆる「偽物フォロワー」の比率を調べられるWEBサービス「Fakers」を紹介します。…
こんにちはクリアメモリです！ YouTubeで好きなシリーズを見るときに「再生リスト」を活用しますよね。 ですが、再生リストで動画を見ていると自動再生されるんです。 寝落ちした時にも再生され続けてしまいます。 そこで今回は、YouTubeの再生リストから普…
こんにちはクリアメモリです！ サイトをカスタマイズしている時「©（コピーライト）」や「▼（逆三角）」などを使うことがあると思います。 このような記号はHTML特殊文字と呼ばれており、対応したコードを入力することで自動的に書き換えられているんです。 …
こんにちはクリアメモリです！ 先日・その前と続き、cssを使って強調（ハイライト）の色を設定してきました。同じ方法を使って、逆にハイライトさせないようにすることもできるので紹介します。
こんにちはクリアメモリです！ 先日、cssで強調（ハイライト）の色を変更する方法を公開しました。その記事の中で、テキストだけを強調表示させることができると書きました。 そこで今回は、cssでテキストだけを強調（ハイライト）して色を変える方法を紹介…
こんにちはクリアメモリです！ サイトないのテキストをドラッグすると部分的に色が変わりますよね。これを強調やハイライトなどと呼ぶのですが、今回はcssでこの色を制御する方法を紹介します。 PC側で設定されていても、自分のサイト内でだけは任意の色に変…
こんにちはクリアメモリです！ みなさんはWEBサービスのパスワード管理、どのようにしていますか？複数のアカウントで同じパスワードを使うのは危険ですよね。 そこで今回は、１つのパスワードで一括管理できるサービス「SKUID」を紹介します。
こんにちはクリアメモリです！ プログラミング系や海外製品について検索したとき、記事のタイトルが英語で、内容がイメージできないってことはありませんか？実は拡張機能を使うだけで、Chromeの検索結果を翻訳できるので紹介します。
こんにちはクリアメモリです！ 先日、Vivaldiというブラウザに乗り換えました。 その理由は、実際に使ってみて「軽量」かつ「多機能」でChromeよりも使いやすかったんです。デザインも自由にカスタマイズできて便利すぎたので紹介します。
こんにちはクリアメモリです！ cssでデザインをカスタマイズしていて、aタグで設置したリンクのクリックできる範囲に困ったことはありませんか？ちょっとしたコードを使えば、ボタン全体をリンクにすることができるので紹介します。
こんにちはクリアメモリです！ 今回は、cssで使われる単位の「px」「em」「%」はどのような違いがあるのかについて紹介します。これらはそれぞれ、使われるタイミングが変わってくるので参考にして見てください。
こんにちはクリアメモリです！ 今回は、ブログを運営していく上で重要になってくる「noindex」のお話です。コンテンツ量の少ない記事をnoindexにすることで、サイト全体の評価をあげられる可能性がありSEO的にもプラスに影響するので紹介します。
こんにちはクリアメモリです！ cssでアニメーションを実装すると、アニメーションが完了した時に最初へ戻ってしまいますよね。もしそのような場合に、アニメーションを終了地点で止めておくことができるので紹介します。
こんにちはクリアメモリです！ 私は普段、SublimeTextという無料のエディタを使ってプログラミングをしています。そのエディタは、背景を黒に変更しているため、デベロッパーツールの背景が白くて違和感がありました。 そこで今回は、デベロッパーツールの背…
こんにちはクリアメモリです！ はてなブログやWordPressなんかでサイトのカスタマイズを行っていると、デベロッパーツールで値を確認したり調整したりしますよね。そのような場合に値を0.1ずつや100ずつ、10ずつ調整する方法があるので紹介します。
こんにちはクリアメモリです！ cssでカスタマイズをしていて要素を隠したいなんて時がありますよね。 そのような時に、よく「display:none;」や「visibility:hidden;」を使うことになると思うのですが、これらはどちらも要素を隠すためのcssなんです。
こんにちはクリアメモリです！ 前回、はてなブログの見出しカスタマイズ例を紹介しました。そこで紹介したのはシンプルなデザインだったのですが、今回はちょっと手の込んだカスタマイズをする「ちょっと上級編」です。 基本的にコピペでも使えるので試して…
こんにちはクリアメモリです！ 前回、はてなブログのcssを使って見出しのデザインをカスタマイズする準備が整いました。そこで今回は実際に見出しのデザインcssをカスタマイズしていきましょう。 今回紹介するのは「シンプル」な見出しデザインです。
こんにちはクリアメモリです！ 今回から数回に分けて「はてなブログの見出しデザインのカスタマイズ」について紹介していきます。色や細かい調整はあるものの、基本的にコピペで実装できるので試してみてください。 まずは、見出しデザインのカスタマイズを…
こんにちはクリアメモリです！ HTMLでサイト内にリンクを貼り付けた時、同じタブで開くのか新しいタブで開くのか設定したい事がありますよね。そういった時は、HTMLでリンクを貼る時に使う「aタグ」にちょっとしたテキストを追加するだけで実装できるので紹…
こんにちはクリアメモリです！ サイトやブログでアクセス解析をするために、ほぼ必ずと言って良いほど使っているのが「Googleアナリティクス」だと思います。 アナリティクスには「Page Analytics」という無料のChrome拡張機能があり、Googleアナリティクス…
こんにちはクリアメモリです！ はてなブログで書かれたサイトを見ていて、この人のカスタマイズいいなー テーマ何使ってるんだろう？ってなることがあるかと思います。 実ははてなブログは、アクセスしたサイトのテーマを簡単に確認することができるんです。…
こんにちはクリアメモリです！ 前回、SublimeTextでフォントサイズを変更する方法を紹介しました。 似たようなカスタマイズを行うことで、インデントのスペース幅（Tabキーを押した時にできる空白の大きさ）を調整することができるので紹介します。
こんにちはクリアメモリです！ 今回は、無料テキストエディタのSublimeTextのカスタマイズを紹介します。 ディスプレイからの距離が遠かったり、前に使っていたエディタとフォントサイズを同じくらいにしたいと言った時に、SublimeTextでカスタマイズするに…
こんにちはクリアメモリです！ SublimeTextなどのテキストエディタを使って処理を記述する時、同じようなコードを繰り返し記述することが多いですよね。HTMLでは、<head>や<body>などです。 SublimeTextであれば、「スニペット」という機能を使うことで、自由に定型文を</body></head>…
こんにちはクリアメモリです！ 今回は、はてなブログのトップページにアドセンス広告を設置する方法を紹介します。 トップページの下（ページャーの上）にアドセンスを設置することで、トップページを訪れてくれた方の目に止まりやすくなると思いますので参…
こんにちはクリアメモリです！ 先日、はてなブログの記事中に目次を設置する方法を紹介しました。 もし、目次に表示する見出しの数が10以上あったりして、目次だけでページが埋まってしまうような場合、開閉式にすることでスペースを削減できます。 そこでは…
こんにちはクリアメモリです！ はてなブログでサイトのデザインをカスタマイズする場合、【デザインCSS】という欄にcssを記述していくと思いますが、スマホ版だとこの項目が存在しませんでした。 そこで、今回はスマホ版のデザインCSSをカスタマイズする方法…
