一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
お疲れさまXMLHttpRequest、こんにちはfetch - Qiita
Service Workersでプッシュ通知を受信できるようになったわけですが([1]: GCM)([2]: Web Push)、Chromeではバージョン48まではGCMで通知だけができるようになっただけで、メッセージ本体は通知を受けてからService Workerでサーバから改めて受け取るような実装をする必要があったりします。 ここで、Service Workersでは、XMLHttpRequestが使えません。その代わり、XMLHttpRequest (以下、XHR)に代わるWHATWGの仕様としてFetch APIがあり、Service WorkersではこのFetch APIを使うことになっていますので、その使い方を簡単に紹介します。 Fetch API自体は、Service Workers専用のものではなく、メインスレッドでもXHRの代わりに使うことが可能です。現時点で実装し
Selenium2.x で Ajax なWebアプリケーションをテストしよう 〜 Facebook の自動あいさつ返答機能を実装 〜 - Yamashiro0217の日記
この記事では、Facebook のあいさつ(Poke)機能への返信を題材に、沢山たまるとウザい嬉しいあいさつを自動で返すスクリプトを書くことで、Selenium2.x の使い方、特に Ajax アプリをテストする方法について学べるようにする。 Ajax がからんだWebアプリケーションのエンドツーエンドの最近のテスト手法についてのまとめにもなっていると思う。 最初の3節ぐらいは「Seleniumとは〜」とか「テストってのはさー」とかゴタクをごたごた書いているので、Seleniumの実際のコード見た方がはえぇよ。って言う人はコードが出てくるまで記事を飛ばすと良い。 こんな記事を気合入れて書いて公開した当日に…FacebookのUIが変わって…作ってたスクリプト動かなくなってしまった…orz。俺が何かやったり買うと事件が起きるんや・・「なにか買うとその直後に安くなったり、新機種がでたりするとい
［ASP.NET AJAX］Googleマップを操作するには？［2.0、3.0、3.5、C#、VB］ - ＠IT
Googleマップとは、いわずと知れたGoogleが提供する地図サービスである。Ajax普及のきっかけともなったアプリケーションであり、Ajaxアプリケーションの例として紹介されることも多いことから、読者諸氏も（おそらくは）実際に触れたことがあるはずだ。 本稿では、このGoogleマップを、ASP.NET AJAXアプリケーションから操作する方法について紹介する。 ●Google Maps APIについて Google Maps APIは、名前のとおり、Googleマップを外部アプリケーションから利用するためのライブラリである。本稿では、このGoogle Maps APIを利用して、リストボックスから選択された地点の地図を表示するとともに、該当する 地点の詳細をバルーン表示するようなWebページを作成してみよう。 この際、地点情報の取得から地図の移動、バルーン表示までを、ASP.NET A
Microsoft Learn: Build skills that open doors in your career
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
Microsoft Learn: Build skills that open doors in your career
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
ASP.NET Futuresで次世代ASP.NETを体験しよう：CodeZine
はじめに ASP.NET AJAXの登場によりASP.NETによるAJAX開発が容易になりました。現在ASP.NET開発チームはASP.NETを利用した開発を進める上で更に便利なコントロールを開発し、将来的にリリースしようとしています。これらのコントロールはASP.NET Futures CTPという名称で、実際に利用する事ができます。 本稿では、ASP.NET Futuresで利用可能なXAMLコントロールや、Mediaコントロール、そしてHistoryコントロールの使い方について学習していきたいと思います。XAMLコントロール、MediaコントロールはSilverlightを簡単にWebページに組み込む機能を、Historyコントロールはブラウザの戻るボタンの挙動をサポートする機能を持っています。なお、本稿ではASP.NET Futures CTPを利用します。対象読者ASP.NET
AJAX Control Toolkitの「Calendar」の月が日本語にならないのは
ASP.NET AJAX Control Toolkitの中からCalendarを使ってみた。 とても便利なのだが、月の表記が英語になってしまう。 サンプルではちゃんと日本語になるのに、自分の作ったページではどういうわけか英語表記になってしまう。 半日ほど調べまわってようやく、サイトのサンプルの下に英語で何やら書いてあるのを見つけた。これによるとページの国別属性Cultureの設定が必要だということ。ページ単位なら@Pageディレクティブにサイト全体ならWeb.Configに設定するようだ。 試しにWeb.Configに設定してみた。 でもやっぱり英語表記のままだった(--; もう一度説明を見るとCulture設定を有効にするには、さらにAJAXのScriptManagerのプロパティ「EnableScriptGlobalization」「EnableScriptLocalization」
Microsoft Learn: Build skills that open doors in your career
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
使ってみようASP.NET AJAX Control Toolkit（入力補助コントロール編）：CodeZine
はじめに ASP.NET AJAX V1.0がリリースされてから早くも3ヶ月が過ぎました。ASP.NET 2.0 AJAX ExtensionsやMicrosoft AJAX Libraryは利用され始めているようですが、ASP.NET AJAX Control Toolkit（以下、Control Toolkit）はどんな状況かよく分からないため利用できないという意見を聞くことがあります。本稿ではASP.NET AJAX Control Toolkitの各コントロールの特徴を伝えつつ、コントロールの使い方について解説していきたいと思います。 ただし、各コントロールすべてのプロパティは網羅していないので、それぞれのコントロールについて詳しく知りたい方は公式ページを参照して学習してください。また、今回のサンプルプログラムは基礎の基礎といった用途の紹介ですので、さらに詳細な使い方を学習したい方
平々毎々 (Hey hey, My my) | ASP.NET AJAXで他ドメインのWebサービスを呼び出す part1
AJAXは便利なんですが、XMLHttpRequestのセキュリティ制限により、他ドメインの呼び出しはできません。これを回避する技は(JSONPなど)いくつかありますが、ASP.NET AJAXにはそれらを簡単に扱う道具は用意されていません。というか、ASP.NET AJAX Futuresには、IFrameを利用して他ドメインを呼び出すためのライブラリが含まれていたのですが、現在のFutures CTPからは除かれています。セキュリティのためにも、その手の機構には慎重になるべきですね。 ということで、ASP.NET AJAXで他ドメインを呼び出すのであれば、自ドメイン上に置いたXML Webサービスを通して呼び出すしかありません。呼び出したいのが他ドメインのXML Webサービス(要するにSOAP)であれば、あまりコードを書くこともなく実現できますが、REST APIとかXML-RPC
【ハウツー】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単体で
ASP.NET AJAX版ColorDialogコントロールを作成する：CodeZine
はじめに ASP.NETには標準の色選択ダイアログコントロールがありません。この記事ではASP.NETとAjax Control Toolkitを利用してColorDialogコントロールを作成する方法について説明します。入手方法 ASP.NET AJAX、Ajax Control Toolkitは公式サイトより入手することができます。コントロールの要件定義 コントロールに要求される機能は以下のものを考えました。選択可能な色をユーザー独自にカスタマイズ可能ヘッダー部分をハンドルしてドラッグ可能選択した色のプレビュー機能取得した色コード(#ccddff)を、テキストボックスのvalue、background-color、colorプロパティのいずれかにセット可能選択後の処理をユーザー独自にオーバーライド可能 これらの機能を持ったコントロールを作成します。イメージは下のようになります。
Microsoft - Official Home Page
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
マイクロソフトのAjax対応フレームワーク「Atlas」入門
本連載で扱う「Atlas Framework」は2006年末に，マイクロソフトが無償提供を開始するAjax対応フレームワークです。ASP.NET 2.0＋Atlas Frameworkの組み合わせでどのようなことができるのか，どのような点が便利になるのかに力点を置いて紹介を進めていきたいと思います。 山田 祥寛 毎週水曜日更新中 ・第9回（最終回） CascadingDropDownコントロールで階層式メニューを作成しよう 今回は比較的中規模で利用頻度も高いと思われるCascadingDropDownコントロールを利用してみることにしましょう。 ・第8回 便利なAjax対応コントロール集 ASP.NET AJAX Control Toolkit ASP.NET AJAXは標準でUpdatePanelやTimerのような汎用的なコントロールを提供していますが，ASP.NET AJAX Con
Team Foundation Server にて Java アプリを管理、ビルド、JUnit も自動化で、継続的インテグレーションを実現できます(^^) - 長沢智治のライフサイクルブログ - Site Home - MSDN Blogs
Flow of Value for ALM, Agile | Tomoharu Nagasawa's Lifecycle Blog Team Foundation Service 5/28 更新 詳細は、以下に移動しました。 https://softwareengineeringplatform.com/articles/team-foundation-service-5-28/ ながさわ Author: 長沢智治 - MSFT Date: 05/28/2013 WordPress ブロガーへ贈る！ブログを簡単にアプリ化する方法 WordPress ブロガーや、 WordPress で企業ホームページなどのサイトを開設している方は、簡単お手軽に、自身のページを Windows ストアアプリにしてしまうことができます。... Author: 長沢智治 - MSFT Date: 05/27/2
最速インターフェース研究会 :: 遅延評価を使ってSjaxをAjaxに変換する方法
継続を使ってSjaxをAjaxに簡単に変換する方法 http://d.hatena.ne.jp/llamerada/20070220/1171984586 を見て。こんなのはどうだろう。 ユーザーからの入力や、非同期のHTTPリクエストなんかを、具体化されてないオブジェクトとして捉えて、それらを受け取った関数側が遅延オブジェクトを具体化するためのリクエストを投げて再試行する。ネストが深くならないですむ、同期処理で書く場合との変更点が少ない、あるいは完全に差異を無くすことができる。 alert(args)のコメントを外せば、引数が具体化されていく様子が分かるはず。 Function.prototype.receive_lazy = function(){ var orig = this; return function(){ var thisObj = this; var me = argu
Cheat Sheets for the YUI Utilities » Yahoo! User Interface Blog
YUI Blog Development Cheat Sheets for the YUI Utilities Cheat Sheets for the YUI Utilities Comprehensive documentation for the YUI Library is found online at the YUI section of the Yahoo! Developer Connection website. To supplement this online documentation, the YUI development team has begun drafting some cheat sheets — inspired by the handy references published by addedbytes.com (nee ilovejackda
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/developer/20070306/26.html
クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌