タグ

jsとjQueryに関するmaricar9710のブックマーク (8)

  • jQueryを使うべきところ 〜 JSおくのほそ道 #009 - Qiita

    「jQueryいつ使うの!?」 「今でしょ・・・?」 こんにちはほそ道です。 というわけで今回からjQueryに取り組みます。 ですが、いきなり飛びつかない! まずはライブラリを疑うところからはじめていきたいと思います。 昨今、とりあえずサイトにjQuery入れとけ的なアプローチだったり ネイティブJSで書ける処理をわざわざjQueryで書いているような開発者を目にする事があります。 あえて始めに言わせていただきたい! JSライブラリを使う事のメリット/デメリットを強く意識しましょう! ライブラリ使う前にネイティブJS書けるようになりましょう! 目次はこちら jQueryとは? いつものごとく公式ページから拝借・意訳します。 高速・軽量・リッチなJavaScriptライブラリ。 様々なブラウザ環境で簡単なAPIからイベントハンドリングやアニメーションやAjaxがうまいこと実現できる。 多彩

    jQueryを使うべきところ 〜 JSおくのほそ道 #009 - Qiita
    maricar9710
    maricar9710 2016/08/04
    “ネイティブJSが解らないのにjQueryでググったコードのコピペを繰り返すエンジニアの増殖 ” まさにこれにはまっている
  • 要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグインを作りました

    指定した要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグイン「jquery-scrollInTurn.js」を作りましたので、配布します。 最近実装の多かったパターンをプラグイン化しました。 もくじ Demo Download Howto Options Examples Demo 指定した要素がスクロールで画面内に入った時、内包要素を順番にフェードインさせています。

    要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグインを作りました
  • CoffeeScriptでjQuery使うときのメモ

    CoffeeScriptでjQuery使うときのメモ CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。 投稿日2012年11月19日 更新日2012年12月24日 とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプト これでjQueryがいつものように使用できますので、あとはさくさく書けると思います。 試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p')

    CoffeeScriptでjQuery使うときのメモ
  • jQueryのセレクタメモ - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    jQueryのセレクタメモ - Qiita
  • 短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life

    HTMLCSS勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。 そこで、jQueryを勉強するとき、効率良く身につけられる方法を書いていきたいと思います。 僕自身いろんなやツールに手を出しながら進めてきたので、実際に下の通りに行ったわけではありませんが、もう一度勉強しなおすとしたらこういったようにやるなといった感じです。 それではレッツゴー! jQueryを身につけるための最短ステップ ステップ1 Progateで手を動かしながら学ぶ ステップ2 平行してWebデザインレシピの記事を読む ステップ3 ドットインストールで総復習&補完 ステップ4 書籍を参考に実際に作ってみる 作りながら学ぶjQueryデザインの教科書

    短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life
  • さよなら CoffeeScript - mizchi's blog

    prototype.js が jQuery に置き換えられた時、開発者が気づいたのは、自分に当に必要だったのはprototypeのメソッド拡張などではなく、クエリエンジンだったということ。 coffeescriptが当初、熱狂的に支持された背景はなんだっただろう。今思えば、それはアロー記法とクラス構文だったと思う。 javascriptの関数型への憧れ、prototypeベースの限界 javascript は断じて関数型言語ではないが、他の言語と同じぐらい関数型言語に憧れていたのも、また事実だろう。しかしビルトイン関数が高階関数を要求するデザインにしては function というキーワードはながすぎたし、その function が暗黙に作り出す this スコープの複雑な振る舞いも開発者の悩みの種だった。「あらゆる関数スコープで状態を持つことが"できすぎる"」という割れ窓だった。 ES5

    さよなら CoffeeScript - mizchi's blog
  • jQueryは有害なのか | POSTD

    ずっと「~は有害なのか」という記事を書いてみたかったんです ^(1) 。 まず題に入る前に、1つ言わせてください。 jQueryはWeb業界の発展に大いに役立った と私は考えています。jQueryがあることで、開発者はこれまで想像もできなかったことをできるようになりましたし、そういった機能をブラウザの製作者がネイティブに実装するきっかけにもなりました(もしjQueryが開発されていなければ、今でもdocument.querySelectorAllは存在していなかったでしょう)。jQueryは、今ある便利なツールを使うことができなかったり、IE8やそれ以下の過去の遺産をサポートしなければならない際に今でも必要になってきます。 しかし、そのようなケースはもはや稀なものとなりました。Web開発者の大半は、マーケットシェアの縮小した古いブラウザをサポートする必要はありません。更に、忘れてはならな

    jQueryは有害なのか | POSTD
  • CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ

    実用的なテクニックから、こんなこともできるんだ!とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。

    CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
  • 1