双方向通信を実現！ WebSocketを使いこなそう
（1）Ajax XmlHttpRequestオブジェクト（JavaScript）を利用した非同期通信処理のこと。Googleマップを筆頭とするWebアプリケーションで活用されている。ブラウザからサーバ側に非同期でリクエストを実施してデータを受け取り、JavaScriptにより部分的にページを更新することで、ページ全体を更新するよりも低負荷でサーバと通信できる。また、通信中も操作を継続できるので、エンド・ユーザーの操作を妨げられることもなく、ユーザビリティに優れる。デメリットとして、基本的にブラウザからのリクエストで動作する仕組みなので、サーバ側から自動でデータを送信することはない。
スマートフォンサイトの作成術 - 大川洋一
2011年4月2日に開催されたPHPカンファレンス関西で使用した「スマートフォンサイトの作成術」のスライドです。Read less
Polymaps
A JavaScript library for image- and vector-tiled maps using SVG. Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of im
【ハウツー】CSS3/jQueryでオリジナルのHTML5 videoプレーヤを作成してみよう (1) HTML5 <video>を利用する場合に注意しなければならないこととは | エンタープライズ | マイコミジャーナル
Opera Developer CommunityにてCristian-Ionut Colceriu氏がBuilding a custom HTML5 video player with CSS3 and jQueryというタイトルでCSS3/jQueryでオリジナルのHTML5 videoプレーヤを作成する方法を紹介している。 <video>要素はすでに多くのモダンなWebブラウザがサポート済み。まだプレビュー版ではあるが、Internet Explorerでもバージョン9にてサポートされている。動画をネイティブに埋め込むことでさまざまなメリットが生じることもあり、多くのデベロッパができるだけ早くこれらの機能を試用したいと考えている。 しかしながら試用するにあたり、いくつかの障壁もある。Building a custom HTML5 video player with CSS3 and
あたしルートラボ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。LatLongLabの河合（@inuro）です。 先日、ルートラボというサービスをリリースしました。主として自転車乗りの方などにご愛用いただいていたALPSLAB routeというサービスの後継となります。今年3月末のALPSLABのクローズにともない、LatLongLabに移行しました。 もちろんただ移行するだけでは相対的には退化なので、ルートラボでも色々と新しい試みを行っています。 そもそもルートラボとは ルートラボは、サイクリングコースや道案内などのルートを簡単に作成し公開できるサービスです。 地図をクリックするだけのシンプル操作でルートが描ける 地図と標高グラフが併せて表示される 作成したルートをWebページに
JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み
マイクロソフトのInternet Explorerチームが運営する「IEBlog」では、先日プラットフォームプレビューが公開されたIE9の内部で、どのようにJavaScriptの実行を高速化しているのかを紹介した「The New JavaScript Engine in Internet Explorer 9」がポストされました。 一方で、FirefoxもJavaScriptの次世代エンジン「JägerMonkey」を紹介したエントリ「improving JavaScript performance with JägerMonkey」を、ブログ「Mozilla Hacks」にポストしています。 それぞれのエントリから、JavaScript高速化技術を見ていきましょう。 IE9：バックグラウンドでJavaScriptをコンパイル 3月17日にプレビュー版が公開されたマイクロソフトの次期Web
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
jQueryとPHPでLinuxのtailコマンドを実装する - EC studio 技術ブログ
Linuxにはtailというファイルの末尾10行程度を表示する、 ログファイルのチェックなどに便利なコマンドがあります。 オプションで一定間隔で常に末尾10行の表示を 更新し続けることもでき、ログの監視などに使えます。 ただ、とっても便利でサーバー管理者御用達のこのコマンド、 当然ながらシェルでログインできなくては使えません。。 レンタルサーバーなどでシェル権限がない場合も多いですし、 何よりもっとカンタンにブラウザから見たい！と思いませんか？ 業務上の都合もありとっても欲しくなってので、作っちゃいました。 jQueryとPHPを使えば、思った以上にサクッと作れてしまったので、 技術ブログでソースコードや解説も含めて公開します。 (jQuery、メチャクチャ便利！です) jQuery + PHPでtailを作る！ まずは今回の完成品です。 シンプルですね。 「TAIL」ボタンを押すとtai
BBC - Glow Documentation
Please turn on JavaScript. To find out how to do this visit the WebWise JavaScript guide. Modules glow The glow namespace and core library. glow.anim Simple and powerful animations. glow.data Serialising and de-serialising data glow.dom Accessing and manipulating the DOM glow.dragdrop Simplifying drag and drop behaviour glow.embed Detect and embed Flash objects glow.events Native browser and custo
Aptana
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
[JavaScript][Perl] 続・正規表現を使ったCSVパーサ / LiosK-free Blog
2008-01-29 カテゴリ: Client Side タグ: Tips JavaScript Perl 正規表現 CSV 正規表現を使ったCSVパーサの続き。 トークン化したCSVを解釈するコードをJavaScriptとPerlで書いた。二つのロジックはほぼ同じ。 それぞれ、第一引数には解釈するCSVテキストを渡し、第二引数ではfield間の区切り文字を指定する。デフォルトはコンマ(,)。戻り値は、CSVを解釈した2次元配列(Perlの場合はリファレンス)。 function parseCSV(text, delim) { if (!delim) delim = ','; var tokenizer = new RegExp(delim + '|\r?\n|[^' + delim + '"\r\n][^' + delim + '\r\n]*|"(?:[^"]|"")*"', 'g');
プロトタイプ（prototype）によるJavaScriptのオブジェクト指向
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をして
Wicker Wings Scripts[JavaScript/DOM] -- 動的にイベントを割り当てる
DOMでのイベントの割り当ては、IEではattachEvent、GeckoやOperaではaddEventListenerを使うため、いちいちブラウザごとに振り分けなければなりません。 そこで、振り分けを行ってイベントを割り当てる関数を作成します。 function AddEvent() { if(arguments.length<3) return; var args=new Array(); for(var i=0;i<arguments.length;i++){ args.push(arguments[i]); } var en = args.shift(); var ev = args.shift(); var func =args.shift(); var el=document.getElementById(en); if(!el) return; for(var i=0;i<
Index of /code/javascript
Name Last modified Size Parent Directory - 140byt.es-svg-font-renderer.html 2012-01-02 11:41 5.9K 16x16%10.html 2008-07-15 10:52 225 3d-tag-cloud.html 2008-11-06 17:32 2.5K 3d_dots.html 2016-08-05 20:51 2.2K area-of-a-polygon-in-140byt.es.html 2012-02-07 04:52 5.3K asciifire.html 2016-09-07 14:18 1.6K b 2002-03-18 02:09 46 blink_in_IE.html 2009-01-27 09:29 234 blinkenrider-plasma.html 2008-03-19 1
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
【ハウツー】新星Webブラウザ「Google Chrome」に付属の2デバッガを使いこなそう (1) もう試しましたか? Google ChromeのWeb開発者向けデバッグツール | エンタープライズ | マイコミジャーナル
Firefox、Safari、Opera、そしてGoogle Chrome。これらWebブラウザはネットサーフィンをするにとどまらず、Web開発者/デザイナのためにデバッグを円滑にするためのさまざまなツールが用意されていることは周知のとおり。このたびリリースされたGoogle Chromeに付属するデバッグツールは、これから同Webブラウザでデバッグを行う、Firebug等に慣れてきたWeb開発者/デザイナのよきパートナーとなり得るか。 もう試しましたか? Google ChromeのWeb開発者向けデバッグツール WebKitをベースにしたWebブラウザ、Google Chromeがリリースされてはや1週間ほど。マルチプロセス、V8とさまざまな特徴・新機能に目が行きがちだが、読者の方々はもう「JavaScriptコンソール」「JavaScript Debugger」は試してみただろうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
InfoQ: jQuery Mobile Beta 1リリース、多数のブラウザとプラットフォームをサポート
https://looseleafjs.org/munode/)
JavaSriptとCSSの結合/圧縮ツール14 | エンタープライズ | マイコミジャーナル
新たな高性能CSSセレクタエンジンを搭載、jQuery 1.3がリリース
