もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita
HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応しているので、チャットアプリなどにも適している。 2023 JavaScript Rising Starsでは、 フロントエンド・フレームワーク部門で見事2位に輝いた！(一位はReact、全部門だとshadcn/ui) 似たような機能として、Ruby on RailsのHotWireがあるらしい。 2024年はHTMXがくると言われているぐらい世界で騒がれているのだが、あまり日本では流行っていない。以下はGoogleトレンドで調べた結果である。 アメリ
XMLHttpRequest とはなんだったのか | blog.jxck.io
Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命
uu59のメモ | RailsとJS(vue.js)の連携
前書き Railsを使いつつJSもそこそこ書きたい、という条件であればまず前提としてjQuery脳を捨てましょう。jQueryスタイルで考えるかぎり何をどうやっても破綻するのでJSを諦めるか保守性を諦めるかして覚悟を決めましょう。 捨てるのは「jQuery」ではなく「jQuery脳」です。jQueryでグローバルな領域に進出してメソッドチェインで狼藉を働いたり、いま現在目の前にあるHTMLだけを考えてDOM操作をしたり、$.onと$.triggerを使ったクロージャ内部へのGOTOなどを記憶から消しましょう。 可能な限りスコープを小さく保つのはプログラミングの基本原則といえます。その原則を思い出し、JSを軽く扱わず、一般的なプログラミングと同様に閉じられた関心事にのみ注力するようにしましょう。 RailsとJSと役割分担 Railsもviewとしてテンプレートエンジンの処理を持っていますが
jQuery on Rails - ナカオ日記−フリーランスの轍
Railsでアプリケーションを作成した際のデフォルトJS(AJAX)ライブラリはprototype.jsとscript.aculo.us。 しかし、昨今のajax開発にはjQueryを使う人が多いんじゃないかと。 っつーワケで、今更ながらRailsでjQueryを使ってみましょう。 今回は以下のサイトを参考にしました jQueryをRailsで·jRails MOONGIFT RailsにjQueryの導入 とは言ってもプラグイン"jRails"をインスコするだけ ruby script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrails その後、headタグ内に <%= javascript_include_tag :defaults %> って記述してあげると 上のように展開され、デフォルトのjs
jQueryのサンプルTOP10 – creamu
MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー 詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demos わいわいと飲み会。超たのしかったぞ。
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッド | エンタープライズ | マイコミジャーナル
Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実はWebアプリケーション・フレームワークRuby on Railsのプロジェクトで開発されているプロダクトであり、同フレームワークに同梱されているため、Ruby on Rails経由で使用されるケースも多い。 ライブラリはMITライセンスで公開され、ドキュメントはクリエイティブ・コモンズ(Creative Commons)ライセンスのAttribution-Share Alike 3.0で公開されている。詳細はライセンスのページで確認していただきたい。 これから6回にわたって、こ
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
ajaxWrite -AJAX for Everyone
ajaxWrite is a web-based word processor that can read and write Microsoft Word and other standard document formats. Anytime you need to open, read or write a word processor file, simply point your Firefox browser to www.ajaxwrite.com and in seconds a full-featured program will be available for you to open, edit, print and save. ajaxWrite has been designed to look like Microsoft Wor
No click links
What? No-click-links are link which you don't have to click. Example Click the following link, or hover your mouse above it for 1 second (untill it is totaly faded). It will both trigger your browser to follow the link. The code code for the link: <a href="javascript:alert('link clicked')">link</a> Nothing special there, all the code is done in the noclick.js script. As you can see this link d
Gliffy.com - Diagram and draw in your web browser
With over 16 million users and an intuitive drag-and-drop interface, Gliffy Online lets users draw flowcharts online, create org charts, and collaborate with their team. Whether you're a single user, a team of ten, or looking for an enterprise diagramming tool for your organization, Gliffy has your back. Learn more about Gliffy Online with our product tour video.
Startforce | スタートフォース いつでも、どこでも、あなたのデスクトップ。
StartForce（スタートフォース）は、かつてスタートフォース株式会社により開発、販売されていた、ウェブブラウザ上で動作するデスクトップ環境システムです。 2006年の発売当時、このようなシステムは大変画期的でした。昨今では様々な場面で使われるようになった「クラウド」という言葉とともに、注目を集めることとなったのです。 InternetExplorerなどのウェブブラウザからログインすると、Windowsに近いデスクトップ環境で、オフィススイート、PDFの閲覧、メール、カレンダー、メッセンジャー等のサービスを扱うことができました。 次の項目で、「StartForceでできたこと」をもう少し詳しく見ていきましょう。 StartForceには、ユーザー登録を行うだけで利用できる無料のPersonal版と、企業向け有料プランのEnterprise版が存在しました。 Enterprise版では
Video File Format Specification Version 9
Stories about our creative apps and services for everyone
AJAX SSH
PIMをWikiで PIM（Personal Information Manager）、そしてGTD（GetThingsDone）…個人の情報管理をWikiでやろう。しかも手軽にね。 PIMをWikiで さぁ今日は土曜日。2月最後のWikiサタデーだ。最近、Wikiを個人で利用している人が増えている。メモ帳代わりに使うのが便利だからだ。では、そんな時に向いているWikiエンジンをご紹介しよう。 個人のメモなので、ローカルで動作するものが良い。インストールが面倒でないもの（ローカルにMySQLを入れるとのはちょっと…）、環境に依存しないもの（Windows限定ではなく…）が良いだろう。更に個人のメモとして、機能が付加されていると更に魅力的だ。 本日紹介するオープンソース・ソフトウェアはPimki、RubyベースのWikiエンジンだ。 インストールの手軽さは目を見張るものがある。「gem in
日本アニメ（ーター）見本市 イブセキヨルニ
レボリューション【猫用】の効果 レボリューション（猫用）の有効成分はマクロライド系駆虫薬セラメクチン。 殺虫剤に属さず、強い殺ノミ活性を示し、フィラリア予防とノミ駆除、ノミの卵の孵化の阻害、猫回虫、耳ダニの駆除が同時に行える成分です。 フィラリア症の予防 レボリューション（猫用）を愛猫の皮膚に投与すると、有効成分のセラメクチンが速やかに皮膚に浸透し、組織中、および血管内のフィラリアの幼虫にアプローチ。 フィラリア幼虫の神経を麻痺させることで死滅させます。 フィラリア症はフィラリア成虫が寄生することで発症しますので、レボリューション（猫用）を毎月1回継続して投与してフィラリア幼虫を駆除することで、フィラリア症の発症を防ぎます。 猫回虫の駆除 レボリューション（猫用）の投与で血管から腸管内に排出されたセラメクチンは、消化器官内に潜んだ猫回虫にも接触し、猫回虫の神経を麻痺させ殺効果を発揮します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
@nifty
スゴイ地図はサービスを終了いたしました〜