JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ
showyou --- HTML に Ajax でドキュメントを出力 (でぃべろっぱーず・さいど)
ExecelやWordで画面仕様を管理していると、こんな問題に直面することありませんか？ ・設計書の見た目に懲りすぎて作業がはかどらない。 ・変更履歴を書くのが面倒。 ・いざ障害が発生したらドキュメントよりソース優先だ。 ・画面デザインが変更になるたび、画面イメージの張り替えが発生して発狂しそうになる。 そこで考えてみたのが、この showyou という仕組み。 外部のtextファイルにwikiフォーマットで記述したドキュメントを、実際の画面上に出力します。 画面仕様作成時、画面デザイン作成時、開発時などは、ドキュメントを出力し、本番環境ではshowyou ディレクトリの中に空のファイルを配置することで、ドキュメントを非表示にすることができます。 この方式でのメリットは以下の通り。 ・開発環境では、画面の下に常にドキュメントが表示されているので、実際の動きとドキュメントの乖離に気が付きやす
DWRはAjaxアプリを作りたいJava開発者にお勧め
DWRはAjaxアプリを作りたいJava開発者にお勧め：MyEclipseでAjax＋Javaをやさしく開発（2）（1/4 ページ） MyEclipseはJava EE開発を効率化するプラグインの集大成でかつ統合開発環境だ。併せてAjaxの開発を容易にする機能も持ち合わせている。本連載では、サーバサイドにJava EEを、クライアントサイドにAjaxを用いたWebアプリケーションをMyEclipseを使って容易に開発する手法を紹介していく。また、AjaxとJava EEの連携にはAjax開発用のJavaフレームワーク「DWR」を活用する。（編集部） Ajaxアプリケーション開発用のライブラリは数多くありますが、Java開発者がすんなり入っていきやすいのはDWR（Direct Web Remoting）でしょう。本記事では、MyEclipseを使ってDWRの簡単なサンプルを開発しながら、DW
ウノウラボ Unoh Labs: ローカルPCへ大容量データを保存するJavaScriptライブラリ「save2local.js」
こんにちは。さかとくです。 JavaScriptでローカルPCにデータを保存するライブラリ「save2local.js」を作りましたので公開します。 通常、JavaScriptではセキュリティが考慮されているため、データをローカルPCに保存するには、Cookieを利用します。 しかし、Cookieを利用する場合は、それほどたくさんの情報を保存することができません。 そのため、ゲームのセーブデータや、フォームに記入したデータなどは、セッションの仕組みを利用してサーバーに保存するのが一般的でした。「save2local.js」ライブラリを使えば、サーバーを利用することなく、ローカルPCに任意のテキストを保存できます。 今回ローカルPCにデータを保存するために、Flashの機能を使います。Flashには、SharedObjectと言ってローカルPCにデータを保存する機能がついています。
jMakiのサンプル - Ajax/Javaアプリケーション開発の参考にいかが? | エンタープライズ | マイコミジャーナル
以前、JSPやJSFを使ってAjaxアプリケーションを開発するためのフレームワークであるjMakiを紹介した。Ajaxアプリケーションの開発にはJavaScriptやJavaScript Ajaxフレームワークの利用が必要になる。jMakiはこれをJSP/JSFレベルまでこれを隠蔽するものだ。Java開発者がJavaScriptを意識せずともAjax Webアプリケーションの開発の開発が可能となる。同プロジェクトはGlassFishコミュニティメンバーという位置づけにある。 10日(米国時間)、GlassFishコミュニティのブログニュースサイトhttpThe AquariumにおいてjMakiのサンプルを紹介するポストが掲載された。同メッセージにおいて紹介されたサンプルサイトは次のとおり。 Building web 2.0 apps with jMaki Fun with jMaki:
最速配信研究会 - Web2.0とC10Kに関する数々の誤解
Web2.0 = Ajax/Cometなの？とかプロセスIDは今でも16ビットなの？とかはサテオキ、 個々のクライアントがサーバに要求する処理量は小さなものでハードウェアの性能上は問題がなくても、あまりにもクライアントの数が多くなるとサーバがパンクする――。これが最近Web開発者の間で話題となっている「C10K問題」（クライアント1万台問題）だ。 AjaxやCometなどのクライアント側技術に伴うサーバ側の問題に関していろいろ誤解があるようなので,書いておきたい.きっとlingrの中の人はこの記事読んでニヤニヤしてるはず. 以下、記事にないことも書いてあるのでそのつもりで. 誤解その1 AjaxによるWebアプリの台頭でサーバ側の負荷が増大する Ajaxの典型的な使い方はサーバに問い合わせてページの一部分だけを 変化させるというモノだ.これはページ全体を書き換える従来の方法と違い, すでに
【ハウツー】DWR 2.0 - アノテーションでさくさくAjax! JavaScriptいらず (1) DWRとは? | エンタープライズ | マイコミジャーナル
DWR(Direct Web Remoting)はAjaxアプリケーションをJavaで開発するためのソフトウェア開発フレームワーク。The DWR Projectのもとで開発され、Apache License Version 2.0のもとオープンソースソフトウェアとして公開されている。 DWRではJavaを使ってAjaxWebアプリケーションを開発する。必要になるJavaScriptを開発者が書くのではなく、Javaのソースコードから自動的に生成する仕組みを備えている。このあたりはGWT(Google Web Toolkit)と似ているかもしれない。ただし、DWRが生成するのはJavaScriptまでで、GWTはUIも精製するなど、範囲が動的か静的か混在かといった違いはある。 執筆現在の安定版リリースはDWR version 1.1.3だが、興味深い機能が多いことからここでは現在開発中であ
【レビュー】AjaxなWeb OSをCraythurで知る (1) Ajaxアプリの究極の姿? - Web OS (MYCOMジャーナル)
Webブラウザで動作するリッチクライアント、Ajaxアプリケーションが増えている。そうしたAjaxアプリケーションの究極の姿ともいえるものに"Web OS"がある。 "Web OS"はWebブラウザで動作するデスクトップのようなアプリケーションで、代表的なものを挙げてみると、StartForce、YouOS、eyeOS、Desktoptwo、goowy、Xindeskなどがある。 主にJavaScriptを駆使して開発されており、Webブラウザの中にデスクトップ環境がひろがっているかのように振る舞う。ここではそうしたWeb OSのひとつとしてCraythurを紹介したい。 Craythurとは CraythurはThe Craythur projectによって開発されているWeb OS。興味があるユーザはアカウントを作成することができ、100MBまでのフリーディスクスペースが割り当てられる
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル
Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse IDE用のプラグインで、JavaScriptのコーディングを補助するための機能を提供するもの。Adobe Labsから提供されている。 すでに試験提供が開始されており、機能追加も活発におこなわれている。JavaScriptコーディングのための機能を多く提供しており、開発効率をあげてくれることは必須。本稿ではこのJSEclipseを紹介したい。
【ハウツー】たった一行、これは簡単 - JSFでAjax、Ajax4jsf (2) Hello Ajax4jsf! | エンタープライズ | マイコミジャーナル
Ajax4jsfのプロジェクトサイトには成果物以外にデモンストレーション用のWebアプリケーションも用意されている。.warファイルをダウンロードしてデプロイしてみてほしい。Ajaxが実現されることがわかる。以降に動作例を紹介する。 図2.1 Simple Repeator Demo – テキストフィールドに入力する文字が、その下にテキストとして描画される。描画は非同期で部分的であり、ページの再読み込みは発生していない 図2.2 Simple Repeator Demo – テキストフィールドに入力する文字が、その下にテキストとして描画される。描画は非同期で部分的であり、ページの再読み込みは発生していない 図2.3 Using Buttons and Links – ボタンとリンクに対してAjax機能を実現している例。ボタンやリンクをクリックすると非同期に下部のテキストエリアやテキストラベ
[ThinkIT] 第1回：マスカットが変えるAjax開発環境 (1/3)
最近のWebアプリケーションでは、表現力、操作性、配布の容易性といった観点からリッチクライアント（注1）が注目を集めています。その中でも、オープンな技術に基づいているAjax（注2）は高い人気を誇っており、様々なところで話題をよんでいます。 しかし、Ajaxを用いたWebアプリケーションの開発手法はいまだに発展途上であり、商用の開発レベルには到達していないという見方があります。その要因として表1に示すようなことが考えられます。 JavaScriptの生産性の悪さ Ajaxではプログラミング言語としてJavaScriptを利用しますが、JavaScriptを用いて本格的な開発をしようとすると、他のプログラミング言語に比べてその生産性の悪さが課題となります。 ドキュメント不足 最近ではJavaScriptの生産性の悪さをカバーするためのAjaxライブラリが数多く出てきていますが、その多くはドキ
js_providerサンプルを試す
はじめに 本連載はCeltix 1.0に用意されているサンプルデモのREADME.txtファイルを日本語訳したものです。README.txtファイルにはWindowsとUNIXにおける作業手順が記載されています。 今回はサンプル16「js_provider」デモについて解説します。 連載ではWindowsについてのみ確認を行い、足りない手順についての内容を追加しています。UNIXを利用する場合には、Windowsの手順を参照してください。 なおビルドや起動にはCeltix 1.0環境が必要です。あらかじめ本誌連載「オープンソースESB『Celtix』を解き明かす」を参考にしてインストールを行っておいてください。 サンプル16 js_providerのデモ この「js_provider」は、JavaScriptとE4Xを使用し、JAX-WSProviderを実装した形式のhello worl
【ハウツー】Yahoo! UI LibraryでさくっとAjax! (1) Yahoo! UI Libraryを使ってユーザビリティアップ! (MYCOMジャーナル)
「マルチプラットフォーム」「利用する際に必要なものは、デフォルトでインストールされているWebブラウザとネットワークに接続できる環境のみ」といったような利便性の高さから、見ない日はないと言っても過言ではないほど浸透したWebアプリケーション。今日もいたるところで、さまざまな業務を円滑にすすめるためにWebアプリケーションが利用されている。 Webアプリケーションはハイパーリンクやフォームなど、Webブラウザの基本機能を用いて作成されている。Webブラウザ単体でできることは限られているため、ローカルアプリケーションと比較するとユーザビリティにが低くなりやすい。このため、デベロッパはWebブラウザ上で動作するJavaScriptやFlashをもちいて、そのユーザビリティを高めてきた。 ここではJavaScriptコードを記述するデベロッパの負担を軽減かつユーザビリティを簡単に高めることができる
【レビュー】SaaSがオフィスツールにも! 「Ajax13」提供開始 (1) XULベースのフリーオフィスツール | エンタープライズ | マイコミジャーナル
「Google Sphreadsheet」をはじめ、ソフトウェアを"サービス"としてネット上で提供するSaaS(software-as-a-service)が広がりを見せている。今後、Microsoftがオフィスプロダクトのオンライン展開を実施してくるのではないか、という噂も現実味を帯びて聞こえるようになった。 すでに多くのサービスが展開されているが、ここではXULを活用した事例として「Ajax13」というサービスを紹介したい。 「Ajax13」とは 「Ajax13」は2006年の初頭に設立された会社・Ajax13によって提供されているWebアプリケーションサービス。「Ajax13」はその名の通り、Ajaxをベースにして開発されたWebアプリケーションで、SaaSを実現する試みのひとつだという。執筆現在、ワープロ、スプレッドシート、ドローイングツール、プレゼンテーションツール、ミュージック
【ハウツー】PHPでAjax! JavaScript不要のxajax (1) PHP Ajaxクラスライブラリ - xajax (MYCOMジャーナル)
Webアプリケーションではもはや「実装されていて当然」といわんばかりに広まった技術、Ajax。ユーザにはひろく知れ渡ったが、実装するデベロッパには実装・保守ともにまだまだ苦労が続く状況だ。ここではそのような苦労を軽減するPHPのクラスライブラリ集としてxajaxを紹介したい。 xajaxはPHPで作成されたAjaxクラスライブラリ集。xajaxを使うことでAjaxを実現するさまざまな機能をクラスとして呼びだすことができる。比較的簡単にAjaxを使ったWebアプリケーションを作成することができるほか、既存のWebアプリケーションにたいして簡単にAjax機構を実装させることが可能だ。 xajaxはxajax projectによって開発され、GNU LESSER GENERAL PUBLIC LICENSE Version 2.1のもとで公開されているオープンソースソフトウェア。現在の最新版は4
【レビュー】ドローアプリまでもがWebで - Javaアプリケーション"Cumulate Draw" (1) Cumulate Drawとは | エンタープライズ | マイコミジャーナル
本稿ではWebアプリケーションとして提供されているドローイングアプリケーション「Cumulate Draw」を取り上げたい。最近さまざまな種類が提供されるWebアプリケーションだが、画像の描画という複雑な機能が実装されている。 Cumulate DrawはJavaおよびJavaScriptを使って開発されたドローイングWebアプリケーション。Apache TomcatやJettyなどのWebアプリケーションサーバにデプロイして使うことができるタイプのアプリケーション。提供されているサービスを使って試用できるほか、ローカルにWebアプリケーションサーバを起動し成果物をデプロイして使うこともできる。 執筆現在における最新版は0.3 alpha。同バージョンではFirefoxのサポートが追加されたほか、IEにおけるテキストレンダリングの改善などが行われている。0.3 alphaはいまのところソー
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
膨大なAjax,Javascriptをコピペで使えるサイトだけど英語。だったら英語サイトを７０％くらい使えるようになるYamada式翻訳でいきましょう。*ホームページを作る人のネタ帳
IBM Developer
IBM Developer