タグ 非同期通信
人気順 10 users 50 users 100 users 500 users 1000 usersAjax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の... 続きを読む
【React+TypeScript】Netflixのクローンを作るチュートリアル
React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。 学べる事 - ReactのFunctionComponent(関数コンポーネント)とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外部APIを扱い、非同期通信でデータを取得 - movie-trailerにyoutubeを組み込む - Firebaseで... 続きを読む
[フロントエンド] fetchを用いたAjax通信を行う - YoheiM .NET
こんにちは、 @yoheiMune です。 XMLHttpRequestに変わる次のAjax仕様として fetch が策定されていますが、今日はそれを扱ったAjax通信をブログに書きたいと思います。 目次 fetchとは fetchとはwhatwgで策定されている、フロントエンドJavaScriptの次世代の非同期通信の規格で、 XMLHttpRequest に取って代わるものです。例えば以下のよ... 続きを読む
jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushSta... 続きを読む
Facebookを非同期通信で読み込む | Webクリエイターネット
ジャンルは問わず、個人的に好きなデザイン・風景・物、そして「何かいいなー!」と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 FacebookのLikeボタンやLikeボックスをサイトに設置している方は多いと思います。 その際、bodyタグのすぐ後にFacebookのJavaScript SDKを配置しますが、デフォルトでは非同期通信で読み込むようになっていません。非同期通... 続きを読む
Life is beautiful: node.js と thread hog の話(1)
ここ数日、 node.js で色々と作りはじめているのだが(node.js が一番力を発揮するのは、xmpp server や、push notification server のようにソケットを開きっぱなしにして非同期通信をするケースだと思うのだが、それについては別途書く)、これで思い出すのが Microsoft 時代の「"thread hog" 退治」だ。 "thread hog" とは私が作... 続きを読む
Jettyで始めるWebSocket超入門:第1回 WebSocket登場までの歴史|gihyo.jp … 技術評論社
Jettyで始めるWebSocket超入門 第1回 WebSocket登場までの歴史 2010年7月16日 金城雄 WebSocket, HTML, JavaScript, DHTML, Ajax, Comet, 非同期通信 コンテンツ, ウェブページ, クライアント, Ajax, Comet 1 2 はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただ... 続きを読む
Life is beautiful: 無名関数を使った非同期通信のススメ(JavaScript)
ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセ... 続きを読む
fladdict.net blog: HATENA-TUBEの技術的な話
なんか予想より好意的に受け入れられてほっとした、HATENA-TUBEのテクニカルなお話。 みなさんHATENA-TUBEをajaxだと思ってますが、実は非同期通信なってまったくやってなかったりします。 サーバー言語 サーバーはPHP5で組んでます。 使ってるプロバイダは他にも Perl, ColdFusion,Rubyと選択肢が豊富だったのですが、PHP5。 なぜなら、ColdFusionはイン... 続きを読む
CMS researcher - Greasemonkey: prototype.jsでクロスドメインAjaxを可能にする
以前、「Greasemonkeyでprototype.jsやscript.aculo.usを使う方法」を紹介しました。しかし、Greasemonkey内でprototype.jsが利用できるようになった恩恵を十分に受けられていませんでした。つまり、Greasemonkeyで提供されているGM_xmlhttpRequest()が可能にする「異なるドメインとの非同期通信」からの恩恵です。そこで今回は、... 続きを読む
Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は ― @IT
@IT総合トップ > テクノロジー > NewsInsight > Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は 2005/11/15 オープンソース・ジャパン(OSJ)は11月14日、RPC(Remote Procedure Call)の非同期通信を使って動的なアプリケーション生成を可能にする新手法「Ara... 続きを読む