Qiita - jQueryタグが付けられた新着投稿

Bootstrap4+jQueryでカレンダーを使ってみよう!

SN

9/14 14:23

ども!デザインエンジニアのMasaです。




なんのために共有するのか?

初心者が自走できるようになるまでのあしあとを残すことによって、後から学習する人がどういう道のりをたどればいいのかわかるように...

スライドショーを実装するjQueryプラグインやライブラリはどれを選べばよいのか。

SN

9/14 01:52



いつも同じプラグインを使い回せるとは限らない

これはまで数えきれないほど多くのサイトで採用されてきた、スライドショー・写真ギャラリー。

自分で1からJavaScriptを書かなくても、数多く配布されてい...

Springboot+JQueryを使ってDRAG&DROPでファイルをアップロードする。

SN

9/14 00:36



ファイルをDrag&Dropしてアップロードをする要件があったので投稿します。


1.HTML


index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf....

tabulatorの使い方①

SN

9/11 10:28

tabulatorを触ってみて、ほんと便利と思ったが、マニュアルが英語しかなく見づらい。

ある程度、機能について理解できてきたため、書いてみる。


テーブルの宣言

// テーブルを定義
$("#hogeTable"...

tabulatorの使い方①

SN

9/11 10:28

tabulatorを触ってみて、ほんと便利と思ったが、マニュアルが英語しかなく見づらい。

ある程度、機能について理解できてきたため、書いてみる。


テーブルの宣言

// テーブルを定義
$("#hogeTable"...

jqGrid:セルの属性値を設定したいとき

SN

9/8 21:08



JQGRID使用方法

Jqgridバージョン:v5.3.0


セルの属性値を設定したいとき

ある特定の値の時に文字色を赤色にしたい。背景色を変更したいという要望がると思います。

こういったときに使用するのが、「c...

Railsで remote: true と js.erbを使って簡単にAjax(非同期通信)を実装しよう!(いいね機能のデモ付)

SN

9/8 17:25

今回はRailsでのremote:trueとjs.erbファイルを用いた非同期通信について、わかりやすさ重視でまとめてみました。

非同期通信を用いたいいね機能のデモ動画及びコードの実例を使いながら説明していきます。

...

jqGrid:セル表示値の変換

SN

9/7 23:51



JQGRID使用方法

Jqgridバージョン:v5.3.0


Gridに値を表示するときに別の値に変換したいとき

このカラムには、別のカラムの値を足して表示したい。

コード値をコードの名称に変換して表示したいといっ...

jqGrid:行データ取得

SN

9/7 23:49



JQGRID使用方法

Jqgridバージョン:v5.3.0


Grid内の項目を取得する方法

Grid内の項目値を取得するには、「getRowData」「getLocalRow」のどちらかのメソッドを使用するのが一般的だと思います。

次のソ...

再利用可能なページ読み込み?load()とajax()の違い

SN

9/7 22:19


javascript.js
$('div').load('other.html');



"other.html"というファイルを読み込むんだな。

とわかった人は飛ばしてください。

分からなかった人へ:上記の通りです。次へ進んでください。


load()と...

はぢめてのChrome拡張ーマネーフォワードを便利にする

SN

9/7 17:41

Chromeの拡張機能の勉強をするために、マネーフォワードの拡張機能を作りました。


マネーフォワードの拡張機能 moneyfoward extention



きっかけ

Chrome拡張で何かしたいなぁと思っていたところで、普段か...

jQueryでoptionタグにselectedを付与する際はattrではなくpropを使う

SN

9/6 01:09



概要


会員登録フローで、あるプルダウンの項目が未入力の場合、デフォルトでvalue="4"の項目を選択した状態にしたい

attr()で実装すると、iPadで閲覧した際に、初期値の空白とvalue="4"の項目がselectedにな...

【jQuery】モーダルウィンドウの構造を理解しよう!その1(未完)【単一画像】

SN

9/5 16:45

モーダルウィンドウって地味によく使いますよね。

今ちょうど文字がいっぱい詰まってる画像を使うところで見にくいからクリックで拡大表示させたい案件発生中です。

せっかくなのでモーダルウィンドウを...

PHP×jQuery(JS)×JSONでデータの送受信

SN

9/5 03:22



はじめに

最近PHPの便利さに気づいた僕です。

サーバー側のプログラミングは初めてだったけど思ったほど難しくなかったです。

では、そのPHPとJSでデータを共有させて見たいと思います!

今回はJSの...

iPhoneXで閲覧しているかどうかをJavaScriptで判定したい!

SN

9/5 01:51

iPhoneXで閲覧しているか否かは、このように取得できそうです。

画面下付きのメニューをつけたいけど、画面下のホームに戻るバーなどが邪魔なのでデザインを調整したい!なんて時にも活用できます。

var isI...

Qiitaの通知一覧から、いいねしてくれたユーザーのページに直リンするUserscriptを作った 非jQuery版

SN

9/3 09:07

Qiitaの通知一覧から、いいねしてくれたユーザーのページに直リンするUserscriptを作った - Qiita

Qiita警察だ!!

とっても便利な機能!なのですが、一身上の都合によりネイティブで使いたいため書き換えさせ...

Ajax(非同期通信)についてわかりやすさ重視でまとめてみた(Rails使用のデモ付)

SN

9/2 21:04

Webアプリケーション開発を学ぶ中で、多くの人がハマる(と思われる)ポイントであるAjaxについて、

未経験の身で学んだ視点から、わかりやすさ重視でまとめてみました。

今回はjQueryとRailsとjbuilderを用い...

JavascriptとCSSで簡単な文字アニメーション

SN

9/1 20:23



作るもの

文字列をバラバラにしてランダムに動かす。

画面をタップするごとに 整列⇔シャッフル が切り替わる。

See the Pen Shuffle Strings by snst.lab (@snst-lab) on CodePen.




テストペ...

jQueryのhtml()とtext()の処理速度の速さについて

SN

9/1 11:43

自分の勉強用のメモ。

業務でjQueryを使用しているのですが、html()とtext()の処理速度が1秒ぐらい違います。

実際に計測してみました。


index.html
<!DOCTYPE html>
<html>

<head>
&l...

jQuery初心者はこれだけでOK!progateで学習したjQueryまとめ

SN

8/31 19:07



なんのためにまとめるのか?

将来的に

「えーっと、jQueryってどう書くんだっけ…?(てへぺろ)」

って困っている自分の未来が容易に想像できるので、

1:備忘録として残し

2:書きながら復習をして...

CSVファイルをドラッグ&ドロップでデータをtable表示

SN

8/31 18:21


base.html
<div id="drop_wrap">
<p>ファイルをドロップしてください</p>
</div>
<table id="data_result">
<thead>
<th>見出し1</th>
<th>見...

未経験から3ヶ月でアプリケーション作ってみた

SN

8/31 17:23



どんなものを作ったのか

未経験から、Java、MySQL、jQuery、Springなどを勉強して

アプリケーションを作りました。

よくあるホームページって感じです。

機能としては、会員登録・会員情報変更・予約...

Progate「jQuery 初級編」に登場するメソッド、イベント

SN

8/31 16:55

備忘録として、Progate「jQuery 初級編」に登場するメソッド、イベントをまとめてみました。


メソッド


showメソッド

隠れた要素を表示する

$('セレクタ').show();



hideメソッド

要素を隠す

$('セレク...

脱jQueryのためのメモ

SN

8/31 12:24

jQueryに頼らないために、頼るもののメモ。

(IE11対応のためのポリフィル等も含む)

随時更新。


DOM操作

Vanilla JS


カルーセル

Swiper

http://idangero.us/swiper/


スムーススクロール

Smoot...

ティラノビルダーで選択待機ボタン作成&カーソル乗るとSE

SN

8/30 23:55



ティラノビルダーで選択待機ボタン

ティラノビルダーでの選択待機ボタンの記事がなかったしこれからも使うと思うから、当たり前な技術かもしれないけどメモ

ティラノビルダーの機能すごく便利だったけど、や...

jQuery の parents() を JavaScript オンリーでやる

SN

8/30 18:04

jQuery の parents() は、指定の要素からの親が全部取得できるので便利です。

JavaScript で書くと以下のような感じですかね。

上が jQuery 、下が JavaScript オンリーです。


main.js
(function () {
...

【脱jQuery】closestをネイティブのjavascriptで書く

SN

8/30 15:47



はじめに

大変便利なjQueryメソッド closest()。

脱jQuery して 簡易的ではありますが、javascript のみで書いていきたいと思います。


jQuery


jQuery
$('.selector').closest('.target');




javascr...

jQueryのDOM操作に疲れたあなた!そんなあなたにVue.js!

SN

8/30 10:48



はじめに

※ この記事の内容について、あくまで一個人の意見ですので、異論は認めます。

今更ですがVue.jsに入門したのと、何を血迷ったのか、いきなり自社サービスをVue.jsでリニューアルしてある程度落ち着...

【プラグインなし】横スクロールなHTML要素の上下にスクロールバーを設置する

SN

8/29 13:56

通常、横スクロールなHTML要素であれば、要素の下にスクロールバーが出ますが、以前案件で、HTML要素の上にもスクロールバーを設置するというものありました。

その際に使用した、プラグインは使わずにjQuery...

JQueryでappendしたオブジェクトを消す

SN

8/29 13:54

探せば、他の人の解説でいっぱいでるが、自宅外から参照する場合の、自分用備忘録として記載する。


 課題

JQueryのappendしたものでは、単純にClickイベントが発生しない、なんでも「.clickは新たに追加され...

PR:bitflyer

bitFlyer ビットコインを始めるなら安心・安全な取引所で