Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル

2024/02/27 17 users htmx Ajax アップルップル html属性 サーバー

htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の... 続きを読む

【React+TypeScript】Netflixのクローンを作るチュートリアル

2021/01/22 458 users クローン Netflix React+TypeScript

React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。 学べる事 - ReactのFunctionComponent（関数コンポーネント）とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外部APIを扱い、非同期通信でデータを取得 - movie-trailerにyoutubeを組み込む - Firebaseで... 続きを読む

[フロントエンド] fetchを用いたAjax通信を行う - YoheiM .NET

2017/01/20 26 users fetch XMLHttpRequest YoheiM 目次

こんにちは、 @yoheiMune です。 XMLHttpRequestに変わる次のAjax仕様として fetch が策定されていますが、今日はそれを扱ったAjax通信をブログに書きたいと思います。 目次 fetchとは fetchとはwhatwgで策定されている、フロントエンドJavaScriptの次世代の非同期通信の規格で、 XMLHttpRequest に取って代わるものです。例えば以下のよ... 続きを読む

jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)

2015/01/14 358 users pushState pjax Neganin Ajax URL

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushSta... 続きを読む

Facebookを非同期通信で読み込む | Webクリエイターネット

2012/12/12 26 users Facebook Flickr デフォルト Likeボタン

ジャンルは問わず、個人的に好きなデザイン・風景・物、そして｢何かいいなー！｣と思ったものを写真に撮ってFlickrにアップロードしていくつもりです。 FacebookのLikeボタンやLikeボックスをサイトに設置している方は多いと思います。 その際、bodyタグのすぐ後にFacebookのJavaScript SDKを配置しますが、デフォルトでは非同期通信で読み込むようになっていません。非同期通... 続きを読む

Life is beautiful: node.js と thread hog の話（１）

2012/10/15 112 users thread hog ソケット 退治 node.js 別途

ここ数日、 node.js で色々と作りはじめているのだが（node.js が一番力を発揮するのは、xmpp server や、push notification server のようにソケットを開きっぱなしにして非同期通信をするケースだと思うのだが、それについては別途書く）、これで思い出すのが Microsoft 時代の「"thread hog" 退治」だ。 "thread hog" とは私が作... 続きを読む

Jettyで始めるWebSocket超入門：第1回　WebSocket登場までの歴史｜gihyo.jp … 技術評論社

2010/07/16 363 users Jetty DHTML Comet WebSocket 金城

Jettyで始めるWebSocket超入門 第1回　WebSocket登場までの歴史 2010年7月16日 金城雄 WebSocket, HTML, JavaScript, DHTML, Ajax, Comet, 非同期通信 コンテンツ, ウェブページ, クライアント, Ajax, Comet 1 2 はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただ... 続きを読む

Life is beautiful: 無名関数を使った非同期通信のススメ（JavaScript）

2010/01/18 296 users 無名関数 ススメ Life is beautiful RIA

ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセ... 続きを読む

fladdict.net blog: HATENA-TUBEの技術的な話

2006/05/23 75 users HATENA-TUBE Ajax perl プロバイダ 選択肢

なんか予想より好意的に受け入れられてほっとした、HATENA-TUBEのテクニカルなお話。 みなさんHATENA-TUBEをajaxだと思ってますが、実は非同期通信なってまったくやってなかったりします。 サーバー言語 サーバーはPHP5で組んでます。 使ってるプロバイダは他にも Perl, ColdFusion,Rubyと選択肢が豊富だったのですが、PHP5。 なぜなら、ColdFusionはイン... 続きを読む

CMS researcher - Greasemonkey: prototype.jsでクロスドメインAjaxを可能にする

2006/03/05 89 users クロスドメインAjax Greasemonkey 恩恵 方法

以前、「Greasemonkeyでprototype.jsやscript.aculo.usを使う方法」を紹介しました。しかし、Greasemonkey内でprototype.jsが利用できるようになった恩恵を十分に受けられていませんでした。つまり、Greasemonkeyで提供されているGM_xmlhttpRequest()が可能にする「異なるドメインとの非同期通信」からの恩恵です。そこで今回は、... 続きを読む

Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は ― ＠IT

2005/11/14 73 users Ajax Ara RPC NewsInsight テクノロジー

＠IT総合トップ > テクノロジー > NewsInsight > Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は 2005/11/15 オープンソース・ジャパン（OSJ）は11月14日、RPC（Remote Procedure Call）の非同期通信を使って動的なアプリケーション生成を可能にする新手法「Ara... 続きを読む