[B! JavaScript][javascript] [52ページ] suginoyのブックマーク

jQueryでajaxを投げるメモ [俺の備忘録]

Google+ボタンはてなブックマークボタン更新日時: 2013年12月18日（水）作成日時: 2013年06月09日（日）前の記事 / 次の記事参考ページ jQuery.ajax()のまとめ $.ajax中のcontextオプション $.ajax を使う。 # CoffeeScript $.ajax async: true type: "GET" url: "http://inchiki.jp" dataType: "text" context: this success: (data, status, xhr) -> alert status error: (xhr, status, error) -> alert status complete: (xhr, status) -> alert status async true => 非同期処理する false => 同期処

suginoy 2014/01/27

リンク

CoffeeScriptでjQuery使うときのメモ

CoffeeScriptでjQuery使うときのメモ CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。投稿日2012年11月19日更新日2012年12月24日とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプトこれでjQueryがいつものように使用できますので、あとはさくさく書けると思います。試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p')

suginoy 2014/01/27

リンク

Angular カンファレンス（ng-conf 2014）Jan. 16 動画まとめ - AngularJS Ninja Blog

ng-conf 2014 – The World’s First Angular Conference in Salt Lake City, Utah Angular カンファレンス ng-conf 2014 が、アメリカはユタ州ソルトレイクシティで開催中です。 YouTube の ng-conf 2014 チャンネルのほうに動画はまとめてアップロードされていますが、このエントリーでは当日（Thursday, January 16）のスケジュールどおりに並べています。最終日（Friday, January 17）の動画は次のエントリーで。 Keynote Miško Hevery & Brad Green AngularJS in 20-ish Minutes Dan Wahlin Writing a Massive Angular App The Google Double Click

suginoy 2014/01/26

JavaScript

リンク

압도티비 스포츠중계 - 해외축구중계, 야구중계, MLS중계, Hockey중계, 고화질 무료 스포츠 중계

스포츠중계 사이트에서는 해외축구중계, 야구중계, 하키중계를 비롯한 다양한 종목의 경기를 실시간 고화질로 제공합니다. 복잡한 절차 없이 접속만으로 누구나 고화질 무료 스포츠중계를 시청할 수 있으며, 해외축구 리그부터 국내야구 경기까지 시청 가능합니다. MLS,EPL, MLB, FIHockey 등 인기 리그를 실시간으로 시청하고, 최신 스포츠분석과 스포츠뉴스 정보 콘텐츠도 함께 제공합니다. 해외축구중계는 세계 각국의 축구리그를 고화질로 실시간 제공합니다. MLS중계,프리미어리그, 라리가, 세리에A, MLS 등 글로벌 리그 경기를 무료로 시청할 수 있으며, 경기 일정과 결과, 선수 정보까지 함께 확인할 수 있습니다. 스포츠중계 사이트 내 해외축구중계는 모바일·PC 모두에 최적화되어 있어, 별도의 설치 없이 즉시

suginoy 2014/01/26

JavaScript

リンク

favico.js·Faviconを自在にコントロール MOONGIFT

Webカムや動画までFaviconに流しちゃいます！ FaviconはWebサイトのマークとして大事な役割を担っていますが、単に同じ画像をいつまでも表示しているのでは面白みがありません。もっと活用したい、そう考える人に使ってみて欲しいのがfavico.jsです。できること favico.jsができることはFaviconのダイナミックな変換です。例えば、バッジ表示別なアイコンに差し替え動画の表示 Webカムの表示ができます。Faviconの中でWebカムを表示したいと思うケースは思いつきませんが、バッジ表示やユーザによってアイコンを変えると言うのは十分ありえるのではないでしょうか。バッジ表示についてはアニメーションや形を指定することもできます。デモバッジ表示。数はダイナミックに変更できます。数をアップしました。アイコンの差し替え。動画の再生。バッジの表示位置は指定でき

suginoy 2014/01/26

リンク

デブサミ2012 kintoneの表と裏 - 表編

The document discusses kintone's JavaScript library. It provides details on how kintone uses JavaScript for its UI components and event handling system. It also describes how kintone leverages the Closure Compiler to optimize and minify its JavaScript down to a small size for faster loading. Advanced techniques like deferred execution are used to improve performance.

suginoy 2014/01/24

JavaScript

リンク

jQueryのselectタグ操作かんたんまとめ | もしもワークス

jQueryでselectまわりをいじるときのまとめです。基本選択項目の値を取得する。 $('select').val(); //短い書き方 $('select option:selected').val(); 任意の項目を選択する。 $('select').val('hoge'); //optionのvalueに相当する値を代入選択項目の変更を察知する。 $('select').change(function() { alert( $(this).val() ); }); 選択項目を変更し、かつ変更イベントをトリガーする。 $('select').val('hoge').trigger('change'); 応用表示項目を切り替えプルダウンリストの項目を操作して状況に応じて表示項目を切り替えたい。ここでは#fooは対象のselect要素。class=”bar”のoption

suginoy 2014/01/24

リンク

jQuery looping .each() JSON key/value not working

I am having probl ems in looping the key/value of JSON by jQuery .each() function Initially I have a JSON like this: json = {"aaa":[ {"id":"1","data":"aaa1data"} ,{"id":"2","data":"aaa2data"} ], "bbb":[ {"id":"3","data":"bbb1data"} ] } And I would like to loop through all the key/value elements inside the JSON (aaa and bbb) and the retrieve the inner JSON arrays for looping again, so I tried $(json

suginoy 2014/01/24

JavaScript

リンク

jQueryでinputタグのtext属性のvalueなどを取得したい時 | forWEB屋

2010年11月9日 <input type="text" id="aieuoid" name="aieuo" value="test" > というようなinputタグのvalue値を取得したい時は var value = $(“#aieuoid").val(); とすれば取得出来る。valの後の()を忘れずに。この応用で、値をセットする場合は $(“#aieuoid").val('aaaa’); となる。

suginoy 2014/01/24

JavaScript

リンク

1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法

$.ajaxによるJSON読み込み方法例えば以下のようなJSONの場合 [ { "version": "1.5", "codename": "Cupcake" }, { "version": "1.6", "codename": "Donut" }, { "version": "4.4", "codename": "KitKat" } ] $.ajaxでの読み込みは下記のようになる $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json', dataType: 'json', success: function(json){ var len = json.length; for(var i=0; i < len; i++){ $("#a").append(json[i].version + ' ' + json[i].coden

suginoy 2014/01/24

JavaScript

リンク

jQueryでselectタグ内のoptionタグを削除する方法をいくつか |

そんなに難しい話では無いですが、ごく最近ちょっと手間取った（力不足なだけ・・・）ので、自分用のメモ。フォームでselectを使っている場合に、ページ内で何かの操作をした時にselectタグの子要素になるoptionの内容、要するに選択項目を書き換えたいという時が結構あると思います。 optionの追加はprepend（選択黒目の先頭に追加）またはappend（選択黒目の末尾に追加）を使います。これについては結構情報も多かったので問題は無いと思いますが、削除についての情報は少ない気がしました。というわけで、選択項目を削除する時のコードをいくつか。選択項目を一つだけ削除する場合まずはこんなコード。『id=area』という指定がされているselectタグがあるとします。 $('select#area option:first-child').remove(); 『first-child』

suginoy 2014/01/24

JavaScript

リンク

jqueryで簡単な連動型ドロップダウンリストを作る - susan-styleの日記

jqueryで簡単な連動型ドロップダウンリストを作る。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>簡単なドロップダウン</title> <script src="./js/jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#parent").change(function () { //alert($

suginoy 2014/01/23

JavaScript

リンク

Asset Pipeline について勉強した

ペパボは今、開発言語をRubyに切り替え始めています。僕も今、Ruby on Railsを使って開発をしているので、本格的にRuby周りの勉強をし始めているのですが、未だにAsset Pipelineがよくわかってないので、この機会にドキュメントを読んできちんと調べてみました。参考にしたのはここ。 http://guides.rubyonrails.org/asset_pipeline.html やっぱり公式のドキュメントが一番わかりやすいかな？自分自身がちゃんと覚えるように読みながらまとめてみました。 Asset Pipelineってなに？ Rails3.1より実装された仕組みで、大きくわけて以下の3つの機能があるようです。 CSSやJavaScriptなどの、いわゆるasset(資源)と呼ばれるファイルを1つにまとめてくれます。普通cssやjsなどのファイルは、開発しやすいように機

suginoy 2014/01/23

リンク

Autify CEO 近澤良のブログ

Autify CEO 近澤良の個人ブログです。

suginoy 2014/01/22

JavaScript

リンク

jQueryでsetIntervalを使って特定の間隔でfunction処理を繰り返し行う（タイマー処理）方法｜BLACKFLAG

JavaScriptでのfunctionを一定の間隔で繰り返し処理を行う時の指定に使う「setInterval」。 jQueryでこの指定を使うこともでき、単純な記述ですが、さまざまなループ処理などにも使えるので参考までに使い方をメモ書きしておきます。 $(function(){ setInterval(function(){ ～ここに処理を記載～ },1000); }); 最後の数値部分は繰り返し処理を行う間隔になります。例えば、3秒ごとに画像の位置を10pxずつ、ズラす場合は $(function(){ $('img').css({left:'0',position:'absolute'}); setInterval(function(){ $('img').stop().animate({left:'+=' + '10' + 'px'},1000); },3000); }); この

suginoy 2014/01/22

JavaScript

リンク

プライベートブラウジングモードの判定

プライベートブラウジングモードのいろいろ - Please Sleep の続き。あるブラウザがプライベートブラウジングモード (Private Browsing, InPrivate Browsing, Incognito) であるか JavaScript で判定する方法について。 browser history sniffing の対策が入りプライベートモードの一般的な判定ができなくなったと思われたが、ブラウザによっていくつかの API の挙動が通常・プライベートモードで変化するため、それを利用して判定ができるということを教えていただいた。 @cou929 http://t.co/1OE9k3kJv9 プライベートブラウズ判定方法あります、SafariだとlocalStorage,DNT Firefox Chromeは https://t.co/mDDRfUeCP9 — ma

suginoy 2014/01/21

リンク

JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと

JavaScriptはブラウザから簡単に使えるし、jQuery Pluginも簡単に追加できるので、つい基礎をおろそかにしたまま使っていて、ちょっと凝ったことをしようとした時にいつもハマっていました。ということで今回は、独習JavaScriptの第二版を購入して読み進めつつ、ネットのお勧めのドキュメントを見て、補足しながら勉強していったのでそのメモです。 (03/09 21:50) JavaScriptの習熟度を上げるための勉強フローを追加 🍄 [動画] ドットインストールJavaScript入門 JavaScriptを本当に使ったことがない初学者の方にお勧めしたいのがドットインストールの動画。説明が環境構築からスタートしてくれるので、つまずことなく最初の一歩を踏み出すことができます。 😸 [Web] JavaScript基礎文法最速マスタ『JavaScript基礎文法最速マスター』