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
JavaScriptの学習がてら、jQueryのファイルアップロードのプラグインを作ってみました。 世の中には、jQueryのファイルアップロードプラグインはすでに存在していますが、私が使いたい感じのものがないこともあり自作しました。 機能的には、次のようなものになります。 複数ファイルのアップロード アップロードの進捗状況の表示 ドラッグアンドドロップによるアップロード アップロード途中での停止 アップロードしたファイルの削除 上記の機能はオプションによって変更できます。例えば、ドラッグアンドドロップが必要なければ使わないということができます。 具体的なオプションに関しては、次のGitHubのREADMEをご覧ください github.com
JavaScriptの学習がてら、jQueryのファイルアップロードのプラグインを作ってみました。 世の中には、jQueryのファイルアップロードプラグインはすでに存在していますが、私が使いたい感じのものがないこともあり自作しました。 機能的には、次のようなものになります。 複数ファイルのアップロード アップロードの進捗状況の表示 ドラッグアンドドロップによるアップロード アップロード途中での停止 アップロードしたファイルの削除 上記の機能はオプションによって変更できます。例えば、ドラッグアンドドロップが必要なければ使わないということができます。 画面イメージや、具体的なオプションに関しては、次のGitHubのREADMEをご覧ください github.com
jQueryからNativeJavaScriptへの変換規則的なTips 1個1個の記事は薄めでも25個で脱jQueryを目指します。 blog:https://q-az.net/ Twitter:https://twitter.com/gzzdino
注意 この文章は、ここの文章をそのままコピペしたものです。 プラグイン作成に非常に有効なのでメモしました。 最新版はオリジナルの文章を読むことをお勧めします。 元文書: Plugins/Authoring - jQuery Wiki(t) jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です!プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。 目次 さあはじめよう コンテキスト 基本 メソッドチェーンの維持 デフォルトとオプション 名前空間 6.1. プラグインのメソッド 6.2. イベント 6.3.
Posted: 2014年4月6日-Likes: 0-Comments: 0-Categories: JavaScript, jQuery-Tags: jQuery, jQueryプラグイン 今や当たり前に使われているjQuery。 私もWeb制作時には、JavaScriptを利用する時には、かなりの割合で利用させて頂いています。 jQueryの利点はこんな感じ クロスブラウザ Write Less, Do More – より少ない書き方で、もっと多くこなす プラグインが豊富(世界中で作成・公開されている) 自分で書いても少ないコードで多くの要望に応えることができて、さらにプラグインを利用することにより多くのことができる点は、とても素晴らしいと思います。 jQueryを利用していると自分で作った処理をプラグイン化したいな。多くの人に使ってもらいたいなということがありませんか? プラグインを
いろいろと原則論はあるんですが。昨今のアプリケーションは複雑化し、扱う情報はよりセンシティブになり、そしてより幅広く使われるようになっています。よって「安全な」アプリケーションを作るために必要な知識はますます増える傾向にあります。 よく分かってない人は以下のことにとりあえず気をつけましょう 1. なるべく自分で作らない これは最も重要なことです。検索する、他人に聞く、自分で考えない。これは重要です。大抵の問題は他人が作ってくれた解決策を適用できます。 例えばセキュアな問合せフォームを作ることにしましょう。気をつけるべきことは以下のことぐらいでしょうか。 送信内容の確認画面を表示する場合、ユーザーの入力した値は適切にエスケープするように 送信内容をアプリケーションの DB に格納する場合には SQL インジェクションを防がなければならないので、プリペアドステートメントを用いる CSRF 対策
It’s hard to believe it’s been nearly eight years since jQuery was released. Web development has changed a lot over the years, and jQuery has changed along with it. Through all of this time, the team has tried to walk the line between maintaining compatibility with code from the past versus supporting the best web development practices of the present. One of those best practices is semantic versio
jQueryのイベントハンドリングには、現在 .on(),.off()のみが推奨されて利用されています。 その基本的な使い方はこんなかんじでした。 $(element).on(event, function() { console.log('event fired!'); }); この場合、対象となる$(element)において指定したeventが発火した時に、コールバック関数が呼び出されます。非常に直感的ですね。 ところで、これは以前の.bind()と全く同じです。 .bind()の場合は、指定したずばりその要素に対してのみ、イベントハンドリングを行います。よって、.bind()が呼び出されたその時点で存在しない要素に対しては、たとえセレクタが一致していたとしてもハンドリングが行われません。 このことを利用すれば、イベントハンドリングをしたいまさにその要素にのみ、たとえその後同じセレクタ
リッチなWebアプリケーションに対するニーズの増加に伴い、JavaScriptで十分なパフォーマンスを担保することが難しくなってきています。とりわけ、スマートフォンのような非力なデバイスでは一層シビアなチューニングが求められるでしょう。本セッションでは、もっともポピュラーなJavaScriptライブラリである「jQuery」を中心とした、いくつかのパフォーマンス解決のためのヒントについてご紹介させていただきます。 http://frontrend.github.com/events/04/#pocotan001Read less
SaCSS Special4 Frontrend in Sapporo -(2013年12月7日開催)で使用したスライドです。 jQueryはCSSのセレクタが主体となるため、非プログラマーにとっても取っ付き易く、これからJavaScriptの習得を考えている方にとって良い足がかりとなるでしょう。 本セッションでは、jQueryの概要を踏まえ今後どのようにスキルを伸ばせば良いのか。 また、JavaScriptを書くにあたってどのような点について気を使うべきか、と言ったところにフォーカスを当ててお話しさせていただきます。Read less
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
jQuery 1.11.0 と 2.1.0 がリリース されたので、自分なりに変更点をまとめました。 誤訳や誤解して間違ってまとめていることもあるかも知れませんので 読まれる際はご注意下さい。 以前の記事( beta1 , beta2 , beta3 , rc1 )の要約みたいなものです。 (※ページをそのまま訳したわけではありません) 箇条書きにすると以下のような感じ: API に変更点無し リフロー(レイアウト)強制を少なくした 読み込み時のオーバーヘッドを低減 カスタムビルドがより細かく可能に ビルド方法(2013/1/27 時点) npm への登録、ついでに Bower にも 圧縮ファイルからソースマップ用コメントを削除 API に変更点無し 1.10, 2.0 から API の変更はありません。 多くのバグ修正と AMD 対応強化、npm 登録、性能改善など、 内部の管理環境の変
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです(サーバ側スクリプト
Placeholders.js is a JavaScript polyfill for the HTML5 placeholder attribute. It's lightweight, has zero dependencies and works in pretty much any browser you can imagine. Features Placeholders.js works on both input and textarea elements. It only requires a single line of HTML. It does its best to simulate native styles, and exposes a class name so you can style the placeholder as you choose. It
WAI-ARIAを加えたアコーディオンを例にステート(状態)を変更する【jQuery】 - E-riverstyle Vanguard | CSSやXHTML,Javascriptやweb製作に関する事を紹介
The latest betas of jQuery 1.11 and 2.0 have arrived! You can get them here: http://code.jquery.com/jquery-1.11.0-beta2.js http://code.jquery.com/jquery-2.1.0-beta2.js Don’t forget that jQuery 1.x supports IE 6/7/8 and jQuery 2.x does not. What’s in the beta Asynchronous Module Definition (AMD): The biggest change in 1.11/2.1 continues to be AMD. jQuery has supported having the library itself load
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く