<body> <h1>prototype.js リファレンス</h1>
先日リリースした Extractor の Bookmarklet(コメントをチェック(浮き出る版))のデザインや仕様を変えました。主な変更点としては、「マウスでドラッグできる機能」が付いたのとデザインをがらっと変えました。 その際にma.laさんの最速インターフェース研究会で紹介されていたJavaScriptでの遅延ロードのテクニックを拝借させて頂きましたので、覚え書きのつもりで今回どのようにしてそれを使ったのかについて書いておきます。 まず、先に紹介した Extractor の Bookmarklet がなにをやっているかというと、現在見ているページに script タグのエレメントを生成して、他のドメインのJavaScriptのソースを読み込んでいます。Bookmarklet を分解すると下記になっています。具体的には createElement で script タグを生成して、各プ
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい 「Meteor」は、Webアプリケーションを開発するためのフレームワークと実行環境を提供しています。アプリケーションはすべてJavaScript、HTML、CSSで記述できるため、サーバ側でRubyやPerlやJavaなどのプログラミングをする必要はありません。 TechCrunchの記事では、JavaScript/HTML/CSSだけでWebアプリケーションが開発できる点にフォーカスが当たり話題になりましたが、公開されたデモンストレーションのスクリーンキャストを見たところ、Meteorにはそれ以上に新しい仕掛けが盛り込まれていました(スクリーンキャストはこの記事の末尾に埋め込んであります)。 それは「リアルタイムなWebアプリケーションを構築す
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
こんにちは、太田です。前回はJSONPについて解説しました。今回は、XMLHttpRequestについて解説していきます。 XMLHttpRequestとは XMLHttpRequestはブラウザ上でサーバーとHTTP通信を行うためのAPIです。 名前にXMLが付いていますがXMLに限ったものではなく、HTTPリクエストを投げてテキスト形式かDOMノードでレスポンスを受け取る機能を持っています。 仕様としてはW3CよりXMLHttpRequestとして定義されており、2010年8月3日にCandidate Recommendation(勧告候補)となったばかりです。また、XMLHttpRequest Level 2の策定も進められています。 XMLHttpRequestの機能と特徴 前回のJSONPと比べると機能的には大きな違いはありません。ただ、スキーム、ドメイン、ポート(これをまとめて
2003年頃からIT関連の各種メディアで、リッチクライアントという言葉が頻繁に使われるようになった。その間、多くのベンダーから"リッチクライアント製品"なるものが提供され、徐々に導入事例も報告され始めている。 このように注目され始めたリッチクライアントであるが、その背景にはWebアプリケーションの普及とWebブラウザベースのクライアント環境の問題が挙げられる。詳細は後述するがインターネットの時代に入り、クライアント/サーバ型のシステムと比較した場合の開発コストや保守容易性の利点からWebブラウザとWebアプリケーションサーバで構成されるWebアプリケーションシステムへの移行が進んだ。 しかし、Webブラウザベースのクライアントは、クランアント/サーバ型のクライアントと比較した場合、必ずしも利用者にとって使いやすいものではなかった。極端に言えば、利用者の操作性/利便性を犠牲にした上でWebア
aリンクを無効にする方法 – JQuery、javascript、[#]リンク等 – How to disable links どうもこんにちは。今日のtipsは【aリンクを無効にする方法 – JQuery、javascript、[#]リンク等 – How to disable links】です。頻度は低いですが何らかの操作のトリガーにリンクを使う際やテストサイトで使う場面がありますのでまとめておきます。 ハッシュ – 無効例 特定アンカーに飛ばす際に使う方法です。ただこの方法ではベージ内で移動してしまいます。 <a href="#">LINK</a> javascript:void(0) – 無効例 javascriptを使う方法です。無効にするだけでしたらこの方法で問題ありませんがマウスオーバー時「javascript:void(0)」が表示されます(※ブラウザ依存) <a href=
The PeerJS library PeerJS simplifies WebRTC peer-to-peer data, video, and audio calls. PeerJS wraps the browser's WebRTC implementation to provide a complete, configurable, and easy-to-use peer-to-peer connection API. Equipped with nothing but an ID, a peer can create a P2P data or media stream connection to a remote peer. Downloads Setup Include the library with a script tag <script src="https://
HOME JavaScript入門 一定時間で繰り返す(setInterval) ここから、JavaScriptのタイマーについて解説していきます。 タイマーは、一定時間毎に動作を繰り返す時などに用いることができます。 スライドショーを作ったり、文字を切り替えたり流したりする時などに使用します。 このページでは文字を一文字ずつ表示する方法について見てみましょう。 setInterval()を使ったタイマーのサンプルスクリプト タイマーには2種類あって、ここではsetInterval()という命令文を使ってみます。 もう一つは次のページで解説します。 setInterval()は、一定時間毎に特定の関数を呼び出します。 では、以下のスクリプトをHTMLのBODY内に記入してみて下さい。 <form name="timer"> <input type="button" value="スタート"
Prev Next JavaScript クロスドメインというのは、違うドメイン(yahoo.comやgoogle.comのようなURLのホスト部分)間で諸々行なう事です。AJAXではXMLHttpRequestというメソッドを使って外部のファイルを読みこむ事が出来ますが、セキュリティの関係上、ドメインが違うファイルを読込む事は出来ない仕様になっています*1。これらを回避しなければ、スクリプトが置いてあるサーバ以外からファイルを読込む事は出来ないと言う事になります。いわゆるWEBサービスでは、さまざまなAPIが公開されていますが、せっかく公開されていてもココに制限があっては使えません。クロスドメイン制限を解除する方法を下記にまとめました。 PHPやCGI経由にする † 比較的安全かつ設定等も簡単なので、最も一般的な方法かもしれません。ただ、CGI等が使用出来る環境でなければならないし、外部
え~忙しくてだいぶ時間が空いてしまいましたね。おいそれと続きを書いてみますです。 前回までで、なんとかtelnetが使えるようになりました。さて、今度こそMySQLにリモート接続です。ここに至るまでそれなりに時間がかかりましたが、ここから先も時間がとられてしまいました。すんなりとはいかないものですね。今思えば単純な問題ばかりなんですが・・・。さて今回は直面した問題点を先にすべてあげてしまいましょう。 1.ポート(一般には3306)が開いていない 2.MySQLのユーザー権限設定が変更されていない 3.my.ini になぜか bind-addressが設定されている 他にも色々原因はあると思いますが、ローカル接続(MySQLがインストールされたマシン内だけでの接続)では正常に動くのに、外のパソコンから、ネットワーク上のほかのパソコンからリモート接続できないっていう場合は、一応確認してみて下さ
JavaScript の基本をまとめておきます。 値そのものの真偽 number 型の真偽は非0値なら true、0値なら false。 string 型の真偽は1文字以上あれば true、0文字の場合は false。(文字列"0"も true) null 値・undefined 値・NaN 値の真偽は、常に false。 null でないオブジェクトは、常に true。 変数の型変換: 変数を string 型化:『X+""』 変数を number 型化:『X-0』(true 値は1、false 値は0扱い) 変数の先頭にある数字のみを number 型化:『parseInt(X)』 変数をbool化:『!! X』 X typeof X 真偽 ! X !! X X+"" X+0 X-0 parseInt(X) 比較演算子『==』『!=』は、基本的にnumber型として比較される。 str
ZtreamはScala/HTML5製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 WebRTCではP2Pのメッセージングシステムが実現できます。動画チャットばかり注目されていますが、他にもできることはたくさんあります。今回はP2Pによるストリーミング配信システムZtreamを紹介します。 トップページです。再生ボタンを押すと音楽が流れます。 徐々にバッファされています。ピアーが他にいないので、この場合はサーバから配信されるのみです。 こちらは別なブラウザです。ピアーが2になっています。 片方の配信が100%になりました。 そうするともう片方はサーバではないピアーから配信されるようになりました。13%はサーバ外からの受信です。 Ztreamでは音楽の配信に際してP2Pのファイル共有のような手法を使います。P2Pでデータを送信しあう事ができれば、サー
ゆったりと卒煙に取り組むアメリカ帰り「卒煙魂(Sotsuen-Damacy)」の徒然日記~アメリカ生活(~2010年5月)、東京生活、グルメ、禁煙などを中心に~ このブログをご覧頂いている方々から、「突然ブログが見れなくなった」とお問い合わせを頂くことが連続しました。 共通するのは、「400 Bad Request」といったエラーメッセージが出てしまうようで、実は、私も、暫く前に同じ症状で自分自身のブログにアクセスできなくなるという事態に陥ったことがあります。 ネットで調べたところでは、同様の問題に直面した方々がおられるようで、この「400 Bad Request」というのは、ブラウザのCookie(クッキー)が溜まりすぎると発生するエラーのようですね。 よって、解決法としては、シンプルにクッキーを削除するということになりますし、これで多くの場合は解決するようです。ご参考までに、私のPCで
※ 画像は公式サイトデモより 分かち書きや形態素解析のニーズは色々な所に存在する。テキストはWebベースで最も扱われるデータの一つであって、その内容を分析、解析して欲しい情報だけを抽出するというのは重要な技術だ。 大規模な辞書データを元に行う形態素解析はコストがかかりすぎる。手軽に行うならこのソフトウェアを使ってみるのはどうだろう。 今回紹介するオープンソース・ソフトウェアはTinySegmenter、JavaScriptベースの分かち書きエンジンだ。 TinySegmenterはまさにJavaScriptベース、クライアントサイドでの分かち書きエンジンだ。辞書を使わない点が一番の特徴で、それによって時代の流れに依らず、さらに言語比依存であるために言語を問わず利用できる。 わずか25キロバイトしかないので、ごく軽量だ。動作の素早い。日本語として正しく書かれている新聞記事などに対して強いが、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く