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

今回は、はてなブログの記事を検索結果から除外する【noindex】を、特定の記事だけ追加する方法を紹介します。 他のサイトを調べたところ、記事の最初にコードを記述するというような方法の紹介が結構あっ...

先日、はてなブログにシェアボタンを設置する方法を紹介しました。 その中では、シェアボタンを記事上や記事下に設置したのですが、今回はスマートフォンでアクセスした場合のみ、シェアボタンを画面の下に追従さ...

今回は、はてなブログのトップページにアドセンス広告を設置する方法を紹介します。 トップページの下（ページャーの上）にアドセンスを設置することで、トップページを訪れてくれた方の目に止まりやすくなると思...

先日、はてなブログの記事中に目次を設置する方法を紹介しました。 もし、目次に表示する見出しの数が10以上あったりして、目次だけでページが埋まってしまうような場合、開閉式にすることでスペースを削減でき...

  先日、【はてなブログ】で記事中に目次を表示させる方法を紹介しました。 その記事の中で紹介したコードは【大見出し(h2)】を元に見出しとして表示していたのですが、このコードを改良することで、h3も...

  はてなブログで記事を作成する時、大見出し(h2)や中見出し(h3)などを使って書いていくかと思います。 そのような場合に、見出しごとに目次を表示できたら読んでくれた方に、記事の内容を伝えやすくな...

WEBでサイトを見ていると、記事を読み終わったタイミングや読み始めのタイミングで、ページ上部や目的の項目が書かれた箇所まで自動スクロールしたい時がありますよね。 そのような動作もjQueryを使えば...

HTMLのCanvasというコードを使うことによって、WEB上にお絵かきできるサイトを作成することができます。 Canvasの使い方が分かれば、直線や図形を描けるようになるのでチェックしてみてくださ...

javascriptやjQueryを使うことによって、様々なプログラムを組むことができます。 そこで今回は、jQueryを使って時間を計ることができるストップウォッチを作ってみようと思います。...

jQueryでは、cssをいじることによって要素の値を変更することができます。 そこで今回は、jQueryを使って「要素がクリックされたら、その要素を回転させ続ける」方法を紹介します。...

javascriptで動きを付ける際に「jQuery」という機能を使う事によって、より理想的な動きができるようになります。 ですが、jQueryをコードから使うためには準備が必要になりますので、今回...

先日は、同じ要素を順番にアニメーションする方法を紹介しました。 ですが、アニメーションのような動作をさせる場合、必ずしも同じ要素で実行させるとは限りませんよね。 そこで今回は別の要素でアニメーション...

前回、アニメーションが完了した後に処理を呼び出す方法を紹介しました。 前回の記事では「complete」を使ったのですが、連想配列を使うことでアニメーションを順番に実行させることもできるので紹介しま...