はてなブックマーク

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

はじめに 配列やオブジェクトの個々の値を各々の変数に代入する事ができる「分割代入」というのが登場しました。 結構便利そうではありますが、具体的にどのような事ができるのでしょう。 ECMAScript 2015 (ES2015 / ES6) にまだ慣れない人向けと、自分のためのメモとして置いておきます。 基本編 おそらく一番使うであろう書き方です。 配列 通常、配列から値を取り出すときはインデックス（添字）を指定してやらなければいけませんが、分割代入ではまとめて変数に代入できるので便利です。 /* 一個ずつ取り出す場合 */ var individuals = ['早坂美玲', '森久保乃々', '星輝子']; var cute = individuals[0], cool = individuals[1], passion = individuals[2]; console.log(cut

# dropArea { overflow: hidden; padding: 40px 10px; background: #ddd; border: 3px #666 dashed; color: #999; font-size: 30px; font-weight: bold; text-align: center; } # dropArea.dragover, # dropArea:active { background: #cfc; border-color: #9c9; color: #9c9; } # fileInput { display: none; } # output img { display: block; margin: 15px auto; } document.addEventListener('DOMContentLoaded', function ()

# はじめに CSS3が本格的に普及してきて使用する機会がどんどん増えていっているかと思います。 しかし、ブラウザのバージョンによってはベンダープレフィックスを付けないと効かないものもまだまだあります。 ベンダープレフィックスといえば、-webkit-、-moz-、-ms-、-o- などが思い浮かぶかと思いますが、ぶっちゃけるとほとんどのCSS3のプロパティはベンダープレフィックスなしでも大丈夫になってきました。 特にIE以外のブラウザというのは常に最新バージョンにアップデートされていくので、ベンダープレフィックスなしでどんどん対応していっています。 # 何でもかんでもベンダープレフィックスつけていませんか？ とりあえず、すべてのブラウザに対応するようにベンダープレフィックスつけておけば安心なんて思わずに、必要のない記述はどんどん減らしていきましょう。 ## -o-* というベンダープレフ

#はじめに ありとあらゆる所で使用されている超有名なJavaScriptライブラリといえば jQuery ですが、ちょっとした処理を行いたいがために使っているようであれば無駄な気もします。 最近のJavaScriptはjQueryなしでも割といろんな処理を行うことができます。 というのも、jQueryの動作を模倣してみようとゼロから書いた拙作のライブラリ queries.js を通してどのような処理を行っているのか理解が深まったからです。 宣伝になってしまいますが、queries.js へのリンクを貼っておきます。 jQueryライクなJavaScriptライブラリ queries.js ちなみに、処理に関しては Internet Explorer 11 未満は考慮していません。 ここに書かれているコードのほとんどは意図的に関数化していません。これらのコードを元に自由に組んで自分で使いやす