LocalStorageとは？ その使い方を徹底解説！
今回はHTML5で新たに追加されたLocalStorageをご紹介します。今まではアクセスしたユーザの情報を永続的に保持するためには、クッキーやセッションを使用しなければなりませんでした。サーバサイドではこの方法で問題ないのですが、これをフロントエンドで実現するには一手間必要です。javascriptでクッキーを簡単に扱うためのプラグインのjquery.cookieなんかは割と有名かと思います。 SessionStorageの使い方はこちら→javascriptでセッション？HTML5 SessionStorageの使い方 LocalStorageとはWebStorageと呼ばれるものの一つで、javascriptを用いてクライアント側にデータを保存する仕組みです。ユーザのローカル(ブラウザ)にデータを保存することができるので、半永久的にデータを保持することができます。データの読み込み・更
Yahoo! UI Library 3（YUI3）の基本
「Yahoo! User Interface Library Ver.3」（YUI3）はYahoo!が開発した、Webのページを作成するための汎用ツールライブラリーです。オープンソースで無償で提供されており、アニメーション効果やドラッグ＆ドロップ、データ取得やイベントの応答など、多岐にわたる機能がサポートされています。今回はまずYUI3の全体像を紹介します。 はじめに Yahoo!は、米国時間9月29日に「Yahoo! User Interface Library Ver.3」（YUI3）をリリースしました。YUI3はJavaScriptやCSS（Cascading Style Sheet）で書かれた、Ajaxライブラリーです。 Yahoo!は今まで、インターネットによる情報提供のためのさまざまなツールを作成してきました。開発したツールの中でも、Webのページを作成するのに汎用的に使えるツ
Javascriptで開いた子画面から親画面の関数を呼び出す
Javascriptで開いた子画面（ポップアップウィンドウ）から、親画面の関数を呼び出します。 子画面から親画面を操作するにはwindow.openerを使う Javascript子画面から親画面を操作するにはwindow.openerを使います。 それを応用すると子画面から親画面の関数や変数が利用できるようになります。 (親画面のソース） <html> <head> <script language="JavaScript"> function parentFunc(myname) { var innerObj = document.getElementById( "my_name" ) ; innerObj.innerHTML = "私の名前は" + myname + "です。" } function childDsp() { window.open( "子画面のURL", "chil
jQuery UIのDraggableで快適なドラッグアンドドロップライフを！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。づやです。 さて、要素をドラッグアンドドロップさせてなんかしたいっていう要望は割とあると思うのですが、個人的には5年くらいその処理が必要とならず、あまり考えることがありませんでした。 そこで最近はどんな感じでできるのかなあ、と思っておりまして、ちょっと調べてみたことをまとめます。 5年前はprototype.jsとプラグインを利用していたのですが、今回はjQueryとプラグインで実装してみたいと思います。 便利なjQuery UIのDraggableを利用します と言っても、jQuery UIを利用すれば超簡単にできる模様なので、まずは作ってみました。 ※コードは大事な所だけ抜粋しています <html> <head> <!-- まずjQueryとjQuery UIを読み込みます。今回はCDNから読み込んでます --> <script src="//ajax.googleapis
Ajax - jQuery 入門
jQuery を利用することで Ajax (エイジャックス) のコードもかなり簡易化することが可能です。 一般には Ajax を利用するに際して jQuery を利用する動機としてはブラウザの違いを吸収するということに加えて、ネットワークを介する呼び出しとなることから煩雑になりがちなエラー処理をスマートに行うということがあげられます。 ここでは具体例を通して使い方をみていきます。 jQuery 1.8 以降でそれ以前の Ajax メソッド (success, error, complete) は deprecated というステータスになりました。 こちらの新しい Ajax 利用方法を参考にしてください。 サーバーから HTML を取得して、 div 要素にセットする ここではボタンをクリックした時に、バックエンドでサーバーから HTML 文書を取得し、その HTML をそのまま div
JavaScript/ウィンドウ/確認ダイアログを表示する - TAG index
確認ダイアログを表示するスクリプトです。 OKボタンとキャンセルボタンが付いたダイアログが表示されます。 <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function disp(){ // 「OK」時の処理開始 ＋ 確認ダイアログの表示 if(window.confirm('本当にいいんですね？')){ location.href = "example_confirm.html"; // example_confirm.html へジャンプ } // 「OK」時の処理終了 // 「キャンセル」時の処理開始 else{ window.alert('キャンセルされました'); // 警告ダイアログを表示 } // 「キャンセル」時の処理終了 } // --> </scrip
基本操作逆引きリファレンス - CoffeeScript
基本操作逆引きリファレンス（CoffeeScript） Node.jsと、現在使われているほとんどのブラウザで共通して使えるメソッドや文法を、用途ごとにまとめて紹介します。 文字列 文字列を作る 文字列は" "または' 'で囲います。" "の中で"を使ったり、' 'の中で'を使うには、\でエスケープします。 "abc" 'abc' # 以下2つはどちらの書き方でも同じ意味 "I can't say \"no.\"" 'I can\'t say "no."' 文字列に式を埋め込む " "内では#{ }を使って、式や変数の値を埋め込むことができます。 "1 + 1 = #{1 + 1}" # => '1 + 1 = 2' 文字数を取得する 文字列.lengthは、文字列の文字数を返します。 "abcいろは".length # => 6 文字列を数値に変換する parseInt(文字列, 10)
jQuery.ajax でリクエストをキャッシュさせない方法 - 葉っぱ日記
jQuery.ajax を使ってGETでリソースにアクセスした場合、IEでは2回目以降のリクエストが実際には発行されずにキャッシュされた結果が使われてしまいます。これを防ぐには $.ajax( { url : "http://example.com/", cache : false, data : { a : "abcd" }, ... } ); のように、cache オプションに false を指定すればいいようにドキュメント(http://docs.jquery.com/Ajax/jQuery.ajax#toptions)に書かれています。実際に cache : false を設定してみると、リクエストの発行される URL は、 http://example.com/?a=abcd&_=1253861397368 のようにクエリの末尾に現在時刻のミリ秒が付加されたものになります。 たい
javascript 日付の大小比較と特定期間で実行を実装する方法 | Stronghold Archive
こんばんは。Toshikuraです。今回のtipsは【javascript 日付の大小比較と特定期間で実行を実装する方法】です。地味に使い勝手が良いこともあり、特定期間前だった場合や特定期間後の判別・分岐を含めた例をメモしておきます。 今日、開始日、終了日の取得方法 ますはじめに、今日、開始日、終了日を取得します。今回の大小判定ではgetTime()で取得できる1970/1/1午前0時からの特定日までのミリ秒を使用します。念のため各日付の年度/月/日も取得していますが、大小比較には使用しませんので無視していただいて構いません。 today = new Date(); myD = today.getTime(); // 1970/1/1午前0時からの現在までのミリ秒 myD_y = today.getFullYear(); // 現在の年度 myD_m = today.getMonth()
[JavaScript]配列の比較 : Strings of Life
JavaScriptで、配列の比較の際に==又は===演算子を用いると、その配列が参照しているメモリ上のアドレスが同じかどうか、でtrue/falseを返します。したがって、 var array1 = [1, 2, 3]; var array2 = [1, 2, 3]; console.log( array1 == array2 ); // FALSE!!! という結果になります。配列の値と値の順番が等しいか比較する方法として一番簡単なのは、toStringメソッドで文字列に変換して比較することです。 var array1 = [1, 2, 3]; var array2 = [1, 2, 3]; console.log( array1.toString() == array2.toString() ); // true // ↑の3行目の処理を詳しく書くと、以下のような流れ。 var st
![[JavaScript]配列の比較 : Strings of Life](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)
プロパティの値の取得と新しい値の代入
作成したオブジェクトに含まれるプロパティの値を取得したり新しい値を代入するには、プロパティ名を指定してプロパティへアクセスし、値を取得したり代入したりします。ここではプロパティの値を取得する方法、および新しい値を代入する方法について解説します。
parseInt関数(文字列を整数に変換する)
JavaScript のグローバル関数のひとつである parseInt は文字列を整数に変換した値を返します。対象の値が文字列でない場合は文字列に変換したあとで整数に変換されます。ここでは parseInt 関数の使い方について解説します。 ※ Number オブジェクトにグローバル関数の parseInt 関数と同じ動作をする Number.parseInt メソッドが用意されています。 Number.parseInt メソッドについては「文字列を整数に変換する(Number.parseInt)」を参照されてください。
jQuery入門道場 - 【セレクター】
2章 セレクター この章で見る主な内容です。 基本的なセレクター 検索する対象（範囲）を指定する書き方 階層構造によるセレクター 基本、子要素フィルター コンテントフィルター フォーム系フィルター .is()フィルター セレクト回数を減らそう 基本的なセレクター jQueryでは、CSSでお馴染みのセレクターを使って、要素を選択（取得）します。ここでは、以下の基本的なCSSセレクターを見て行きましょう。 要素（タグ）セレクター クラスセレクター IDセレクター グループセレクター ユニバーサルセレクター 属性セレクター 要素（タグ）セレクター 要素（タグ）名を元に対象要素を選択します。要素名は、括弧（<>）は付けずに、そのまま書きます。 例えば、
jQuery の each() の continue / break は・・・ : 地潜の日記
ブログネタ：JavaScript に参加中！ 忘れそうなので覚書〜 JavaScript で配列なんかをイテレーション処理する時は、for を使うのが一般的。 ● JavaScript の書き方 for (var i=0, numArity=arrHOGE.length; i<numArity; i++) { (なんか処理); } jQuery を使ったときは、イテレーションのために each を利用できる。 ● jQuery の書き方 $(arrHOGE).each( function(i) { (なんか処理); } ); 便利だねー。 ■ continue / break のやり方 さて、for でグルグル回している処理を 「その時だけパスする」 や 「途中で止める」 ということをしたい。 そんな時もある。 にんげんだもの そのためには、continue や break を用いる。 ●
指定の文字列が含まれているか検索し見つかった場合は位置を返す(indexOf, lastIndexOf)
指定の文字列が含まれているか検索し見つかった場合は位置を返す(indexOf, lastIndexOf) String オブジェクトのインスタンスメソッドである indexOf は、対象の文字列に指定の文字列が含まれているか検索し見つかった場合は位置を返します。同じく lastIndexOf メソッドは、対象の文字列にして指定の文字列が含まれているかを文字列の最後から検索します。ここでは String オブジェクトの indexOf メソッドおよび lastIndexOf メソッドの使い方について解説します。
文字列を切り出す [Java Script - (substring) - 文字列 - Tips]
1. substring関数の使用例です。 //切り出し元の文字列 var targetString = "ABC,DE,FGHI"; // "BC" の切り出しを行う var resultString = targetString.substring(1, 3);
javascriptのキャスト - 備忘録
JavaScriptの変数キャスト 最近、JavaScriptでホームページを作ることが多くなってきたので、 JavaScriptの変数キャスト（型変換）の覚え書きです。 １．小数を含む文字列を数値に変換。（浮動小数点数） 構文： parseFloat(x); 例 ： pi = parseFloat("3.14"); // 3.14 となる ２．文字列を整数値に変換。小数点以下は切り捨て。 構文： parseInt(x); 例 ： pi = parseFloat("3.14"); // 3 となる ３．数値を文字列に変換。（オブジェクトを文字列に変換） 構文： String(obj); 例 ： str = String(123) + String(456); // "123456" となる ４．浮動小数点数を整数に変換。 構文： Math.floor(x); 小数点以下 切り捨て Math
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita
jQueryのセレクタ 可視フィルタ
