クリアメモリ

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

javascript

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

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

【はてなブログ】記事のタイトル上にアドセンスを設置するカスタマイズ!

こんにちはクリアメモリです! 今回は、はてなブログで「記事のタイトル上」にアドセンスを設置する方法を紹介します。 JavaScriptと組み合わせることで簡単に設置でき、広告コード以外はほぼコピペOKでカスタマイズ可能です。 アドセンス設置の際は、注意点…

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

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

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

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

【はてなブログ】読了時間(この記事は○分で読めます)を設置する方法!滞在時間がアップするらしい!

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

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

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

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

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

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

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

【はてなブログ】ツイートされたら通知が来るようにする方法!

こんにちはクリアメモリです! 先日、はてなブログの記事内にSNSシェアボタンを設置する方法を紹介しました。 その中で設置したTwitterボタンから記事がツイートされた時に、自分で管理できたら便利ですよね。実は、ツイートに自分のアカウントをメンション…

【JavaScript】Canvasで文字や図形に影をつけてみよう

こんにちはクリアメモリです! これまで、幾つかの記事に分けてCanvasの使い方を紹介してきましたが、今回は図形や文字に影をつける方法を紹介します。 文字や図形に影をつけることで、立体的に描画することができますので試してみてください。 ==== はじめ…

【javascript】Canvasで文字を描画するfillTextの使い方

こんにちはクリアメモリです! 先日、Canvasを使ってWeb上に星や直線、円などを描画する方法を紹介しました。 実はCanvasには「fillText」というメソッドを用いることで「文字」を書くこともできるので紹介します。

【JavaScript】canvasで描いた線がぼやける時の対処法

こんにちはクリアメモリです! 前回、canvasを使って図形や円を描画する方法を紹介しました。 その中で直線を描画した時に線がぼやけて表示されてしまったかと思います。 今回はそのような時の対処法について紹介します。

【JavaScript】Canvasを使ってWeb上に星や丸を描いてみよう

こんにちはクリアメモリです! htmlのcanvas要素を javascript を使って値を指定することによって、web上に直線や星などの図形を描くことができるようになります。 今回はcanvasで図形を描くために必要なコードを紹介していきます。

【JavaScript】$(window)と$(document) の違いって説明できる?

こんにちはクリアメモリです! javascriptを使っていると、「$(window)」と「$(document」というコードがよく出てくるのですが、今回はこれらのコードの違いについて紹介します。

新着記事