タグ

2015年10月16日のブックマーク (8件)

  • JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう

    JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう 高津戸壮(株式会社ピクセルグリッド) ECMAScript 2015(ECMAScript 6)で新たに追加された待望のclass構文について、その概要をサンプルコードを交えて紹介します。 これまでのJavaScriptにおけるクラス 多くのプログラミング言語はクラスを作れる機能を持っていますが、JavaScriptにその機能は用意されていませんでした。しかし、JavaScriptにはprototypeという柔軟な仕組みが存在しており、このprototypeを利用することで、他の言語で表現されている「クラス」と似たような振る舞いを再現することが可能でした。 それは例えば、こんなふうにです。 /* Cat雛形の作成 */ function Cat(name) { this.setName(

    JavaScriptにもクラスがやってきた!JavaScriptの新しいclass構文をマスターしよう
  • 難読化されたJavaScriptコードを読む : document

    10月16 難読化されたJavaScriptコードを読む はじめに 何らかの事情で JavaScript のコードを読み、その挙動について調査しなくてはいけないということはよくあると思います。 そんなとき、難読化やMinifyなどによって複雑怪奇に見えるコードに遭遇したという経験をもつひとも多いのではないでしょうか。 この記事はそんなコードにぶつかった際に、どうすれば良いのかを自分なりにまとめてみました。 また、jjencode 作者のはせがわようすけさんのJavaScript難読化読経というスライドを見て、 作者がネタバレしてるんだからこの辺の知見について書いても大丈夫だろうという気持ちで書き始めたことも一応記しておきます。 ツールによって難読化されたコードの読み方 まずはコードリーディング出来る状態にするため、よく見る2つのツールによる難読化のデコード方法について書いておきます。 Ja

  • Window オブジェクトや Document オブジェクト、DOMなど | Web Design Leaves

    Window オブジェクトや Document オブジェクト、DOMなど CATEGORY: jQuery 2015年6月13日 Window オブジェクトや Document オブジェクト、DOM (Document Object Model) 、DOM 要素、jQuery オブジェクト等に関する個人的なメモ。 目次 Window オブジェクト ブラウザを操作するための機能を集めたオブジェクトがブラウザオブジェクトです。ブラウザオブジェクトは標準の規格があるわけではなく、個々のブラウザごとに独自に実装されています。(その中の Document オブジェクトは、ドキュメントオブジェクトモデル:DOM としてほぼ標準化されています。) そのため以前はブラウザごとの仕様の違いによりクロスブラウザ問題がありましたが、現在では主要なブラウザではそれなりに互換性を持っています。 クライアントサイド

  • レンタルサーバーナレッジ

    Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。

    レンタルサーバーナレッジ
  • jQueryで全選択・全解除はprop使う - Qiita

    attr使ったら動きが変だった attrじゃないかと思って作ったら、何か変。 attr('checked','')ではなく、removeAttr('checked')を使えばおk どうやらprop使えばいいらしい。 でもpropのが楽に書ける 詳しくはCSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。|Ginpen.comで。 チェックされているかどうかという判定には .prop()を使う必要があります。 HTMLに書いた属性の値を扱いたいときは .attr()を、いかにもJavaScript的な事をする時は .prop() デモ こんな感じで使えばおkだと思う。 <div class="allCheck"> <input type="checkbox" id="allCheck01"><label for="

    jQueryで全選択・全解除はprop使う - Qiita
  • コピペで使えるフォーム値取得jQuery - Qiita

    (2014-07-07 追記) フォーム値取得&設定するjQueryプラグイン作ったので、良ければそちらも。 https://github.com/ginpei/jQuery.formval.js (追記おわり) 共通: 要素検索 name属性で検索するのが手っ取り早くて良いと思います。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>

    コピペで使えるフォーム値取得jQuery - Qiita
  • JQueryで親要素、子要素、孫要素を取得する | WEBCODE

    JQueryを使って、親要素や子要素、孫要素を取得する方法をまとめました。 ◾︎親要素の取得 $('セレクタ').parent('条件');指定したセレクタのすぐ上の親要素を取得します。 $('#example').parent('div'); #exampleの親要素がdivだったら親要素が取得できます。でなければnoneを返します。 $('セレクタ').parents('条件');.parentと違い、指定したセレクタの親よりさらに上の要素を取得できます。 $('#example').parent('.sample'); #exampleより上の.sampleと名前がついたclassを取得します。 $('セレクタ').closest('条件');指定したセレクタから最も近い親要素を取得します。引数に条件を指定した場合、マッチする最も近い親要素を返します。一致しない場合は、non

  • 今からだって全然OK!僕がjQueryを0から覚えた サービスとか書籍まとめ

    blog jQueryって何?なところからスタートしたときにお世話になったもの まずはjQuery入門から入門 もともと僕は【jQuery】は、「そのうち出来るようになろ」くらいにしか考えてなかったんですが、Webデザインレシピさんの記事で「あれ、俺でも出来そう」になりました。 そのくらい、分かりやすくて入門の入門としては最高の教材になります。まず一読をおすすめします!

    今からだって全然OK!僕がjQueryを0から覚えた サービスとか書籍まとめ