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

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

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

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

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

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

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

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

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

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

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

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

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

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