タグ Ajax
人気順 5 users 10 users 50 users 500 users 1000 usersAjaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラ... 続きを読む
[JS]実装が簡単！要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It | コリス
2019/01/28
149 users
コリス
class
stylesheet
スクリプト
Libs
アニメーションの一覧 CSS3 Animate Itの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/animations.css" type="text/css"> </head> <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jque... 続きを読む
Big Sky :: Golang と Vue.js で簡単なアプリケーションを作ってみた。
2018/03/30
231 users
golang
Webpack
Element
ToDo
CDN
Go と Vue.js を使ってどれくらいシームレスに作れるかを確認したかったのでタスク管理アプリを作ってみた。サーバは Go なので vue-cli や webpack 等は使わない。全て CDN から。Vue.js でアプリのベースを、UI コンポーネントとして Element 、Ajax ライブラリとして axios を使った。 以前、 Riot.js を使って Todo アプリを作った 時... 続きを読む
JS知識ほぼ0からTypeScript入門してる - たにしきんぐダム
2016/12/22
226 users
TypeScript
jQuery
INCLUDE
公式HP
2016 - 12 - 23 JS知識ほぼ0からTypeScript入門してる JavaScript この記事は CAMPHOR- Advent Calendar 2016 23日目の記事です。 JS知識ほぼ0は言い過ぎかもしれないが、いわゆるモ ダン JSというものには縁遠く、つい最近まで jQuery を公式HPからダウンロードしたものを include して適当に ajax とか使う人生を送... 続きを読む
はじめてajaxを使うときに知りたかったこと - Qiita
はじめに 今更ですが最近少しajaxを触るようになりました。 jQueryを使用すれば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくはないかと思います。 ですが、少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めてajax初心者の方が、はじめにこれを知りたかったと思えるんじゃないか、というものをまとめてみたいと思います。 jQueryを利... 続きを読む
Ajaxを劇的に簡単にするReact.js – @masuidrive blog
2015/03/04
1229 users
React.js
masuidrive blog
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワーク... 続きを読む
Ajax 誕生から 10 年とこれから - Block Rockin’ Codes
2015/02/17
275 users
Applications
Codes
出典
URL
名前
2015-02-18 Ajax 誕生から 10 年とこれから ajax web Intro 誕生と言うのが正しいか微妙だけど、多分誕生でいいと思います。 というのも、「Ajax」という名前の出典は以下の記事で、この記事が書かれたのが今日からちょうど 10 年前でした。 Ajax: A New Approach to Web Applications (当時から、 URL が一回変わっている) We... 続きを読む
jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
2015/01/14
358 users
pushState
pjax
Neganin
ネガニン
URL
「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushSta... 続きを読む
WordPressでAjaxを使う方法の解説 | hijiriworld Web
2014/09/18
132 users
wp-admin
グローバル変数
WordPress
バス
基本の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function ... 続きを読む
米Yahoo!がYUI新規開発中止を発表。その背景となったJavaScriptの現状解説 － Publickey
2014/09/01
415 users
Publickey
カラーピッカー
YUI
ライブラリ
背景
米Yahoo!のエンジニアリングチームは、同社がこれまでJavaScriptライブラリとして開発してきたYahoo User Interface library（YUI）の新規開発を中止すると発表しました。 YUIは、JavaScriptでインタラクティブなWebサイトを構築する技術「Ajax」の注目が高まっていた2009年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、... 続きを読む
AngularJS で二重ポストしないようにする - Scribbling
2014/07/08
136 users
AngularJS
Scribbling
Disable
2014-05-28 AngularJS で二重ポストしないようにする AngularJS これまで Ajax で二重ポストをしないようにするには、 DOM を操作して disable にして押せなくしたり、できないものは HTTP リクエストする前に変数に状態を持たせてレスポンスがきたらその状態をクリアしたりするといったものがありましたが、リクエストを出す処理ごとに二重ポストを防止するコードを入... 続きを読む
Ajaxと組み合わせて便利なHistory APIを使おう - BREAK TIMES
2014/07/08
111 users
BREAK TIMES
エンジニア
History API
2014-07-08 Ajaxと組み合わせて便利なHistory APIを使おう Javascript HTML5 こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユーザーが直接読み込み先にア... 続きを読む
jQueryで、順番に実行が出来る .when() から .done() が便利だったのでメモ | あらかぜ手帖
2014/06/03
232 users
done
when
jQuery
JavaScript
順番
JavascriptやjQueryを書いていると、「この処理がちゃんと終わってから、こっちの処理を始めたい！」って場面に結構遭遇するのではないかと思います。特にアニメーションを作っているときによくあるのではないでしょうか。 コールバック関数を設定出来る処理なら簡単なのですが、それがないものも結構あったりします。僕が困ったのは.html()や.ajax()でした。なんかいい解決策は無いかなーとググっ... 続きを読む
クライアントサイド JavaScript のパフォーマンス改善には backburner.js が便利！ - tricknotesのぼうけんのしょ
2013/05/23
241 users
tricknotes
ぼうけん
ロジック部分
しょ
コスト
2013-05-24 クライアントサイド JavaScript のパフォーマンス改善には backburner.js が便利！ JavaScript performance DOM 処理や Ajax など、JavaScript が外の世界とやり取りする部分というのは、一般的に待ち時間を多く必要とします。 パフォーマンスを改善しようと思った時に、ロジック部分でコツコツと節約するより、まずコストが高い... 続きを読む
jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com
2013/05/07
317 users
jQuery
submit
Ginpen.com
防御
無効化
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するっての... 続きを読む
Rails 4のturbolinksについて最低でも知っておきたい事 | KRAY Inc
2013/03/11
379 users
Rails
turbolinks
gem
パース
CSS
Rails 4のturbolinksについて最低でも知っておきたい事 turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起き... 続きを読む
短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
2013/02/15
1136 users
ハッタリ
TwinTKchan
jQuery
spam
aタグ
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを... 続きを読む
GoogleのJSON(モドキ)の先頭にwhile(1); がつく理由 - 葉っぱ日記
2013/02/06
206 users
JSON
StackOverflow
Qiita
while
なぜGoogleはJSONの先頭に while(1); をつけるのか #JavaScript #HTML #Ajax #StackOverflow - Qiita これはクロスサイト・リクエスト・フォージェリ対策。 違うよ！全然違うよ！攻撃者の作成した罠ページにてJSONをツイートする 続きを読む
なぜGoogleはJSONの先頭に while(1); をつけるのか #JavaScript #HTML #Ajax #StackOverflow - Qiita
2013/02/06
413 users
JSON
StackOverflow
Qiita
while
Stack Overflowに面白い質問があったので紹介する javascript - Why does Google prepend while(1); to their JSON responses? - Stack Overflow 質問 Googleのサービス内で使われるJSONの先頭に while(1); てついているのは何故？ 例えばGoogle Calendarではカレンダーを切り替... 続きを読む
iOS6のSafariでWebサイトが正しく動作しない問題がかなり深刻・・ - NAVER まとめ
2012/09/25
158 users
NAVER
iOS
iOS6のSafari
POST
サーバ
本来ならPOST時にサーバにアクセスしてWebサイトを表示するが、iOSのSafariではAjaxのPOSTがキャッシュされてしまうため、同じURLをリロードした時にサーバにアクセスせずにキャッシュしたデータが表示されてしまう。 続きを読む
iOSのSafariではAjaxの動作が異常–すでにデベロッパたちは周知
2012/09/22
237 users
パク
アイコン
モバイルSafari
誤操作
本物
iOS 6のモバイルSafariに、おかしな動作がある。最初は自分の誤操作かと思ったが、どうやらデベロッパたちはすでに知っている本物のバグのようだ。症状は、画面上部にあるロード現況の回転表示、ページのあらゆる部分のロードが終わると回転が止まる小さなアイコンだ。しかしWebサイトによっては、このおちびさんがいつまでも止まらない。ページのロードが、いつまでも終わらないみたいに。 私のような、細かいこと... 続きを読む
[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト – BlocksIt.js | コリス
2012/08/21
111 users
コリス
エレメント
Libs
スクリプト
Pinterest風
BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type... 続きを読む
[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav | コリス
2012/06/20
215 users
コリス
Libs
スクリプト
ナビゲーション
成り行き
デモ：480pxで表示 上：未適用はが成り行きで二段になってしまう幅になっても、下：適用の見た目は損なわれません。 HorizontalNavの使い方 実装は4ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery... 続きを読む
シリコンバレーで学んだWebサービスを成功に導く10の原則 - パパパパ
2012/06/18
732 users
パパパパ
シリコンバレー
コンタクト
原則
ヒント
シリコンバレーに来て80日が経ちました。僕がシリコンバレーに来た理由の一つは、世界中で使われるようなWebサービスがどうやって成功を収めたのか、ということを見聞したかったからです。滞在中に現地で活躍している人たちとコンタクトを取って、100名以上の方から様々な答えやヒントをもらってきました（元Pinterestデザイナーで現Gumroadのサヒル、「AJAX」という言葉を作ったGmailデザイナー... 続きを読む
[JS]実装も簡単！ページ内の次にどこを見るかアニメーションでガイドするスクリプト -Pageguide | コリス
2012/06/07
100 users
コリス
stylesheet
Libs
スクリプト
実装
Pageguideの使い方 実装は4ステップです。 Step 1: 外部ファイル スクリプトとスタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="stylesheets/pageguide.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.m... 続きを読む