refirio.org

おめでとうございます。

タブに見出しを表示し、クリックするとその内容が表示される仕組みです。少ないスペースにたくさんの情報を格納することができます。

• サンプル

利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。

以下、内容を解説していきます。

続きを読む

CSSをブロックを並べると、それぞれの高さを揃えるのが難しいことが解ります。高さをピクセル単位で指定することはできますが、それだとブロック内の文字数が変わったときに入りきらなくなる問題があります。これは、JavaScriptで要素の高さを揃えるプラグインです。

• サンプル

利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。

以下、内容を解説していきます。

続きを読む

<a href="#abc">abc</a> のように a タグを書くと、ページ内で移動するリンクを設置できます。このようなリンクをクリックした際、アニメーションでページ内を移動できるようにする方法です。サンプルを触ってみるのが解りやすいと思います。

• サンプル

利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。

以下、内容を解説していきます。

続きを読む

深愛をアップロードしてから半年が経ったので、また演奏動画をアップロード。楽譜は、シナリオアルティマニアに掲載されていたものです。

後で気付いたけど、原曲より少し早いテンポになってしまっています。弾く直前に原曲を聴いて確認しておくんだった…。（´・ω・｀）もう自分の中では「弾き終えた」感があるので、撮り直したりはしないけど。すごく早いわけでも無いし。

ちなみに最初アップロードしたら、何故か動画の再生が途中で止まってしまう状態でした。アップロードしなおしたら普通に再生されるようになったけど、結局原因は不明。そんなこともあるのかな…。

明らかなミスタッチは無いけど、強弱の付け方は所々ミスしている。それでも何十回か撮って（ミスタッチ無しで弾けたのは数回）一番良いのを選んだので、今の自分にとってはよく弾けた方。（｀・ω・´）

JavaScriptの標準命令のみでCookieを扱うのは若干面倒ですが、jquery.cookie.js を利用すると簡単に扱うことができます。

• サンプル

jquery.cookie.js は GitHub からダウンロードすることができます。

続きを読む

一時期よくFlashで作成されたスライドショーですが、今はJavaScriptのみで作成されることが多いです。サイトのトップページで、一定時間ごとにメイン画像を切り替えたりすることができます。

• サンプル

利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。

以下、内容を解説していきます。

続きを読む

前編の続き。

続きを読む

jQueryを使うと一からゴリゴリとJavaScriptを書くよりも、プログラムが短くスッキリしたものになります。

なので他のページに移植するのは比較的容易ですが、プラグインにしておくと導入がもっと簡単になります。他人にファイルを渡して導入してもらう場合も、最低限の指示で導入できるようになります。

jQueryのプラグインは色々なサイトで配布されていますが、同じように自分でもプラグインを作成することができます。

という訳で、普通のjQueryコードをプラグインにする方法のメモ。プラグインの書き方は何通りもあるので、あくまでも「自分ではこう書いている」というものです。（jQueryの基礎知識があることを前提としています。）

続きを読む

半年ほどほとんど何もアウトプットできなかったけど、この半年ほどでいじった内容をブログに書いていくとします。そんなに高度なものはないけど、ブログに書いたりプログラムを配布したりすると、若干曖昧なままになっている知識も整理できるし、不具合とか勘違いとか教えてもらえて後々役に立つことがあるので。（｀・ω・´）

という訳で年末年始は、できれば1日1回はブログに技術的なことを書いて、「いつか試したい」で放置していた事にも手を出すとします。