Complete beginners start here!Getting started with the webGetting started with the webInstalling basic softwareWhat will your website look like? Deprecated Dealing with filesHTML basicsCSS basicsJavaScript basicsPublishing your websiteHow the web worksHTML — Structuring the webIntroduction to HTMLIntroduction to HTMLGetting started with HTMLWhat's in the head? Metadata in HTMLHTML text fundamental
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
では、簡単なAjaxアプリケーションを作ってみよう。ボタンを押せばサーバから取得した文字列をページに表示するものだ（ここではAjaxの基本的な動作を示すために細かいエラー処理などは行っていない）。 まず、JavaScriptでXMLHttpRequestオブジェクトを作成するコードを作る。ブラウザがIEならばActiveXオブジェクトとして、それ以外ではJavaScriptオブジェクトとして作成する。 ajax = false; // IE以外 if(window.XMLHttpRequest) { ajax = new XMLHttpRequest(); // IE用 } else if(window.ActiveXObject) { try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { ajax = new Act
_ [経済] 赤坂プリンスホテルのコーヒーが高いのは地価やテナント料が高いからではない 赤坂プリンスホテルのコーヒーは高いらしい。行ったことないけど。でも、それは世間でよく言われるように地価やテナント料が高いからではない、という話。岩田規久男著『嘘ばっかりの「経済常識」』に載っていておもしろかったので紹介。 では、どうして赤坂プリンスホテルのコーヒーは高いのか。これは因果関係が全く逆。地価が高いからコーヒーが高いのではなく、コーヒーが高いから地価が高いのだ。 赤坂みたいな所では一杯1000円くらいでないとやっていけないかも知れない。でも、テナント料が高いからといってコーヒーを1000円で売ったとしても、いつでも売れるとは限らない。いつでもテナント料の分だけ商品を高くできるのなら誰だって経営者になれる。 赤坂でコーヒーが高いのは、そこでみんなが高いコーヒーを飲んでいるからで、高い地価とは関係
■ ツッコミspam祭 すっかり出遅れてしまったなぁ。今日も会社だし。明日も。とほほ。 不謹慎な話だが、今回の分散spam発信がハードディスクレコーダーが踏み台にされたためというのを知って、ちょっと(いい意味で)ゾクっと来てしまったよ。これでますます、魑魅魍魎が跋扈する、サイバーパンク(死語)なインターネットになりつつあるぞ! ……なんて書いていられるのも、今回のspamはなぜかおれの日記には襲来していないからなんだが。referer spamなんかは真っ先に来るんだけどな。とりあえず、新旧第一サーバには、今回のspamをはじくフィルタを設置しておいた。 なお、各地で「tDiaryも狙われるようになった」的な書き方を見かけるけど、単にMTとフォームの形式が似ているから誤爆されただけで、tDiaryに絞ったわけじゃないと思う(未検証)。つーことは、MTとは似ても似つかない形式にすれば、それだ
鬱陶しくなるだろうと思って、やらないつもりだったが、やってみると案外そうでもないかな、と思ったのでつけてみた。 JavaScript有効の場合に表示される(はずの)プルダウンメニュー、もしくは、右側のエントリ検索の結果にマウスオーバーするとエントリを読み込んで表示する。 blosxomの場合、各エントリがプレーンテキストで保存されているので、それを直接読み込んで表示している。サーバーに負担はほとんどかからない。画像を読み込むのと同程度。 エントリ一覧のロードは、今までIFRAMEを使っていたのをXMLHttpRequestを使うようにした。ついでに、カテゴリの記事件数集計を正確にしておいた。 XMLHttpRequestが使えない環境では、IFRAMEHttpRequestを使う。Opera7.54で動くことを確認。 http://ma.la/mirrorman/wiki.cgi/IFRA
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
RSSリーダーについてさんざん言及されたように、Webコンテンツを取得するアプリケーションでは、 HTTPリクエストに If-Modified-Since ヘッダ をつけるなどして対象コンテンツの更新時刻をチェックし、過剰なデータ取得を避けるのがマナーであるとされている。 同じことがAjaxについても当てはまると考える。Ajaxでは、ユーザーのアクションと非同期にHTTPリクエストを行うため、RSSリーダーと同様に人為操作を超えるトラフィックを発せさせる可能性があるからだ。 そこで、素朴な疑問。 ・ブラウザは、ユーザーが意識しないでも更新時刻チェックをやってくれる。 ・Ajaxの主なエンジンとなる Javascript は、ブラウザに組み込まれたものである。 ・Javascript の XMLHttpRequestを使用すると、プログラマが明示的にコーディングしなくても、更新時刻チェックを
Ajax を目指し XMLHttpRequest をいじってみる 2005-02-24-3 [Ajax][Programming] Ajax: Web アプリケーション開発の新しいアプローチ <http://antipop.zapto.org/docs/translations/ajax.html> (via <http://antipop.zapto.org/mt/archives/001248.php>) Ajax とは "Asynchronous JavaScript + XML" の略称であり、Web におい て可能であることの本質的な変化を表している。 Ajax アプリケーションは、Web アプリケーションが本来持つ「開始 - 終 了 - 開始 - 終了」というやりとりを、ユーザとサーバとの仲介者 - Ajax エンジン - を導入することにより、取り除く。 要
XMLHttpRequest (XHR) is an API in the form of a JavaScript object whose methods transmit HTTP requests from a web browser to a web server.[1] The methods allow a browser-based application to send requests to the server after page loading is complete, and receive information back.[2] XMLHttpRequest is a component of Ajax programming. Prior to Ajax, hyperlinks and form submissions were the primary m
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
“diggする”がマーケッティング用語になるかもしれない。 参加型ニュースサイトのDiggに掲載されると，驚くばかりのアクセスが殺到する。だから，Diggに掲載されるためのマーケッティング対策も一部で始まっている。SEO対策ならぬDigg対策である。 Diggに掲載されるには，売り込みたい記事をより多く投票してもらわなければならない。投票数の多い人気記事がDiggに掲載されるからだ。そこで，記事の近くに投票箱（“digg it”）を置くことが，ブログやメディアサイトで流行ってきた。つまり，“digg it”を記事の末尾や先頭に置くのである。下の画面は，ZDNetの事例である。 なぜ競って“digg it”するのか。Diggの最近の躍進ぶりを見れば納得するはずだ。以下は，alexaデータによる，digg.comのリーチの推移を示している。4月半ばから爆発的に増加しているのだ。 Diggは昨年
最近，Webブラウザで利用できるワープロや表計算ソフトがいくつか登場している。Googleが買収したWebワープロ「Writely」，「Zoho Writer」，そして2006年3月22日に提供開始されたばかりの「ajaxWrite」などである。 「ThinkFree Office Online」は，Word，Excel，PowerPointと互換性のある文書を閲覧・作成・編集できるWebアプリケーションである。ブログに文書を直接ポストできる。WebブラウザでPowerPointのプレゼンテーションを見ることができる。既存の文書をPDFに変換することもできる。30Mバイトのディスク・スペースが付いた基本アカウントが無料である。現在ベータ版が提供されている。ベータ版はWindows 2000/XPとInternet Explorer（IE）6.0以降で動作が確認されている。Macintosh
■■■ 404 File not found... ■■■ あなたが指定したファイルは見つかりません... ＵＲＬに間違いがないか、再度確認してください。再読み込みしてください。 『TOK2.com』 http://tok2.com/
<div class="popup"> Let's access <a href="http://zerobase.jp/">ZEROBASE</a> & have fun. </div> キーボード入力も大丈夫。即座に下のDOMコードが変化します。 不完全なHTMLを入力すると正しい結果になりません。例えば<table>タグに囲われていない<tr>タグなど。あくまで上記テキストエリア内でDTDに反しないHTMLを入力してください。 ダウンロード ファイル dom2code.js ※気が向いたら改善しますので、ダウンロードするより、このページをブックマークするほうがおすすめです。 動作環境 WinXP(SP2)上のInternet Explorer バージョン6.0.29で動作確認しました。 動作だけなら幅広いブラウザで可能ですが、出力するDOMコードがブラウザにより異なります。というのは
1 入門編 1.1 はじめに XMLの仕様書である「Extensible Markup Language(XML) 1.0 (W3C Recommendation 10-February-1998)」がW3Cから公開されてから約2年。このシンプルなメタマークアップ言語は、インタネットを支える基盤技術としてすっかり定着してきました。 「XMLとJavaが変えるオブジェクト技術」(JAVA PRESS Vol.6)で解説した通り、XMLは単なるWWWの後継技術というだけではなくオブジェクト技術全体にインパクトを与えるキーテクノロジであり、さらにJavaとの組合わせにより統合的なフレームワークとしてITシステム構築の中核技術、必須の構成要素となっています。JavaとXMLの組合わせを軸として、今後のインタネットテクノロジが旋回していくといっても過言ではないでしょう。 そのような技術的な展開が予想
Participate: GitHub whatwg/dom (new issue, open issues) Chat on Matrix Commits: GitHub whatwg/dom/commits Snapshot as of this commit @thedomstandard Tests: web-platform-tests dom/ (ongoing work) Translations (non-normative): 日本語 Abstract DOM defines a platform-neutral model for events, aborting activities, and node trees. 1. Infrastructure This specification depends on the Infra Standard. [INFRA]
文書オブジェクトモデル(DOM)第1水準 仕様書 Version 1.0 この文書は、W3Cにより作成されW3C勧告として公開されている "Document Object Model (DOM) Level 1 Specification Version 1.0" (http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001/) を、どら猫本舗が翻訳したものです。 最新版の仕様書は http://www.w3.org/TR/REC-DOM-Level-1/ にあります。 正式な仕様書はW3Cサイトにある英語版です。この日本語版は参考にすぎません。 この文書には翻訳上の誤りがあるかもしれません。どら猫本舗は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 お気付きの点がありましたらどら猫本舗までお知らせください。 REC-DOM-L
Unified, cloud-based test automation platform, powered by AI For Testers, QAs, and SMEs in cross-functional development teams A unified test automation platform built for Agile and DevOps teams. Testsigma enables everyone on your team to automate testing for web, mobile web, android, iOS apps, and APIs easily. No coding skills required.
PerlによりApache APIへアクセスすることを可能とするApacheモジュール。mod_perlを利用すると、Perlを機械語に変換したあとメモリに常駐させ、かつインタプリタ起動のオーバーヘッドもカットすることができるので、CGIプログラムなどに比較して数倍〜数百倍高速に動作するアプリケーションを開発することができる。 巷ではmod_perlはCGIプログラムを高速化するための技術だという解説も時折みられるが、CGIプログラムを高速化させるという点はmod_perlのもつ特徴の一部に過ぎず、実際にはApache APIをPerlから利用することで、Apache内部の処理フェーズにフックする処理を実現できる、という点が本質である。 mod_perlを用いたウェブアプリケーション・プログラミングはPerlハンドラと呼ばれるハンドラクラスを用意し、そのクラスによって任意のクラスをディスパ
Practical Mod-Perlという本があるのだけれど、その内容はオープンソースになっている。 mod_perlはいつかちゃんと勉強しなきゃと思っていたので読みはじめました。 んで、やっぱり書かないと覚えないし身に付かないし。 - CGIの歴史 まあ、これはね。問題ないでしょう。 HTTPを使ってデータをやりとりします。ヘッダとデータは空行で区切られます。リクエストを受け取ってレスポンスを返します。レスポンスではヘッダーでMIMEタイプとか文字コードとかを指定します。Apacheはmod_cgiを使ってスクリプトを実行します。環境変数を使っていくつかのパラメータを受け取れます。HTTP_USER_AGENTは簡単に偽装できます。HTTP自体にはURIの長さ制限がないけどサーバーとクライアントにはあるので注意しましょう。ユーザーから受け取った値を使ってレスポンスを作成する場合はクロスサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く