読者です 読者をやめる 読者になる 読者になる

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

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

配列操作を簡単にする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の記述ルールは以下のとおり。 インターフェース名.メソッド名() インターフェース名.…

JavaScriptで入力補完するライブラリ。suggest.jsが素敵。

JavaScriptで入力補完を行うライブラリ 以下のURLのsuggest.jsがいい。 http://www.enjoyxstudy.com/javascript/suggest/ソースコードのダウンロードはこちら。 https://github.com/onozaty/suggest.js 実際に入力補完を行うサンプルはこちら。 listに入れた…

XMLHttpRequestとかXHTMLとか、windowsでtelnetする方法とか。

XHTMLとは何か? XHTMLとは、HTMLに次のルールを設けたもの。 ・XML名前空間を宣言する ・要素と属性名をすべて小文字で書く ・閉じタグを省略せずに、空要素は空要素タグ(など)で記述する ・要素を一意に特定する属性はnameではなく、idを使用する。 DOM要…

JavaScriptの動的ロードの利点。

JavaScript実行のタイミング DOMツリーが構築された時点でJavaScriptを実行することで、ユーザにとっての待ち時間を減らすことができる。 scriptタグにJavaScriptを記述するという単純な方法もあるが、JavaScriptが実行されるのはscriptタグが解析された直後…

JavaScriptとDOM

JavaScriptでDOMを操作する ・id属性でエレメントを特定する。 var idHoge = document.getElementById("Hoge").value; ・ドキュメントのrootエレメントを取得する。HTMLドキュメントのルートエレメントは常にhtmlエレメントとなる。 var htmlElement = docum…

JavaScriptのメモ

デザインパターンとは デザインパターンとは、ソフトウェアの設計において、頻繁に生じる問題に対する再利用可能なソリューションのこと。 デザインは日本語にするとカッコいい見た目的な意味に見えるが、元は設計という意味である。デザインパターンの起源…

20130522の勉強のメモ

フレームワークって何? フレームワークとは、アプリケーションの土台となるライブラリのこと。 フレームワークは日本語にすると枠組みであり、その名の通り、アプリケーションの基本的な流れが最初から出来上がっている。 MVCって何? Model/View/Controlle…

JavaScriptの復習とHead Rush Ajaxを読んだちょっとした感想。

Head Rush JavaScriptを読んでみた感想 ・思っているより真面目 ・脳にインパクトを与えるために画像を使っている ・ソースの解説とか、仕組みの解説はしっかりしている。ふざけているように見えるだけ。 ・ただ、ジョークはいわゆるアメリカンジョークで全…

モダンJavaScriptの復習。JavaScriptの基本。

けっこう忘れてしまったので、モダンJavaScriptを復習する。 JavaScriptのStrictモード JavaScriptのstrictモードは記述するコードに厳格なJavaScriptの振る舞いを強制的に適用する方法のこと。 JavaScriptに 'use strict';のストリングを記述することでstri…

モダンJavaScript

モダンJavaScriptの復習 復習しないと忘れてしまうので、一度前に読んだ本をやり直すことにした。 JavaScriptに対する重要な認識 ・JavaScriptはオブジェクト指向言語であるということ。 ・JavaScriptはクラスベースではなく、プロトタイプベースの言語であ…

JavaScriptでヘッダーを設定して、サーブレットにリクエスト。

EclipseとTomcatの連携 1.tomcatPluginV321.zipをダウンロードする。 http://www.eclipsetotale.com/tomcatPlugin.html#A32.eclipseのdropinsの下に展開する。3.ウィンドウ→設定→Tomcatでtomcatほーむの設定と、コンテキスト・ファイルを選択する コンテキス…

JavaScriptの書き方。

JavaScriptパターンを読んで、イイねと思ったことのメモ。JavaScriptでオブジェクトでないもの ・数値 ・文字列 ・ブール値 ・null ・undefined これら以外は、すべてオブジェクト。オブジェクトって何? →名前のついたプロパティの集まりのこと。 プロパテ…

寝る前に勉強時間のメモ

Ajax & Javaを2時間、DBとJava,Ajaxの連携を勉強した。 写したり読んだりを繰り返し。 これがスラスラできるようになると、だいぶ実用的なJavaScript開発ができると思う。 今年度上期はAjaxを固めて、下期からjQueryやnode.jsの勉強に入りたい。あとは、英語…

単なる勉強時間のメモ 20130426

Ajax & Javaを見ながら色々書いていた。 感謝のプログラミング 今回で感謝のプログラミングは【288時間目】 10000時間まで、あと【9712時間】

JavaScriptのデザインパターン

昨日AmazonでポチしたJavaScriptのデザインパターン本が早速届いた。 すごく勉強になるし、他の言語でも活かせる知識が得られる気がする。面白い。 昔はオライリー苦手だったんだけど、今は本当にオライリーばっかり読んでるなぁ。 デザインパターンって デ…

写経をするときも、いきなり写すのではなく、一度読んで理解してからの方がいい。

ことば 「『コックはウェイターを憎み、どちらもが客を憎む』」と灰田は言った。「アーノルド・ウェスカーの『調理場』といいう戯曲に出てくる言葉です。自由を奪われた人間は必ず誰かを憎むようになります。そう思いませんか?僕はそういう生き方をしたくな…

Ajaxで変なエラーが出てうまくいかない

web.xmlについて ■XML宣言 version,eocoding,standaloneなどの属性がある。 スタンドアロン文章とは、外部ファイルの参照が必要かどうかを示す。 ■きまりごと ・ルート要素は単位杖ある必要がある。 ・XMLでは大文字と小文字は区別される。 ・開始タグに対し…

JavaScriptのグローバル変数とローカル変数

JavaScriptの変数とオブジェクト グローバル変数はトップレベルコードで宣言する変数のこと。 トップレベルコードとは関数の外に書いたコードのこと。ローカル変数は関数内で宣言する変数のこと。 グローバル変数もローカル変数も、実体はプロパティ。宣言さ…

XMLHttpObjectについて。

■XMLHttpRequestとは JavaScriptからHTTPプロトコルでサーバ通信を行うためのAPI。 非同期方式および同期方式の通信形態がある。 レスポンスがwell-formedなXML文書の場合はDOMを用いたアクセスも実現可能。■同期通信とは サーバへのリクエスト送信後、サー…

「自分の仕事を好きになることが自分の人生を好きになるための最も重要な鍵の1つだ」

ことば 人生が主に仕事に費やされるとすれば、自分の仕事を好きになることが自分の人生を好きになるための最も重要な鍵の1つだといえる。 退屈で平凡な仕事よりも、困難でやりがいがあって報いのある仕事のほうが、朝も元気よく起きる気にさせてくれるはずだ…

Ajaxの基礎の基礎 復習。

Ajaxモデルはシングルページ・インターフェースと言われる。 何かというと、Ajaxを使わない場合はいちいち画面遷移が行われてしまうが、Ajaxを利用することで、受信データの表示がリクエスト送信画面上に動的に行われ、画面遷移がないユーザーインターフェー…