Ajaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA（PESPA）と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ
pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
jQuery で HTTP 接続するときの書き方: Days on the Moon
12 月 13 日に Kyoto.js の第 3 回 meetup で、「jQuery で HTTP 接続するときの書き方」と題した 5 分間のライトニングトークを行いました。以下にその内容を一部再構成して収録します。 こんにちは、nanto_vi です。今日は jQuery で HTTP 接続をするときの書き方について話します。 皆さん jQuery を使うことも多いかと思います。jQuery で HTTP 接続をするとき、古いサンプルだと次のような書き方が載っています。 $.ajax({ url: '/foo/bar', data: { baz: 'qux' }, success: function (data) { console.log(data); }, }); 接続完了時の処理をコールバック関数として $.ajax() に渡してやる形ですね。しかし、現在この書き方は非推奨となっ
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
PHP＆MySQLのクールなAjaxノートブック構築用OSS「Surreal ToDo」:phpspot開発日誌
Get Surreal | Surreal ToDo PHP＆MySQLのクールなAjaxノートブック構築用OSS「Surreal ToDo」。 ノートはページ内にJSで追加できて、次のようにiGoogleみたいに画面一面に広がり、ドラッグ＆ドロップで移動も可能という変わったWEBツールがオープンソースで公開されています。 タブを切り替えることで多数のノートを１画面で管理することが可能です。 テキストエディタなんかを多数立ち上げている方はこれを使うと１画面に集約できてスッキリしそうです。タブが増やせるので切り替えも可能なので広く使えます 右クリックで編集やインデント、フォント設定の変更や削除が可能。 編集はダブルクリックでも出来るみたい。 左の+ボタンを押すと伸縮させることも出来ます。 関連エントリ オープンソースのソーシャルブックマーク用プログラム オープンソースGoogleAnalyt
CakePHP + Ajax + JSON
自然の中で農業して、休憩には好きな読書をする私が、健康や食事について良いと思ってやっていることの記録です。時々はSEネタも・・・ 前回トライしたときは、JSON形式で返すことはできたのですが、ContentTypeがText/Htmlだったため、取り出すのにresponseTextで取り出してから、evalJSONでオブジェクトに変換しなければいけませんでしたが、やっとContentTypeをjsonで返すことができるようになりました。 ◆controllerのソース 他のサイトにも書かれている通り、controller内のbeforeFilterでContentTypeをセットするのがカギになります。 Ajaxアクセスで、JSONを返すアクションであることを確かめて、不要な出力をしないようにdebugモードを0にセットしてから、Contentのセットを行います。 それから、JSONを返す
JsHelperでAjaxフォーム | Web関係のメモ書き
クックパッドみたいな意見箱を作りたかったので、既存のノーマルなフォームにJsHelperを組み合わせてみた。 (エンジンはJQueryを選択) CakePHP 1.3.0 まずは$form->submit()部分を修正。 <?php echo $js->submit('送信', array('buffer'=>false, 'id' => 'OpinionFormSubmit', 'url' => '/opinions/ajax_add', 'update' => '#OpinionFormBox', 'beforeSend' => 'opinionFormLoading()')); ?> urlは実行するアクション updateは更新するボックスのid名とか beforeSendは送信前に実行するJS関数とか(Loadingとか出したい時に) bufferはfalseにしとかないと更新さ
3.4. CakePHP運用環境 のセットアップ
New CakePHP 5.1 Chiffon. Faster. Simple. Delicious. What's new in 5.1 The migration guide has a complete list of /what's new in 5.1. We recommend you give that page a read when upgrading. A few highlights from 5.1 are: new plugin commands Components can now have dependencies injected by the container Upgraded to support PHPUnit 11.1+ Improved enum validation More events, so you can observe your ap
CakePHP AjaxでJSONデータの出力の仕方とcontent-typeについて – MT Systems
以前、Ajax通信で結果を出力する際XMLデータだったので、Content-Typeを「application/xml」か「text /xml」にしようと、RequestHandlerのメソッド(setContent)をいろいろ試したのだが、いつも「text/html */*」となり、なかなか思うように出力できなかった。あの時は、クライアント側で支障なく利用できたので、放り出してしまった。 今回、クライアント側のJavaScriptで扱いやすいように、JSONでデータを出力することにしたので、前回クリアできなかったハードルに再 挑戦することとなった。と言っても、CakePHPについは世界中で多くの情報が公開されているため、作業は検索と動作チェックだけだったけど (^_^;)。 お題は、「ユーザ番号をAjaxのGETで渡し、DBのユーザ情報をJSONで出力する」という、簡単なお話し。クライア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.bjsv.net/posts/view/41
IDEA * IDEA