そろそろきっちりJavaScript | コラム | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
膨大なAjax,Javascriptをコピペで使えるサイトだけど英語。だったら英語サイトを７０％くらい使えるようになるYamada式翻訳でいきましょう。*ホームページを作る人のネタ帳
TOP› WEBの小技色々› 膨大なAjax,Javascriptをコピペで使えるサイトだけど英語。だったら英語サイトを７０％くらい使えるようになるYamada式翻訳でいきましょう。
【ハウツー】Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」 (1) Extでできること | エンタープライズ | マイコミジャーナル
皆さんは、「Ext」というJavaScriptフレームワークをご存知だろうか。Extは、4月1日にバージョン1.0がリリースされたばかりの新鋭のフレームワークである。 Extの前身は、「Yahoo! UI Library(YUI)」の拡張版として開発された「yui-ext」というライブラリである。しかし、yui-extでは、リッチなUIを実現できるものの、決してサイズが小さいとは言えないYUIを導入する必要がある。そこで、yui-extの作者であるJack Slocum氏は、YUI以外のライブラリとも併せて使えるようにyui-extを刷新。その成果物をExtという名前で(頭文字の「yui」を外して)リリースした。 Ext 1.0で対応している外部のフレームワークはPrototype.js(scriptaculousも併せて利用可)、jQuery、そしてYUIである。現在のところExt単体で
第1回 悪意のJavaScriptで情報が漏えい：ITpro
Web 2.0という言葉で総称される新たなインターネット時代。Webサイトやエンドユーザーに仕掛けられる攻撃もまた，2.0と呼ぶべき進化を遂げようとしている。攻撃者はWeb 2.0の中核技術であるJavaScriptを悪用してブラウザを狙う。従来の脅威対策は全く通用しない。今この瞬間にも，エンドユーザーは個人情報を盗まれる危険にさらされている。 ブログ/SNSなどユーザー発信型のサイト，Ajax，RSS──。華やかさがクローズアップされるWeb 2.0。ところがその裏側では，エンドユーザーに情報盗難などの危険が広がっている（図1）。インターネット・バンキングやEC（電子商取引）サイトのユーザーIDやパスワード，クレジットカード番号はもちろん，企業内のシステムにアクセスするためのパスワードや，パソコンに読み込んだ機密文書データなど，対象はあらゆる情報だ。 2006年12月末，米国のセキュリテ
[ThinkIT] 第5回：実践！マスカットアプリケーションのサーバサイド作成 (1/4)
「第3回：実践！マスカットアプリケーションの画面作成」より、マスカットを使ったホテル検索アプリケーションの構築方法について解説しています。前回まででホテル検索アプリケーションのクライアントサイドを作成しましたので、今回はサーバサイドを作成し、一通り動作するホテル検索アプリケーションを完成させます。 また最後にマスカットアプリケーションの拡張についても見ていきます。 まずはサーバサイドの役割をここで改めて整理します。 「第2回：実践！マスカットIDEをセットアップする」の「マスカットの動作概要」の図5、6を参照してください。クライアントサイドでイベントが発生した際、送信メッセージXMLがサーバに渡されます。 サーバは受け取った送信メッセージXMLを元に特定の処理を行い、処理結果を受信メッセージXMLとしてクライアントサイドに返します。これがサーバサイドの役割となります。 さて、ここででてきた
[ThinkIT] 第3回：実践！マスカットアプリケーションの画面作成 (1/4)
今回からいよいよマスカットIDEを利用してマスカットアプリケーションを0から構築していきます。今回はブラウザ版IDEを利用して画面を作成します。次回以降ではEclipse版IDEを使ってイベントやサーバサイドプログラムなどを作成していき、最終的には単独で動作するマスカットアプリケーションを構築します。
[ThinkIT] 第2回：実践！マスカットIDEをセットアップする (1/4)
第1回ではマスカットの特徴と導入効果について紹介しました。今回は、マスカットで作成したリッチクライアントアプリケーション（以下、マスカットアプリケーション）の処理内容を通してその動作を確認します。次にマスカットの開発環境であるマスカットIDEのインストールと起動方法について実践的に紹介します。 マスカットアプリケーションは、画面を定義する「レイアウト定義XML」と動作を定義する「イベント定義XML」の2種類のXMLファイルを作成するだけで構築できるということを第1回で解説しました。 では、マスカット本体と2つのXMLファイルはどのように連携して1つのプログラムを動作させるのでしょうか。ここでは第1回で紹介したサンプルの足し算プログラムを例にマスカットアプリケーション実行時のレイアウト定義XMLとイベント定義XMLの役割を見ていきます。 足し算プログラムは図1に示すようなシンプルなマスカット
【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (1) デベロッパのアツい視線を受ける実力派エクステンション (MYCOMジャーナル)
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
ウノウラボ Unoh Labs: ローカルPCへ大容量データを保存するJavaScriptライブラリ「save2local.js」
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
【レビュー】これは便利! ブラウザでJavaScriptを編集・実行 - overtype 1 overtypeとは MYCOMジャーナル
以前、わずか3KBのコードで「イカした」エフェクトを実現するJavaScriptライブラリとして"bytefx"を紹介した。Andrea Giammarchi氏によって開発されたもので、同氏はほかにもbytedomなど一連の"byte family"を提供している。 Andrea Giammarchi氏はこうしたbyte familyを組み合わせて実験的なソリューションを提供しているのだが、ここではその中から"overtype"を紹介したい。overtypeはオンラインで提供されているJavaScript/HTMLエディタ。WebブラウザからJavaScriptやHTMLデータの編集ができるほか、その場で実行してデバッグできるという特徴がある。 以前、Webブラウザを使ってWebアプリケーションの試験を実施するテストツールとしてSeleniumを紹介したが、系統としては似ているかもしれない
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル
Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse IDE用のプラグインで、JavaScriptのコーディングを補助するための機能を提供するもの。Adobe Labsから提供されている。 すでに試験提供が開始されており、機能追加も活発におこなわれている。JavaScriptコーディングのための機能を多く提供しており、開発効率をあげてくれることは必須。本稿ではこのJSEclipseを紹介したい。
[ThinkIT] 第1回：マスカットが変えるAjax開発環境 (1/3)
最近のWebアプリケーションでは、表現力、操作性、配布の容易性といった観点からリッチクライアント（注1）が注目を集めています。その中でも、オープンな技術に基づいているAjax（注2）は高い人気を誇っており、様々なところで話題をよんでいます。 しかし、Ajaxを用いたWebアプリケーションの開発手法はいまだに発展途上であり、商用の開発レベルには到達していないという見方があります。その要因として表1に示すようなことが考えられます。 JavaScriptの生産性の悪さ Ajaxではプログラミング言語としてJavaScriptを利用しますが、JavaScriptを用いて本格的な開発をしようとすると、他のプログラミング言語に比べてその生産性の悪さが課題となります。 ドキュメント不足 最近ではJavaScriptの生産性の悪さをカバーするためのAjaxライブラリが数多く出てきていますが、その多くはドキ
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
JavaからAjaxアプリを生成 - Google Web Toolkit 1.2 RC1、OS X対応も | エンタープライズ | マイコミジャーナル
Googleは10月31日(米国時間)、Google Web Toolkitの最新版となるGoogle Web Toolkit(以降、GWT) 1.2 RC1を公開した。GWTはAjaxアプリケーションをJavaで開発するためのソフトウェア開発フレームワーク。GWTを活用するとJavaを使ってGoogle MapsやGmailのようなアプリケーションを開発することができる。 同プロダクトは正式版を目指したテストフェーズとしてのリリースで、ユーザからのフィードバックを受け指摘される重要な問題を解決したうえで1.2正式版を公開するとしている。1.2正式版のリリースは数週間後以内に実施される見通し。 1.2 RC1における主な変更点は次のとおり。 Mac OS Xサポートに追加 - Java仮想マシンへのホックがネイティブコードで実装されているため、これまでGWTはWindows XP/2000
Part1 Web APIプログラミングに挑戦しよう！ - Google/Amazon/Yahoo! Webサービス徹底活用：ITpro
いま，Webの世界は大きく変わろうとしています。検索エンジンはどんどん進化し，ブログやSNS（Social Networking Services）といった新しいアプリケーションが登場して，Webの用途は広がり，便利になっています。 プログラマにとってのWebの姿も大きく変わっています。従来，Webでプログラミングといえば，サーバーで動作するWeb/DBアプリケーションの構築か，JavaScriptで動的なWebページを作成することを指すのがほとんどでした。最近はこれに加えて，Web上に散在するAPI（Web API）を利用するプログラミングが流行しつつあるのです。 インターネット上のサービスを 自分のプログラムに組み込める 「API」と言えばOSの機能をプログラムから利用するための窓口というイメージがあると思います。Web APIとは，WebにおけるAPI，つまりWeb上にあるサービスを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ファイルアップロードの進捗 - 気の向くままに・・・
[ThinkIT] 第4回：実践！マスカットアプリケーションの画面＆イベント作成 (1/4)
https://labs.cybozu.co.jp/blog/kazuho/archives/2007/02/keeping_comet_alive.php
Technologies for UI
prototype.js リファレンス