jQuery ローカルでリンク集 ただのリンク集のHTMLですが、JSの配列を読み込むように作られたシンプルに整形したサンプルです。 業務用PCなどでウェブサービスの利用に制限がある時、あるいは自分用のリンクメモだからネットにあげたくないような時、ローカルでリンク集を作ることがよくあり... 2022-06-12 22:35:43
jQuery CSVを参照する 同じサーバ内にあるCSVを参照して、パースするサンプルです。 サーバ内に置かれているCSVを読み込み、HTMLを組みます。 jQueryとjQuery-CSVというライブラリを利用します。 [[ id,name,price 1,A,100 2,B,150 3,C,... 2021-05-30 00:43:12
JavaScript 音とアニメーションの連携 音が出るボタンを設置し、音に合わせて動きをつけるサンプルです。 このサンプルはjQueryとhowlerJSを使って、音がでるボタンを作り、音から抽出した音の長さを使って、CSSでアニメーションを実装しました。 howerJSというオー... 2021-01-31 23:53:53
JavaScript クリックして直線を描く 画像の上を2回クリックすると直線を引くことができるサンプルです。 ユーザーに画像か何かの要素の上で、直線を引かせたいときがあるとします。(稀ですが) 開始の点と終了の点をクリックすると、要素の上に直線が現れます。... 2020-09-22 23:28:39
Backbone.jsとjQuery Backbone.jsとjQueryの描画やイベント発生の基本的なサンプルです。 Backbone.jsは、JavaScriptのフレームワークの一つです。 JavaScriptはできることが幅広く、その中でデータのやりとり周りをゼロから構築することはけっこう... 2019-08-08 00:50:57
jQuery 消去法のUI 一覧になっている要素をユーザの操作で削除するUIのサンプルです。 ニュースやECなど閲覧の傾向からレコメンドされることはありますが、私はそのおすすめが気に入らないことがよくあります。 裏でいろいろな仕組みが動いて、最... 2019-08-07 23:58:46
jQuery 要素を追加・移動する appendとappendToのメソッドの違いを知っておくと要素の追加と移動がかんたんになります。 appendとappendTo、それぞれどんなメソッドかというと、追加したい要素を追加先の末尾に追加するという同じようなメソッドです。 [[$("追加先(セレクタ... 2019-08-07 23:29:41
jQuery 要素を追加するいろんな方法 ページを表示したり、ボタンを押したりしたとき、画像やテキストなど要素を追加するサンプルです。 jQueryで要素を追加するメソッドは複数あります。 知っておくといろんなUIを作るときに便利です。 どんな違いがあるかというと以下のように、追加する場所... 2019-08-07 23:24:08
jQuery JSONの読み込み jQueryを使ってJSONを読み込むサンプルです。 getJSON関数を利用します。 [[jQuery(function(){ var jsonPath = ''; $.getJSON(jsonPath,function... 2019-08-03 12:18:27
jQuery 指定の高さを超えたらボタンを表示 文章のデザインを組んでいる時に、高さを抑えたい場合がたまにあります。 スクロールをつけることもありですが、他に以下のように隠れた情報は、ボタンを押す... 2019-07-29 06:11:18