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

jQueryとbootstrapのDatePickerを同時に使う方法

SN

5/25 09:39



目的

jQueryとbootstrapのDatePicerを合わせて使う


経緯

既存のシステムがjQueryのDatePicerを使用しているが、

期間のフィールドを追加する事となり、jQueryのDatePicerではフィットする機能がなかっ...

画像を縮小してからアップロード

SN

5/24 16:06

画像アップロードフォームを作りたい。

しかし、現在はスマホの画質が良すぎるためアップロードに時間がかかる。

ということで、一旦javascriptで縮小してからアップロードするという方法にする。

jquer...

Jquery cookieの使い方

SN

5/24 10:15

jQuery.cookie.jsでクリックしたら次回から表示させないようにする

Cookieで開閉の保存

ajaxでServletにnullを投げると空欄""に変換される

SN

5/23 18:20

ajaxからServletにリクエストを投げる場合、nullは空欄に変換されました。

紛らわしい。。


sampleAjax.js

var sampleAjax = function(){

//リクエスト
var request = {para : null};

//aj...

jquery ui 入力できるコンボボックス

SN

5/22 17:21

<!doctype html>









jQuery UI Autocomplete - Combobox







.custom-combobox {

position: relative;

display: inline-block;


}

.custom-combobox-toggle {

position: absolute;

top: 0;
...

GAS(GoogleAppsScript)を使ってみる #005

SN

5/22 15:12



概要

 スプレッドシート出社記録を付けているのだが、この表何と手作り(* ´艸`)クスクス

無くなったら新たに作成するのですが、、、(コピペと日付直しと祝祭日のセルカラー変更と~などちまちました操作が...

SeleniumをJQuery風に使えるようにしてみた

SN

5/21 14:18

SeleniumはWebシステムの自動テストにはとても便利なのですが、

手動でテストコードを書こうと思うと長くなるし

クリックできるようになるのを待つ、actionでクリックする、など

コツを掴まないと思...

jQueryの$ってDOM扱ってるっぽくて安心するのでVannila JSに導入する

SN

5/21 10:23



$はとても安心する

今回は$はとても安心するを主題に執筆を開始しますが、そのなぜ安心するかというのは主に


長期間のjQuery使用による 刷り込み 慣れ


だとは思います。

今回はVannila JSで$を素敵に...

jQuery フォームボタンに応じて遷移先を変更する。

SN

5/20 23:58

どうも、ゆうきゃんです。

いさおさんから1日に7記事Qiita書いて!

というとんでもない無茶振りをいただきました。

連続投稿7記事目。1日に7記事書けって鬼畜だった。この達成感は半端ないゾ。やりきっ...

jQuery フォームクリアボタンを作る。

SN

5/20 23:26

どうも、ゆうきゃんです。

いさおさんから1日に7記事Qiita書いて!

というとんでもない無茶振りをいただきました。

連続投稿6記事目。モウジカンガナイ。


背景

フォームをクリアするためのボタンって...

TweenMaxを使ったアニメーション例

SN

5/20 17:55



記事概要

TweenMax.jsを勉強した際にできた副産物達を、めちゃくちゃ雑な解説と共にとっておく為のメモ記事。

これからTweenMaxを勉強する人の助けになれば幸いです。誤りなどございましたらご指摘お願い...

Webサービスのページ遷移をモーダルで表現する[開発メモ]

SN

5/20 16:16



はじめに

トビデモを作った際に、機能のキモとして、

ページの画面遷移を作成する編集画面の実装方法をメモしています。


はじめに



Webサービスのページ遷移を表現するために、スクリーンショットをモ...

手軽に実装するもっと見るボタン

SN

5/19 21:44



はじめに

一覧表示を行うようなページでは、スクロールと共にコンテンツが表示されたり、もっと見るリンククリックでコンテンツが追加されるといったSPA(シングルページアプリケーション)での実装を検討する...

HTML5とjQueryでrequired�でチェックを行った後、form�をsubmitする

SN

5/18 18:34


requiredが動いた後、formをsubmitしています。
また、二重submitできないようにbuttonのdisabledをtrueにしています。



test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta ch...

Excel から Web フォームに一括ペースト

SN

5/17 21:23



はじめに

Excel から Excel へなら、複数のセル(複数の項目)を一度にコピペすることができます。しかし Excel から Web フォーム上へデータをコピペしたい場合は、なにもしなければ1セル(1項目)ずつコピ...

store.js で 閲覧履歴の管理

SN

5/17 16:30

閲覧履歴を管理したい。

今回は、javascriptのみで行う。


<script src="/js/store/store.everything.min.js"></script>

<script>

$(function () {

screen_name = '<?=...

sortableで並び替えたらBackbone.Collection,Viewも並び替えるjQueryプラグイン

SN

5/17 11:45



前段

今更ながらBackbone.jsネタです。

jQueryUIのsortableを使えば、ドラッグ&ドロップによる要素の並び替えが簡単に実現できます。ただ、Backbone.jsと使用する場合にはちょっと面倒なことがあります。

...

気持ち悪いjQuery.Deferred()の挙動

SN

5/17 10:41

なんでタイプエラーにならないの。。。


$.Deferred().resolve()
.then(null)
.then(function(){
alert('hoge');
});


確かにjQuery内部の処理を見ると、nullでも次のpromiseを見るようになっていた。。

本田圭佑の言葉どおり「プロフェッショナル」が「ケイスケホンダ」と言われるようにしてみた

SN

5/17 03:09



はじめに

年末のクソアプリ advent calenderでジャルジャルのネタを再現して以来クソアプリを作ることが出来ていなかったが、NHKプロフェッショナルの本田圭佑の会がTwitterで盛り上がっていたので、雑にクソ...

準備:jQueryをCake2で使えるようにする

SN

5/16 21:09

※この記事はCake2系の開発環境を利用する方を対象にしています。


????手順

開発環境内にjQueryを導入することでDBを経由するよりも少ない負担で処理が行えます。その準備手順を紹介です。

1. jQueryをダウ...

canvasのサイズ指定

SN

5/15 23:28

canvasのデフォルトサイズは、幅300px、高さ150px。

canvasのサイズを変更したい場合は、canvasタグのwidth属性、height属性を変更しなければならない。cssでスタイリングすると、canvasのデフォルトサイズから...

円グラフをjQueryでフェードさせながら表示

SN

5/15 14:42

円グラフをjQueryで順番にフェードさせる簡単な方法です。

「jQueryに詳しくないけど動きをつけたい」という方はぜひ参考にしてください。

デモ

https://aruto-room.github.io/demo/graph.html

コード
...

サーバレスアプリ開発をjQueryでがんばらないためのVue.js

SN

5/15 02:36

サーバレス構成のWebアプリ開発を担当し、そこでVue.jsを使ってみたので採用した経緯と、Vue.jsの何を使ったかを紹介する。


これまでのWebアプリ開発

JavaのWebアプリ開発ならThymeleafやFreemarkerなどのテン...

SVGでoffsetの取得ができない(safari)

SN

5/14 18:50



はじめに

SVGのアニメーションを実装している時にひっかかったので、備忘録です。


事象

下記のようにoffset().Topを取得して、位置判定に使用するつもりでした。

chrome,firefox,androidではきちんと取...

jQuery's note

SN

5/14 17:22



jQueryやtransit.jsを'$','jQuery'以外の変数に閉じ込める


JavaScript - #jQuery global領域に'$'や'jQuery'をおかずに読み込む方法(117783)|teratail
上記回答1番目の説でいくと、transit.jsは


コード1行...

#Web #UI おすすめライブラリ編

SN

5/14 16:59



カルーセル:



https://flickity.metafizzy.co/ 実現方法が優秀で動作がきれい

jquery文字数カウント (指定文字以上)

SN

5/14 12:02

最低でも、30文字以上いれてくれよなっ!

ということをする。

参考

https://qiita.com/koba0124/items/f18bda8d9b8d153ba635

ということで早速コード。


これで 30文字以上でないと赤くエラーが表示さ...

【Laravel】Flat UIとBootstrapでデザインをする。

SN

5/13 19:54



デザインが壊滅的

今は、簡単な掲示板アプリの作成を目的に、サーバーサイドの学習を中心に進めている。しかし、作っているのは骨組みだけで「デザイン」を全く考慮していなかった。

ここで、ある程度デザイ...

kintone 詳細画面にjQuery UI のダイアログを表示するサンプル

SN

5/13 09:21

kintoneの詳細画面にダイアログを表示するサンプルです。


サンプルアプリ画面




実装方法


詳細画面にダイアログ表示用のボタンを設置(詳細画面のメニュー右の空白を利用)
ダイアログ画面のHTMLを準備(変...

svg の外部ファイルを読み込む (img src と jQuery load)

SN

5/13 07:30

svg の 外部ファイルを、 img src と jQuery load で読み込んでみました。

実行結果

Chrome





Firefox






index.html
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta http-equiv...

PR:bitflyer

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