[B! jquery][web開発] stealthinuのブックマーク

stealthinu id:stealthinu

jqueryとweb開発に関するstealthinuのブックマーク (25)

jQuery.ajaxの代わりにSuperAgentを使う - Qiita
脱jQuery AngularJSやVue.jsでは、DOMの直接操作は推奨されません。そうなると、jQueryはAJAXでしか使わなくなります。であれば、AJAX専用のライブラリにまかせてしまって、jQuery依存を外したくなってきます。というわけで、AJAXだけをやってくれるライブラリとして、SuperAgentを導入してみましょう。 HTTPリクエストに特化したライブラリです。 Node.jsとブラウザ両方で使うことができます。作者はExpress, Stylusの開発などで有名なTJです。 superagentの良さかわいい。ブラウザでの導入方法まず、下記URLにアクセスし、ファイル名superagent.jsとして名前をつけて保存してください。 https://wzrd.in/standalone/superagent@latest scriptタグでsuperag
stealthinu 2016/08/01
jQuery.ajaxのかわりにそこだけをやるためのライブラリ。SuperAgent

javascript

web開発

jquery
リンク
HTML-encoding lost when attribute read from input field
I’m using JavaScript to pull a value out from a hidden field and display it in a textbox. The value in the hidden field is encoded. For example, <input id='hiddenId' type='hidden' value='chalk & cheese' /> gets pulled into <input type='text' value='chalk & cheese' /> via some jQuery to get the value from the hidden field (it’s at this point that I lose the encoding): $('#hiddenId').attr('v
stealthinu 2015/05/21
jQuery使ったHTMLエスケープ手法『$('<div/>').html(val).text()』は少し問題があるらしくAngularJSのsanitize.jsのencodeEntitiesメソッドだとUnicodeのことも考慮されてるし良いとのこと。

jquery

javascript

web開発
リンク
GitHub - posabsolute/jQuery-Validation-Engine: jQuery form validation plugin
jQuery.validationEngine v3.1.0 Looking for official contributors This project has now been going on for more than 7 years, right now I only maintain the project through pull request contributions. However, I would love to have help improving the code quality and maintain an accepta ble level of open issues. Summary jQuery validation engine is a Javascript plugin aimed at the validation of form fiel
stealthinu 2015/04/28
バリデーションを行ってくれるjQueryプラグイン。自分でルール書いたり専用関数呼び出したり出来るなど柔軟性が高い。

jquery

javascript

web開発
リンク
onsubmit="return false" has no effect on Internet Explorer 7/8 (form is still submitted)
I have a form that will be submitted by javascript code triggered in "onsubmit" of the tag. Works fine on all browsers - but not on IE7/IE8. What can I do? <form action="/dosomething.htm" method="GET" onsubmit="submitmyform();return false"> [...] <input type="submit" value="Go"> </form>
stealthinu 2015/04/03
IE8でonsubmitにreturn falseしてもキャンセルしてくれない問題。jQueryでsubmitイベントに対してreturn falseならjQueryがクロスブラウザ対応してくれるため大丈夫。

web開発

javascript

jquery
リンク
jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ前置きが長くなりましたが、実際に「pjax
stealthinu 2015/01/16
pjaxというjqueryプラグインでajax的に動くけどページ遷移出来る（かつ遷移時はdiffでデータ転送）のが作れる。ajaxでもurl変更出来るのをpushStateっていうのね。知らんかった。

jquery

web開発
リンク
アップロードファイルサイズ制限　jQuery(upload file size) | Wordpress & Web Application Note
Wordpress & Web Application Note wordpress構築,プラグイン開発,その他PHP,MySQLによる開発メモ＋日常生活＆趣味メニューコンテンツへ移動 HOME ABOUT WEB-PROGRAM WP-PLUGIN WORDPRESS BOOK MUSIC $(function(){ $(".file1").change(function () { $("label.lblSize1").remove(); $("input.fileover1").remove(); var iSize1 = ($(".file1")[0].files[0].size / 1024); iSize1 = (Math.round(iSize1 * 100) / 100) $(this).parent().append("<label class='lblSiz
stealthinu 2014/10/28
jQueryオブジェクトで選択されたファイルのファイルサイズ見る場合。$("#hoge").files[0].size

jquery

web開発
リンク
あなたがReactを使うべき理由 - mizchi's blog
最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、﹁ある構造体の入力に対して、必ず一意なビューを生成したい﹂ {it ems: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue
stealthinu 2014/09/03
『HTMLを毎回同じ状態を復元する為に0からビューを構築するとものすごく効率が悪い』だからReactでは自動的に差分だけを操作するDOMを生成して書き換えてくれるらしい。ただjQueryとか直接操作系との併用は不可。

javascript

programming

web開発

jquery

html5
リンク
jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blogは、﹁Don't Use jquery-latest.js﹂と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blogは、7月3日付けで投稿された﹁Don't Use jquery-latest.js ︵jquery-latest.js を使うな︶﹂と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境︵公開している Web サイト︶で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ‥ Official jQ
stealthinu 2014/07/04
こないだのjquery-latest.jsが読めなくなった問題のこと取り上げられてる。んで、jquery-latest.jsを使わないで、とのこと…　すんません使わないようにします…

jquery

web開発

javascript
リンク
jQueryプラグイン 50
少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、他ではあまり見ないユニークな動きを実装できるものまで様々なタイプがあります。中にはCSS3を併用したりそのままでは日本語に対応していないというものも幾つかあるので、使う際にはブラウザやデバイス環境によっていろいろ確認する必要はあるんですが、いずれも便利なプラグインばかりです。 exValidation プラグイン作者が日本の方なので、ひらがなやカタカナといった日本語のチェックもできるバリデーションプラグイン。 Validetta シンプルで軽量なバリデーションプラグイン。 jQuery Valideasy 見た目がシンプル
stealthinu 2014/04/17
フォーム系のjqueryプラグインいろいろ。とりあえずexValidationは良さそう。typeに合わせてフォームに現在の値つっこむだけのプラグイン探してるのだけどなぜないんだろ？自作のはtypeを指定する必要あってしょぼいので。

●jquery

●web開発
リンク
$(document).ready();について - monjudoh’s diary
jQuery使用時に以下の書き方をすると、どれを使ってもDOM構築後のタイミングで実行したい処理を実行できる。 $(document).ready(function(){ /*実行したい処理*/ }); $().ready(function(){ /*実行したい処理*/ }); $(function(){ /*実行したい処理*/ }); 以下のように複数回実行した場合は$(function(){/**/});を実行した順に、中の関数が実行されるので以下の場合は、DOM構築後にconsoleに改行を挟んで1,2,3と順番に出る。 $(function(){ console.info(1); }); $(function(){ console.info(2); }); $(function(){ console.info(3); }); 自信がないので、一応、コードの該当箇所を確認 jQue
stealthinu 2014/04/12
$(function(){というかjqueryのready()って呼び出した順番で実行される

jquery

web開発
リンク
知っておくと効率的！コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ
作成‥2014/04/7 更新‥2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、﹁企業サイトで見たことある！﹂というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじスライドショー1．カルーセル︵横︶2．フェードアウト3．画像と文字をスライド4．文字が遅れて移動する効果5．異なるタイミングを設定できるナビゲーション・メニュー6．多階層ドロップダウンメニュー7．多階層効果つき8．スマホではドロップダウン9．スマホではセレクトメニューに10．Amazon風メガドロップダウンメニュー11．横スライド1
stealthinu 2014/04/07
これもいいまとめだな。企業サイトでよく使われてるようなjQueryプラグインやチュートリアルをまとめてある。ほんとによく使いがちなのがまとまってるのがよい。

jquery

web開発

webデザイン

まとめ
リンク
jQuery File Uploadの使い方
・デモページ・公式（英語）・ドキュメント（英語）・ステップ・バイ・ステップ（JQuery+PHP編）更新日：2014/2/20　ステップ・バイ・ステップのリンク追加概要ファイルをドラッグ・アンド・ドロップで、サーバーにアップ...
stealthinu 2014/04/04
jquery file uploadの使い方について。詳しい設置方法や設定、送信されてくるデータ形式など非常に参考になる。

jquery

web開発
リンク
Web - jQuery File Uploadとサーブレットでファイルアップロード画面を作ってみる - @lbtc_xxx lab
jQuery File UploadとJava Servletを使ってドラッグアンドドロップで複数ファイルのアップロードが可能な画面を作ってみます。ここでは[1]を使います。[3]が参考になりそうです。サーバ側での受け取りはサーブレットを使います。Servlet3のAPIを使って作ります。環境 jQuery-File-Upload-9.5.3 WildFly 8.0.0CR1 Oracle JDK7u51 OS X 10.9.1 準備 [1]からzipファイルをダウンロードしてきます。私は9.5.3.zipというファイルを取ってきましたこの要領でEclipseでJavaEE7プロジェクトを作ります作る画面側でHTMLファイル以外に必要なもの jQuery本体 js/jquery.fileupload.js js/jquery.iframe-transport.js js/vend
stealthinu 2014/04/04
jquery file uploadをjavaのサーバで使う。ストリームで受けれるからすんごい大きなファイルでも送れるのか。

java

jquery

web開発
リンク
blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
stealthinu 2014/04/04
IE6以上対応で複数ファイルやドラッグアンドドロップ、プログレスバー、プレビュー等、非常に高機能なアップロードライブラリ。PHPのサーバ側コードもあり。

●jquery

●web開発
リンク
http://www.favorite-labo.org/view/306?continue=1
stealthinu 2014/04/04
Cookieを簡単に扱えるようにするjqueryプラグイン

jquery

web開発
リンク
Welcome to Convergence Services - HRMS
stealthinu 2014/04/01
IE8対応のFormData使わないajaxなファイルアップロードはたぶんjQuery-File-Uploadを使うのが良さそうなのだが修正が大きくなりそうなのでこのパッチ的な対応を試してみる。

web開発

javascript

jquery
リンク
webhako.net
webhako.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
stealthinu 2014/03/18
チェックボックスをvalでチェック付けるには「[値]」とカギカッコでくくらないといかんのか。

jquery

javascript

web開発
リンク
ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ
作成‥2014/02/24 更新‥2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。エンジニア速報は Twitter の@commteで配信しています。
stealthinu 2014/02/24
あーまたこの人だ。今HTML+CSS+jQuery+javascript教えてるのだけど独学してもらうポインターとしてとても良さそう。

web開発

webデザイン

まとめ

html

css

jquery
リンク
jQuery ValidationをTwitter Bootstrapと組み合わせて使う - Qiita
jQuery Validationは名前の通り入力チェックを行うjQuery pluginです。サーバーサイドでチェックを行わないため画面遷移がなく、その場で入力ミスが分かるためユーザービリティーが上がります。しかし、Twitter Bootstrapでデザインを組んでいると、エラー発生時に入力フォームが赤くならないため、以下のコードを追加します。 errorClass:'error', errorElement:'span', highlight: function (element, errorClass, validClass) { $(element).parents("div[class='control-group']").addClass(errorClass); }, unhighlight: function (element, errorClass, validCla
stealthinu 2014/02/13
jquery validationとbootstrap組み合わせて使うときのCSS指定

jquery

bootstrap

javascript

web開発

css
リンク
高機能ライブラリ「jQuery」とそのPlugin「Validation」 - すぎゃーんメモ
非常に高機能で便利なJavaScriptライブラリとして評判の﹁jQuery﹂をちょっと触ってみた。 jQuery Pluginが豊富に存在する、というのも人気の理由のようで。formの入力チェックをしてくれる﹁Validation Plugin﹂というものを使って試してみた。 bassistance.de » jQuery plugin: Validation 忘れてしまわないうちにメモっておこう。最も簡単なサンプルそれぞれ上記リンクからダウンロードして、﹁js﹂というディレクトリに放り込んでおいた。 <!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title</title> <script type="te
stealthinu 2014/02/13
jquery validationの使い方。

jquery

javascript

web開発
リンク
1 2 次のページ