感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

JavaScript

配列操作を簡単にするJavaScriptのイテレーションメソッド一覧

JavaScriptの配列を回したいときは、イテレーションメソッドを使うとけっこう便利だ。 ES5で追加されたイテレーションメソッドを見ていく。・forEach 各要素に対して、任意の処理を逐次実行する。 var numbers = [1,2,3,4,5]; numbers.forEach(function(val)…

JavaScriptのオブジェクト

1.ポイント ・JavaScriptの単純な変数型は、数値、文字列、真偽値、null、undefinedがある ・それ以外は全てオブジェクト ・JavaScriptのオブジェクトは参照渡し ・JavaScriptのオブジェクトはミュータブル。すなわち、変更可能なデータの集合体 ・オブジェ…

JavaScriptで、setTimeoutを使ってsleep処理

1.前提 Google Feed APIを使って、RSSフィードを読み込むのを待ってから、次の処理を開始したい。 要は、JavaScriptで処理を止めて、何かを待ちたいとき。これの次の記事にjQuery Deferredのサンプルを載せて、そっちの方がスマートなんだけど、まずは原始的…

JavaScript シングルトンパターン

1.基礎 シングルトンパターンは、作成されるクラスのインスタンスが1つのオブジェクトに制限されるもの。 シングルトンパターンの実装は、クラスのインスタンスが存在しなければ新規作成し、インスタンスが既存であれば単にそのオブジェクトへの参照を返す…

JavaScript 「this」のメリットと処理性能

1.基礎知識のまとめ ・処理のパフォーマンスを向上できる ・内側のコードを使いまわしやすくなる ・$()関数に複数のセレクタを指定した場合に処理の切り分けが可能になる 引用元)「jQuery最高の教科書 p.79」 2.処理パフォーマンスの比較 下のサンプルで700,…

JavaScriptでストップウォッチ作ろうとして心折れた

後で直すようにメモ。 検索で一番上に出てくるコレ↓に止めたところから再始動の機能をつけたかったんだが・・・ http://www.scollabo.com/banban/java/jvsample_014.html 結局ダメ。 時間の差分がうまくとれなかった。 21時から3時まで無駄に時間過ごしてし…

JavaScriptでオブジェクトを生成する方法。new演算子を使う場合と、オブジェクトリテラルを使う場合の説明。

new演算子とObjectコンストラクタを組み合わせて生成する JavaScriptで新しくオブジェクトを作るには、以下のようにnew演算子、Objectコンストラクタを組み合わせる。 var jObject = new Object(); これにプロパティを持たせるには以下のようにする。 //Java…

ブログで色々公開したら、恥をかいたけどすごく勉強になった。

http://b.hatena.ne.jp/entry/d.hatena.ne.jp/dropdb/20080115/p1@raf00 「ブロガーなら公開して恥をかけ、バカめ」公開しなければ始まらないですよ!— 加野瀬未友 (@kanose) 2012, 12月 42日前にsetInterval()を使って、JavaScriptでタイマーで設定した一定…

setInterval()を使って、JavaScriptでタイマーで設定した一定時間ごとに動作を繰り返す(定期更新/実行する)サンプル

今日は正月であまり食事に出る気にもならず、ピザを取ることにした。ドミノ・ピザはネットで注文ができる。 注文してみたところ、注文完了後、「オーダー状況追跡システム」なるものが。ドミノ・ピザはこちら↓ http://www.dominos.jp/楽しそうだから見てみる…

YoutubeのJavaScriptのAPIを使って、Youtube動画を検索して再生するサンプル

YouTube APIとかツールを使うと、ウェブページ、アプリケーション、デバイスなどにYoutubeを組み込むことができる。 Data APIでは通常ユーザがYoutubeのウェブサイト上で行う操作のほとんどを実行できる。 つまり、Youtubeを無限に1曲リピートしたりするのは…

JSONでサーブレットにリクエストを投げて、レスポンスのJSONにあるメッセージをブラウザに表示するサンプル

サーブレットとJavaScript間のメッセージのやり取りをJSONを使って行いたい場合。 つまり、リクエストをJSONで飛ばして、レスポンスとして返ってきたJSONをJavaScript側で解析するということ。 RESTfulなWebアプリケーションを作る一歩目になる。 では、ブラ…

JavaScriptの名前空間パターン

名前空間パターン JavaScriptでは、言語の構文としての名前空間は組み込まれていない。 名前空間というのは,Javaでいうと「java.lang.String」みたいに、ドットで区切ってある特定のクラスを一意に定義するためのものである。 たとえば、java.lang.Stringとc…

【JavaScript】スコープとグローバルオブジェクトについて

JavaScriptのグローバルオブジェクト windowオブジェクトや、他の環境でwindowと同等の働きをするオブジェクトは「グローバルオブジェクト」と呼ばれる。 すべてのJavaScriptの実行環境は、単一のグローバルオブジェクトを持たなければならない。 JavaScript…

JavaScriptで変数の存在をチェックする。それがundefinedかどうか。グローバルに宣言されているか。

グローバル変数とローカル変数 グローバル変数とは、トップレベルコードで宣言する変数のこと。 トップレベルコードとは、関数の外に書いたコードのこと。 一方、ローカル変数とは、関数内で宣言する変数のこと。 グローバル変数とローカル変数は両者とも、…

JavaScriptのstrictモードの呼び出し方。

JavaScriptとは JavaScriptとは、型指定の弱いスクリプト言語である。 JavaScriptはオブジェクト指向のプログラミング言語である。 JavaScriptはクラスベースではなく、プロトタイプベースの言語である。 DOCTYPEとは DOCTYPEとは、ページで使用するHTMLのバ…

JavaScriptの設定オブジェクトパターンやコールバックパターンについて。

JavaScriptの関数の引数にアクセスする JavaScriptで実引数にアクセスするには、argumentsオブジェクトを使う。 以下のサンプルのように、引数の値にアクセスすることができる。 function hoge() { console.log(arguments.length); console.log(arguments[0]…

JavaScriptの関数の勉強 その1

JavaScriptパターンと、パーフェクトJavaScriptで勉強したことのまとめ ver.01 JavaScriptの関数 JavaScriptの関数の2つの特徴 第一級のオブジェクトであること スコープを提供すること JavaScriptの関数はオブジェクトである、と。 それはどういうことなの…

JavaScriptでオブジェクトリテラルを使ったり、配列リテラルを使うサンプル。

JavaScriptのthis参照 this参照はオブジェクトを参照する。参照先はトップレベルコードと関数内で異なる。 基本的な規則は以下の通り。 トップレベルコードのthis参照はグローバルオブジェクトを参照 関数内のthis参照は関数雨の呼び出し方法で異なる 詳しく…

JavaScriptの基礎の復習。

JavaScriptの基礎をもう一度復習する。 一度こなれてからやることで、より深く基礎を理解できる。 JavaScriptの変数 JavaScriptは実はvarを省略して変数を宣言することができる。 var無しで宣言する変数を、「暗黙の宣言をした変数」と呼ぶ。関数の外部でvar…

JavaScriptの関数の使い方の基礎 復習。

関数について すべての関数は常に値を返す。 return文を記述子ない場合やreturn文で戻り値を明示的に指定していない場合に返される値はundefinedになる var sayHello = function() { return "Hello"; } // > undefined console.log(sayHello()); // > Hello …

GoogleのMap Chartsを使って、日本地図や各都道府県の画像を表示するURLの使い方のまとめ

$(document).readyと$(windo).loadの違い $(document).readyはHTMLページのコードの読み込みが完了したときに実行する処理を指定する。 しかし、このときに画像の読み込みが終わっている保証はない。 $(document).ready 一方で、$(window).loadは画像を含め…

Atomやクロスオリジン制限について学んだことのメモ。

APIとは、アプリケーション・プログラムとシステムの間の境界を指す言葉で、Application Programming Interfaceの略。 新人の時はAPIの意味がよくわからなかったのだけれど、TwitterのWeb APIなんかを自分で使うようになってやっと実感できた。 Web APIが想…

JavaScriptメモ

たいしたこと書いてないからタイトルは適当。 「作りながら覚えるHTML5 + JavaScript」を勉強していて、 JavaScriptでJSONをParseするところを学んだので、その処理部分だけメモする。 こんな感じ。 function requestSearch(uri) { var xhr = new XMLHttpReq…

Flickr APIを使って、取得した写真を表示するJavaScriptのサンプル

Flickr APIを取得するための手続き(手順) ■アメリカ版のYahooアカウントを作成する 1.以下のURLを開く。 http://www.flickr.com/services/developer/2.左上の「Sign Up」をクリックする。3.Create New AccountよりYahooアメリカのアカウントを作成する。4.Fl…

CSVファイルをテーブル付きのグラフにするjQuery plugin

準備 以下のプラグインをダウンロードする。 ■ccchart.js ccchart.jsは以下のURLからダウンロードできる。 http://ccchart.com/■csv2table.js csv2table.jsは以下のURLからダウンロードできる。 https://code.google.com/p/leocenter/downloads/detail?name=…

データをExcel風の表にして表示するjQueryプラグイン

データをExcel風の表にして表示するjQueryプラグイン JavaScriptで、ブラウザにキレイな表を表示させたいとずっと思っていた。 で、色々と探していたんだけど、jQuery Grid Pluginなるものがあった。 以下からダウンロードできる。 http://paramquery.com/デ…

JavaScriptで手元のテキストファイルを読み込んでブラウザに表示させるためのサンプル

色々と苦労したけれど、なんとかサンプルを作ることができたので、メモする。 ボタンクリックでファイルを選択して、そのファイルを読み込むサンプル HTMLにJavaScriptを直書きというひどいものだが、とりあえずサンプルということで。 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <title>タイトル</title> <script type="text/javascript"> functi</meta></head></html>…

JavaScriptでJSONからオブジェクトを生成するサンプル

JavaScriptでプロパティを削除する方法 プロパティを削除するには「delete」演算子を使う。 また、「in」演算子は、オブジェクトが指定された名前のプロパティを保持しているかどうかを確認する。 var hoge = { foo: 'foo' } delete hoge.foo; console.log('…

JavaScriptでオブジェクトを作ってみる。

JavaScriptを試しに実行するならJSFiddleを使うといい 開眼!JavaScriptを読んで初めて知ったんだけど「JSFiddle」というWebサイトを使えば簡単にJavaScriptのお試し実行環境が使えるようだ。 HTMLやCSSも試しに表示させることができるみたいで、かなり使い…

JavaScriptでDOMの操作をするサンプルや言葉の意味について、まとめ。

言葉の定義 ・DOMとは、HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPIのこと。 ・W3Cによって、DOMの仕様はLevel1〜3まで定義されている。 ・DOMの記述ルールは以下のとおり。 インターフェース名.メソッド名() インターフェース名.…