前へ | 次へ 18章 WebWorkers WebWorkers概要 p408 WebWorkersとは WebWorkersの動作 通常のJavaScript実行環境をメインスレッド、Web Workersにより生成されるバックグラウンドのものをワーカと書籍では呼ぶ ワーカは複数生成できる メインスレッドとワーカ…

前へ | 次へ 17章 WebSocket WebSocket概要 WebSocketとは p393 1本のHTTP接続上で双方向のメッセージやりとりができる HXMLHttpRequestとServer-SentEventsを利用したやりとりよりも効率がよく、設計や実装もシンプル 補足：2015/2/12現在、Operamini以外の…

前へ | 次へ 16章 ストレージ Web Store p376 Web Storeとは WebStorageの容量は、書籍の時点では5MB程度 p377 オリジンごとに共有され、読み書きができる localStorageオブジェクトとsessionStorageオブジェクトにプロパティの読み書きをすればよい localSt…

前へ | 次へ 15章 デスクトップ連携 Drag Drop API Drag Drop APIとは p358 DataTransferは、ドラッグ操作でブラウザとデスクトップ上のファイルのやりとりができる インターフェース ドラッグイベント ドラッグ要素とドロップ領域それぞれに必要なイベント…

前へ | 次へ 13章 HTML5概要 HTML5の歴史 HTML5の登場の経緯 p339 HTML5を推進するためにApple,Mozilla,OperaがWHATWGというコミュニティを設立。Web技術の仕様を策定し、W3Cへフィードバックをする HTML5の現状 p339 2011年当時のHTML5の状況。当時はまだIE…

前へ | 次へ 12章 ライブラリ ライブラリを使うべき利用 p310 クライアントサイドJavaScriptで大変なのは、クロスブラウザ対策。特にIE8以前対策 jQueryの特徴 書籍の時点での最新版は1.6.2 MITライセンス p311 jQuery本体と、UIコンポーネントはjQuery UIと…

HTML要素を追加する時のパフォーマンスをチェックしてみた。 テスト環境：MacBookAir2014 追加方法 innerHTML DocumentFragment appendChild innerHTML文字列結合 Firefox 17-25ms 27-38ms 32-40ms 15-25ms Google Chrome 25-30ms 52-90ms 55-80ms 20-35ms S…

パーフェクトJavaScriptのp254のテストを実行した結果 MacBookAirで実施 1行目は、1000個のspanをgetElementByTagNameで取得して、1000回のループを回して、spanの回数を毎回lengthで取得してエレメントにアクセスした時の時間 2行目は、1000個のspanをgetEl…

前へ | 次へ 11章 実践クライアントサイドJavaScript p281 DOM操作とイベントの扱いがクライアントサイドJavaScriptの基本 スタイル スタイル変更方法 classNameプロパティでclass名を変更する スタイル操作でもっとも簡単な方法 p282 指定した要素が隣接要…

前へ | 次へ 10章 イベント イベントドリブンプログラミング p266 ブラウザにイベントが発生した時の関数を登録しておいて、呼び出してもらう IE8以前は独自の実装になっている イベントハンドラ／イベントリスナの設定 イベントハンドラは、１つの要素・イ…

前へ | 次へ 9章 DOM DOMとは DOM Level1 p246 Coreモジュール…HTMLに限らない一般的なDOM操作についての仕様 HTMLモジュール…HTML文章向けのメソッド p247 getElementsByTagName…タグ名を指定して要素を取り出す createElement…要素を作成 appendChild…要素…

前へ | 次へ 8章 クライアントサイドJavaScript クライアントサイドJavaScriptの重要性 p224 Webアプリケーションの発達 JavaScriptの高速化 p225 Google ChromeやFirefoxは6週間ごとにバージョンアップする JavaScriptの役割 見た目の分かりやすさや使いや…

前へ | 次へ 7章 データ処理 配列と正規表現は重要 配列 p187 順序のある要素の集まり JavaScriptの配列はオブジェクトなので、要素の追加、書き換えができる JavaScriptの配列 []で、配列要素をカンマ区切りすることで生成可能 []のみの場合、空の配列にな…

前へ | 次へ 6章 関数とクロージャ p159 関数宣言文(function 関数名(引数リスト){})と関数リテラル式(function (引数リスト){}) 関数呼び出しの整理 メソッド呼び出し…オブジェクトから呼び出す。呼び出し元のオブジェクトの参照をthisに持つ。applyやcall…

前へ | 次へ 5章 変数とオブジェクト 変数の宣言 p109 変数が宣言されていなければ初期値を代入するイディオム var a = a || 7; ||は4章でやった論理演算子。左のオペランドがtrueの時は左のイディオム、つまりaにもともと入っていた値が代入され、falseの時…

前へ | 次へ 4章 文、式、演算子 予約語 p70,71 予約語一覧。将来の予約語を見るとclassやextendsなどがある 識別子 p71 変数名や関数名など、何かを指定するための単語 単語の長さの制限はない Unicodeの単語なので、日本語を使うことは可能だが推奨しない …

前へ | 次へ 3章 JavaScriptの型 p39 JavaScriptの変数に型はないが、値やオブジェクトには型がある 基本型は以下の5つ 文字列型 数値型 ブーリアン型 null型 undefined型 上記以外はオブジェクト型 p40 基本型変数と参照型変数がある 基本型変数は、値がそ…

前へ | 次へ 2章 JavaScript言語仕様 コアの言語仕様。 p25 プロトタイプベースのオブジェクト指向言語(補足：ECMA Script6ではクラスの実装が検討されている) p25 プログラム例はsmjs(SpiderMonkeyのシェル)で実行確認。ECMA Script5+JavaScript1.8.5 p26 …

次へ以下の書籍の備忘録。パーフェクトJavaScript (PERFECT SERIES 4)作者: 井上誠一郎,土江拓郎,浜辺将太出版社/メーカー: 技術評論社発売日: 2011/09/23メディア: 大型本購入: 24人 クリック: 588回この商品を含むブログ (12件) を見る 1章 JavaScriptの歴…

OS X 10.10から10.11にアップした時も、apacheの設定がリセットされるため、以下の作業が必要。前提として、以下でOS X 10.9の環境がセットアップされていたものとする。OS X 10.9にApache+PHP+MySQLをインストール - tanaka's Programming Memo httpd.conf …

ルートや写真を公開してよい場合は、散歩リンクを誰でも使えるようにしたい。データのホストを外部サーバにしたく、データの形式をKML方式で検討している。 ルートと写真を持っているKMLファイルの形式を確認 初期設定 Google Earthをインストール Googleア…

教科書は今回もこちらのp164-168。WordPress Perfect GuideBook 3.x対応版作者: 佐々木恵出版社/メーカー: ソーテック社発売日: 2014/01/22メディア: 単行本（ソフトカバー）この商品を含むブログ (2件) を見る散歩リンクのアクセス解析にGoogleアナリティク…

サーバ上にある日本語のファイルを読み込んで、一部の文字列を切り出す処理が、ローカル環境では動作したが、さくらインターネットにアップしたところ動作しなかった。原因はエンコードの指定が不十分だったこと。ローカルで動作したため、mb_language()とmb…

inputのfileで指定したファイルを削除するには、一度要素を削除して、もう一度タグを挿入し直すのがよいらしい。 <input type='file' id='upfile' name='upfile' /> <input type='button' id='clearbtn' value='選択キャンセル' onClick='clearFile()'/> function clearFile(event) { event.preventDefault(); $("#upfile").remove(); $("#clearbtn") .before("

JavaScriptからPOSTで送信されたデータをPHPで受け取り、IDやパスワードとして使えるかをチェックする際に間違えたところをメモ。 mb_ereg_match()を使ってしまった 全角文字が送られてきても大丈夫なようにと考えてマルチバイトの正規表現mb_ereg_match()を…

keyword: PDO , prepare , drop tablePHPからMySQLを操作するのに、PDO(PHP Data Objects)を利用している。SQLの安全動作のために、prepare()を使おうとしたが、drop tableで権限エラーが発生した。その原因と対策をメモ。 バージョン MySQL4.0 PHP5.2.17 My…

picasaなどで非公開データにアクセスするには認証する必要がある。即席にデモを行うには、予め写っている人の顔を編集したり、不要な写真を外す時間がないため、公開アルバムを使うのは相応しくない。非公開アルバムにアクセスするために認証方法をまとめる…

Picasa Web API Picasaを操作するためのAPIがWebベースで公開されている。公開されているアルバムは、ユーザーIDを指定するだけで、認証をしなくてもアクセスすることが出来る。 jQueryからのアクセス方法 ブラウザでアクセスする場合は、Google Developers…

keyword: eclipse juno ant JavaScript 起動Eclipse JunoのJavaScriptで、Antを呼び出す方法をまとめる。 Antタスクの表示方法 画面右の小さいボタンで「Outline」を見つけてクリックして有効にする。これでAntのタスクが表示される。 Antタスクの実行 Outli…

表題の通り。こちらで閉じなくてよいと連絡をいただいた。 必要十分な対応で小気味良いです。PostGISが使えれば・・・と願ってます。