タグ Ajax
人気順 10 users 50 users 100 users 500 users 1000 usersAjax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
2024/02/27
17 users
htmx
アップルップル
html属性
サーバー
拡張
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の... 続きを読む
Ajaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、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... 続きを読む
Axios(vue.jsのajax)で外部APIをたたく時のクロスドメイン問題を（サクッと）解決したメモ
2018/10/05
14 users
AXIOS
クロスドメイン問題
Vue.js
外部API
メモ
Vue.js（フロントエンド）から外部の(一部の)APIを呼び出す際、クロスドメインの制限でレスポンスを使えなくなってしまう。 Q.そもそもなぜこんなことになっているのか A.セキュリティの問題でそのWebアプリケーションのドメインのサーバとしか通信できないというブラウザの制約があるため。 対策 調べたところ色々な対... 続きを読む
Mislav Marohnićさんのツイート: "We’re finally finished removing jQuery from https://t.co/r2QL2aHBfa frontend. What did we replace it with? No framework whatsoever: • querySelectorAll, • fetch for ajax, • delegated-events for event handling
2018/07/25
7 users
handling
querySelectorAll
We’re finally finished removing jQuery from https://t.co/r2QL2aHBfa frontend. What did we replace it with? No frame… https://t.co/qbvGdwYBxD 続きを読む
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 とか使う人生を送... 続きを読む
Web 2.0の寵児 “Delicious”、オーナー交代で直近のサイト変更を復旧へ | TechCrunch Japan
2016/01/13
38 users
delicious
パスワード
寵児
YouTube
直近
むかしむかし（たぶん2004年頃）、 Delicious というソーシャルブックマークサービスは、ウェブで最もホットな存在だった。当時のあらゆるバズワードにあてはまっていたが（コラボラティブ・タギング、フォークソノミー、AJAX）、他の多くのサービスと同じく、Yahooが2005年にこの会社を買収した後、放置した。それ以来オーナーが2度代った ― まず、YouTubeのファウンダーらが所有する会社... 続きを読む
『あわせて読みたいG』からGoogle Feed APIを除去して復旧しました - 太陽がまぶしかったから
2015/12/05
14 users
太陽
Google Feed API
クロスドメイン
停止
2015-12-05 『あわせて読みたいG』からGoogle Feed APIを除去して復旧しました プログラミング プログラミング-はてなブログカスタマイズ Google Feed API停止問題に対応しました Google Feed APIの停止にともなってあわせて読みたいGが停止してたので暫定対応版をだしていましたが、RSSをAJAXで直接読み取らせることで復旧しました。ただしクロスドメイン... 続きを読む
Domenic Denicola氏，JavaScriptの今を紹介 ～東京Node学園祭2015 基調講演：レポート｜gihyo.jp … 技術評論社
2015/11/12
26 users
基調講演
gihyo.jp
東京Node学園祭2015
JavaScriptの歴史 JavaScriptは今から約20年前の1995年にNetscapeで実装されたのがはじまりで，1997年にECMAScriptとして標準化され，現在に至ります。 2005年にはAjaxが登場し，翌年2006年にjQueryが広く使われるようになりました。2008年にはNode.jsのエンジンでもあるV8が登場し，JavaScriptのエンジン間で速度競争がはじまりまし... 続きを読む
Ajaxクロールの推奨構成のサポートをGoogleがついに終了 | 海外SEO情報ブログ
2015/10/14
74 users
クロール
上級
Google
現状
JavaScript
[レベル: 上級]Googleは、今からさかのぼること2009年に公開した、Ajaxクロールの推奨構成を終了することを公式にアナウンスしました。 以前の推奨構成を保持したままでもインデックスされ続けますが、現状に即した技術を利用するように促しています。 ごく限られたJavaScriptしか実行できなかった当時、GoogleはAjaxによって生成されるコンテンツを確実にクロール、インデックスするため... 続きを読む
Promiseで簡単！JavaScript非同期処理入門【後編】 | HTML5Experts.jp
2015/10/05
70 users
Promise
おさらい
API
後編
連載
連載： ECMAScript 2015（ECMAScript 6）特集 (5)前回に引き続き、ECMAScript 2015（ECMAScript 6）で新たに追加されたPromiseについて、その概要を全2回に渡って紹介します。今回は後編です。 前回のおさらい 前回は、こんなふうにPromiseを使うという例を紹介しました。それは、以下のようにAjaxでAPIにアクセスする例でした。 var f... 続きを読む
はじめてajaxを使うときに知りたかったこと - Qiita
はじめに 今更ですが最近少しajaxを触るようになりました。 jQueryを使用すれば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくはないかと思います。 ですが、少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めてajax初心者の方が、はじめにこれを知りたかったと思えるんじゃないか、というものをまとめてみたいと思います。 jQueryを利... 続きを読む
ページ遷移を意識させないアニメーションによるページ切り替え効果実装:phpspot開発日誌
2015/07/27
79 users
phpspot開発日誌
アニメーション
ページ遷移
URL
ページ遷移を意識させないアニメーションによるページ切り替え効果実装 2015年07月27日- Animated Page Transition 2 in Ajax | CodyHouse ページ遷移を意識させないアニメーションによるページ切り替え効果実装 Ajaxを使ってはいるものの全くページ遷移を意識させませんが、URLはきっちり切り替わっている所が特徴。 当然きりかわったURLにアクセスしても... 続きを読む
Ajaxを劇的に簡単にするReact.js – @masuidrive blog
2015/03/04
1229 users
React.js
masuidrive blog
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワーク... 続きを読む
Rails - Turbolinksをオフしないためにやった事 - Qiita
2015/02/27
11 users
Qiita
turbolinks
Rails
pjax
Tuurbolinks v2.2.0 https://github.com/rails/turbolinks Turbolinksとは TurbolinksはRails4.0からデフォルトで導入されたgem railsアプリケーションを 簡単に pjaxっぽくすることが出来る。 ajaxとhistoryAPI(popState, pushState)を利用して画面遷移 Turbolinksで遷移す... 続きを読む
Railsでajaxを使って結果をjsonで受け取る方法 - aik's blog
2015/02/23
42 users
Remote
Rails
JSON
Format
true
2014-07-13 Railsでajaxを使って結果をjsonで受け取る方法 Rails Ajax jquery-railsを使った時のajaxの動作のメモ。 フォームをajaxで送信し、jsonを受け取る処理を想定している。 view部分 フォームにremote: trueとformat: 'json'を設定する。 #/app/views/post/new.html.slim = form_f... 続きを読む
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... 続きを読む
jQueryとAngularJSにおけるAjaxの微妙な違い | ゆっくりと…
2015/01/11
52 users
jQuery
AngularJS
注入
プログラミング
クラス
AngularJS の勉強、始めました。 最初はそのプログラミングに関する独特のお約束事項にイラッとしましたが、キモであろう DI を「粗な関係のクラスを（実行時に）結びつけるのに必要な仕組み」と割り切り、DI – 猿でも分かる! Dependency Injection: 依存性の注入 で引用されている ITpro 記事 の クラス図 をコードから想像できるようにり、それなりに面白くなって来たと... 続きを読む
"Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ"をAngularJSで - Qiita
2014/12/08
23 users
サンプルアプリ
Rails
Qiita
AngularJS
はじめに 『Rails 4で作るドラッグアンドドロップで表示順を変更できるサンプルアプリ(スクリーンキャスト付き)』という記事，読まれたことがある方も多いと思います． RailsでAjax（via jQuery）を使ったデータの更新，ドラッグアンドドロップの実現，その他UXを向上させるためのいろいろな技などが詰まった最高にありがたい記事です．拝むしかない． お世話になった方も多いのではないでしょう... 続きを読む
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年に登場したライブラリです。さまざまなメニュー、カレンダーやカラーピッカー、... 続きを読む
一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ
2014/08/29
23 users
JSON
arimoつくったメモ
jQueryライブラリ
2013-07-09 一生Ajaxで取得した値をDataTablesにつっこめない DataTables Javascript jQuery DataTablesっていうjQueryライブラリを使ってソート機能とか検索/抽出機能とかが自動でついちゃうイケてる表組をつくろうとしています。 やりたいこと：ajaxでJSONを返すだけのAPIに通信しにいって、返ってきたJSONを整形してテーブルタグ群に... 続きを読む
“#”が付いたAjaxのURLをそのままGoogleがインデックスし始めた？ | 海外SEO情報ブログ
2014/08/26
58 users
now
ハッシュ
上級
Google
URL
[対象: 上級]“#”（ハッシュ）が入ったAjaxのURLを、Googleがそのまま検索結果に表示するようになる日が近いうちに来るかもしれません。#以降も含めたURLをインデックスSEOコンサルタントのJohn Doherty（ジョン・ドハーティ）氏がこんなツイートを投稿していました。Google is definitely indexing Ajax now, including URLs be... 続きを読む