Private content!This content has been marked as private by the uploader.

JavaScriptはブラウザを構成するパーツやHTML要素へ動的にアクセスし、コンテンツの内容を書き換えたり、プロパティの値を変更することで、動きのあるコンテンツを実装する。 JavaScriptでは(X)HTML要素にアクセスするために次のメソッドが用意されている。 メソッド名 取得する対象 戻り値 getElementById 指定したid属性名を持つ要素 1つのオブジェクトを返す getElementsByTagName 指定した要素名を持つすべての要素 複数のオブジェクトを返す getElementsByName 指定したname属性名を持つ全ての要素 複数のオブジェクトを返す これらのメソッドはすべて window.document オブジェクトのメソッドとして実装されていて次のように記述する。 document.getElementsByTabName("要素名")[0];
『HTML5・JavaScript・CSS3アプリケーション開発入門』 日経BP社は29日、『HTML5・JavaScript・CSS3アプリケーション開発入門』 を発売した。価格は1,980円。 Webアプリケーションを開発する際には様々な技術を用いるが、その中で最も注目されているのがHTML5とCSS3である。本書ではHTML5とCSS3について、今、最も熱いプログラミング言語であるJavaScriptを軸に、アプリケーション開発に必要な知識を解説する。 HTML5に関しては、「HTML5で何が可能になるのか」といった基本から、新APIであるCanvasや Web Storageの使い方、簡単なアプリケーションの作成までを説明。HTML5でアプリケーションを作成する際に必要になるJavaScriptについては、DOMやライブラリ(jQuery)など"今どきの"JavaScriptプログ
ParserApi::PartialPreParse から PreParse の結果のデータ構造を見ていく。 DoPreParse の結果は ParserRecorder に記録されるようだ。Parse の結果に影響を与える各種フラグを見た後に Parser の本体へ。 FunctionLiteral* Parser::DoParseProgram(Handle<String> source, bool in_global_context, StrictModeFlag strict_mode, ZoneScope* zone_scope) { void* Parser::ParseSourceElements(ZoneList<Statement*>* processor, int end_token, bool* ok) { かを見て Scope を作る。 scanner が Toke
前回のおさらい var 変数名 = new コンストラクタ名(引数,引数,…) //オブジェクトリテラルを利用してオブジェクトを生成 var 変数名 = { プロパティ名 : 値, プロパティ名 : 値,…}; オブジェクトのプロパティやメソッドの利用 変数名.プロパティ名 変数名.メソッド名(引数,引数,…) プロパティ プロパティへの代入とプロパティ定義 Javascriptでは事前にプロパティを宣言する必要がない。 オブジェクトに定義されていないプロパティに値を代入すると自動的にプロパティが定義されて値が代入される。 すでに定義されているプロパティに値を代入するとプロパティ値が変更される。 var obj={}; document.write('プロパティ代入前:'+obj.prop+'<br>'); obj.prop=1; document.write('プロパティ代入後:'+ob
This shop will be powered by Are you the store owner? Log in here
このページを見ている方は、jQuery (ジェイ・クエリー) に興味を持っていると思います。すでにjQueryを使っている人もいるでしょうし、全く知らない人、名前だけは知っている人もいるでしょう。このページではjQueryとは何なのかについて説明します。 jQueryはJavaScriptライブラリの1つです。JavaScriptはアプリケーション(ブラウザを含む)を操作する言語として利用されていますが、そのJavaScript上で動作するライブラリです。ライブラリは、よく使う機能をいくつもまとめてあるものを示します。 JavaScriptのライブラリは他にもいくつもありますが、最も有名なのはprototype.jsライブラリでしょう。prototype.jsライブラリはAjaxライブラリとして普及しました。実際にかなりのシェアを占めており関連するライブラリも多数出ています。 protot
Ajaxなアプリケーションにおいて、サーバからJSONを返す場合に、JSON自体はvalidであるにも関わらず、(IEの都合で)エスケープが不足していて脆弱性につながってる場合があるので、書いておきます。 発生するかもしれない脆弱性 JSONのエスケープが不足している場合に発生する可能性のある脆弱性は以下の通りです。 JSON内に含まれる機密情報の漏えい XSS それぞれの詳細については後述します。 開発側でやるべきこと 文字列中のUnicode文字は "\uXXXX" な形式にエスケープするとともに、ASCIIな範囲であっても「/」「<」「>」「+」も同様にエスケープすることにより、前述の脆弱性を防ぐことができます。 Perlであれば、以下のような感じになります。JSON->ascii(1) に続けて、JSON文字列を正規表現で置換しているあたりがキモになります。 use utf8; u
ソフトバンクのYahoo!ケータイブラウザは、2010年春モデルまで非公式のJavaScript対応機種がありました。2010年5月に、私的にその対応状況を調査した結果を公表します。 これは、「Yahoo!ケータイの一部端末に「かんたんログイン」なりすましを許す問題」を公表するにあたり、影響のある端末を調べるために、端末実機の検証センターにて抜き取り検査した結果です。 考察JavaScriptが最初に搭載されたのは、2004冬の702NKらしい。以降、ノキア端末にはJavaScriptが搭載される。この時期のJavaScriptは簡易的なもの。 2006年冬モデルから多くのモデルでJavaScriptが搭載される。この時期の端末は、DOMは対応しているが、XMLHttpRequestは対応していない。 2008年春モデルから一部の機種でXMLHttpRequestをサポートする。 シャープ
「Twitter住所特定実験」を開発中に気づいた事です。取得したツイートをサーバからJSONでクライアント側のJSに送る処理があって、当初この時にTwitterのツイートのIDをJSONに数値として含めて送っていました。 が、JavaScriptではこの値を受信してeval()した†1際、うまく変換することができず、たとえばChrome/Firefoxでは「76287755398823940」となり、微妙に異なった数値になってしまいました。 以下をクリックすることで、実際に実行できます。 javascript:alert(76287755398823936) IE8/9だと「76287755398823930」となり、まだ微妙に違った値になります。 ■doubleの精度の問題?? まず疑われたのはdoubleの精度の問題。一部では有名な話で、JavaScriptでは数値はすべてdouble
「Javaが書けるならJavaScriptも書けるだろ」的な事を抜かす手合いには、「メロン農家の人にメロンパン売ってくださいって言ってみてください」と返すようにしてる。
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Google Chrome runs web pages and applications with lightning speed. WebRTC実装のChromeへのマージが開始されたことが報告された。WebRTCはJavaScriptおよびHTML5技術でリアルタイムコミュニケーションアプリケーション(いわゆるインスタントメッセンジャー)の開発を可能にするためのオープンソースプロジェクト。テキストのみならず、音声や動画などを使ったリアルタイムコミュニケーションをJavaScript APIとHTML5のみで利用できるようにすることを目指している。 GoogleはChromeにWebRTCの機能を取り込むことを発表。まだマージは始まったばかりで、これから実際に利用できる状況まで仕上げていくことになる。Googleは自社のGmailにおいてインスタントメッセージング機能を提供している。W
JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード(Douglas Crockford)氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな? いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) 技術動向 Chome新機能 (1) HTML HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) カスタム要素 (1) シャドーDOM (1) HTMLインポート (1) HTMLテンプレート (1) ダイナミックHTML (1) フォーマット JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap 3 (1) Bootstrap 4 (52) Bootstrap 5 (10) Less (1) Sass (1) Tailwind CSS (
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね! 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る/進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
Kinect ハッカソン Vol.2 の時に仕上げ損なったやつを GW で時間があったので、完成させました。libfreenect のラッパーなので、ボーンは取れません。 hakobera/node-freenect · GitHub スクリーンショット (Kinect を WebSocket 経由でコントールしてるところ) 前に作った Kinect.js よりは速いのですが、正直、期待したほどの速度は出なかった(深度データのみ取得が MBA13 で 5-8 FPS) ので、実用性の面でお蔵入りしそうですが、全部 JavaScript で書けるのはやはり気持ち良いですね。 以下のようなコードが書けます。 var Freenect = require('freenect'); var kinect = new Freenect.Kinect(), ledOption = 0, prev =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く