JavaScript時代のJava #kansumiB7 #kansumiBuilding simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...Shotaro Suzuki
jmblog.jp - preventDefault() と stopPropagation()
先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
text.ssig33.com - Rails の Ajax は過渡的なもので注意が必要だ
Rails の Ajax は過渡的なもので注意が必要だ この記事は Ruby Advent Calendar 2011 の 11 日目の記事です。真面目な話を書く。 Ruby プログラマーの皆様にあっては Rails プログラマーの方が多くいらっしゃると思います。 Rails を用いて開発されるプログラムには悉く Ajax が使用されていることでしょう。 つまり Ruby プログラマの多くは JavaScript プログラマです。 ところで Ruby と JavaScript はその思想に多きな差異があります。 JavaScript はその隅々においてコールバック制御を用いたシングルスレッドのイベントドリブンなプログラミングを要求します。 実際こうしたイベントドリブンなプログラミングは大層難しく、 Rails ではそれを隠蔽する為の仕組みが提供されています。御存知 link_to や fo
Rails3でAjax処理をするRails3っぽい方法 - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年09月18日11:21 Ruby JavaScript Rails3でAjax処理をするRails3っぽい方法 Rails3でAjax処理するときって、このように :remote => true を指定しますよね。 = link_to 'link', ajax_path, :remote => true そうするとajax_path（この場合は ↓ のajax#sample）にAjaxリクエストが送られます。 class AjaxController < ApplicationController def sample respond_to do |format| format.html # sample.html.haml format.js # sample.js.haml end end end 通常、Ajax処理はjsとして処理されるため、sample.js.hamlがレ
Ajax入門
Ajax入門 Ajaxとは Ajaxは、エイジャックスとかアジャックスとか呼ばれます。新しい言語というよりは、技術（手法）の名前というのが正しいようです。 動的ページは、条件によって出力する内容を変化させるウェブページの事ですが、大きくわけて２種類あります。 １．サーバーサイドスクリプト ２．クライアントサイドスクリプト サーバーサイドスクリプトは、CGIやPHPのようにサーバー側で動作するスクリプト言語です。サーバーサイドにあるデーターベースにアクセスする事ができるため、簡単な掲示板スクリプトから通販サイトや受発注ページなど、データーベースがらみの処理に多く利用されます。 クライアントサイドスクリプトは、JavaScriptに代表される端末側で実行させるスクリプトです。サーバー側にあるデーターベースへのアクセスはできませんが、リロードなしで画面を書き換えられるといった、クライア
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
jQueryのlive関数が超便利な件について | さくらたんどっとびーず
先日 jQueryMobile をいじくってたらいまいちよく分からなかった部分があったので jQueryMobile のソースとかサンプルをだらだら見ていたのですが、live() という関数がちょいちょい使われてたので気になって調べてみました…ら、超便利なことが判明したので生存戦略しとこうと思います。 とりあえず semooh.jp さんの日本語リファレンスによると、live 関数は未登録の DOM オブジェクトに対しても動作するイベントハンドラを登録する関数のようです。 jQuery 1.3より実装。 イベントに対してハンドラを登録します。 登録されたイベントは、現在および将来的にも、セレクタにマッチする全ての要素に適用されます。 カスタムイベントに対してbindすることも可能です。 live(type, fn) – jQuery 日本語リファレンス って、これって超便利じゃん！ って、
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
第1回 まずはAjaxの概観を見ておこう
Ajaxという言葉が世に出てから約2年になる。Ajaxについて解説した雑誌やサイトの記事も珍しくはなくなった。しかし，どうもいまだにピンとこない，という人は意外に多いのではないかと思う。そこで，もう一度改めてAjaxの仕掛けを眺めていこうと思う。 Ajaxというのは，ActiveXとかCGIなどと同じように，実装技術に名前を付けたものである。もう少し細かく分類すると，リッチ・クライアントを実装するための一つの手法ということになる。リッチ・クライアントを実装する手段はAjaxに限らず山ほどある。だから，Ajaxが他の何かに似た仕掛けを持っているのは当然である。 それでは何がAjaxの売りかというと，メジャーなプラットフォームでよく使われるブラウザに搭載済みの機能，つまりJavaScriptを使うところにある。クライアント側に「なんとかエンジン」とか「なんとかプラグイン」のような特別なプログラ
本当はそれなりに面倒くさいJavaScriptとhistoryとAjaxのお話 - 愛と勇気と缶ビール
口上 historyとAjaxといえば、JavaScriptからある程度任意でhistoryのエントリをpushできるhistory.pushStateとか、history.replaceStateは既に大分有名になった感がある。 素晴らしい未来では、全てのブラウザにpushStateが乗っていて「location.hashを使ったAjax遷移が許されるのは10年前のブラウザまでだよねー」というハッピーな世界が実現するのだろう。が、今現在ではまだpushStateに対応していないブラウザのシェアも多く、Ajaxによる擬似画面遷移をモリモリ行うようなサイトではpushStateのある環境、ない環境の両方を考慮してやる必要がある。 (ちなみに、要件によっては「pushStateがないブラウザは通常の遷移で我慢しろ！」という割り切りも全然ありだと思う) 先に言っておくと、この記事は長いです。 環
＠IT：古くて新しいAjaxの真実を見極める
Ajax推進委員会 監修：ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
婷婷综合久久狠狠色_亚洲国产AⅤ精品一区二区蜜桃_亚洲精品无码专区在线_亚洲欧美精品伊人久久_看黄A大片爽爽爽不打码
婷婷综合久久狠狠色,亚洲国产AⅤ精品一区二区蜜桃,亚洲精品无码专区在线,亚洲欧美精品伊人久久,看黄A大片爽爽爽不打码,国产午夜片无码区在线观看,乱辈通奷ⅩXXXXHD
婷婷综合久久狠狠色_亚洲国产AⅤ精品一区二区蜜桃_亚洲精品无码专区在线_亚洲欧美精品伊人久久_看黄A大片爽爽爽不打码
婷婷综合久久狠狠色,亚洲国产AⅤ精品一区二区蜜桃,亚洲精品无码专区在线,亚洲欧美精品伊人久久,看黄A大片爽爽爽不打码,国产午夜片无码区在线观看,乱辈通奷ⅩXXXXHD
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
