JavaScriptの「this」は「4種類」？？ - Qiita
javascriptの「this」は「4種類」？？ この記事ではベースとなる４種類の「this」を紹介します。 実際は４種類ではないのですが、 このベースの４種類を理解できれば他もすぐに理解できます。 thisの４種類のパターン １：メソッド呼び出しパターン ２：関数呼び出しパターン ３：コンストラクタ呼び出しパターン ４：apply,call呼び出しパターン ここで重要なのは「呼び出し元」をみることです。 なぜなら「呼び出し元」に「this」は左右されるからです。 メソッド呼び出しパターン これはもう一番直感的にわかりやすいです。 説明はいらないんじゃないかという感じなのですが、 一応ソースを。。 //メソッド呼び出しパターン var myObject = { value: 10, show: function() { console.log(this.value); } } myObj
2013年デザイン・オブ・ザ・イヤーの22候補を一挙にご紹介
デザインミュージアムが、第6回デザイン・オブ・ザ・イヤーの22候補を発表しました。今回は日常生活で役立つプロダクトにスポットがあてられています。 B＆OのBeolit 12 AirPlayに対応したポータブルスピーカー。iPhoneやiPodなどの曲を無線LAN経由で再生できます。デザイナーはCecilie Manz。 チャイルド・ビジョン・グラス 自分でレンズの度を調整できる眼鏡です。途上国の12-18才くらいに向けて開発されました。デザインは、The Centre for Vision in the Developing WorldとGoodwin Hartshornによるもの。 Colalife コカコーラは、その広い販売チャネルを用いてColalifeを配っています。中には経口補水塩や亜鉛サプリメントなどが入っています。ColalifeはボランティアによるNPOによって運営されてい
このまま眠りつづけて死ぬの元ネタ - 元ネタ・由来を解説するサイト 「タネタン」
「このまま眠りつづけて死ぬ」はTwitterで突如としてつぶやかれるフレーズ。 主に長期間つぶやいていなかった人から突然つぶやかれるもので、「#nemuritsuzuketeshinu」というタグが付けられる。 何も知らない人が見ると心配してしまうフレーズである。 このフレーズは『このまま眠りつづけて死ぬ』というWebサービスによる自動ツイートである。一定時間Twitterで発言、あるいはリツイートがなかった場合に自動的にこのフレーズをツイートするというサービスで、1時間から999時間の間で自由に設定して誰でも使うことができる。 そしてこの「このまま眠りつづけて死ぬ」というフレーズ自体はこのサービスの作者が目黒寄生虫館で見つけたフレーズが元ネタとなっている。 目黒寄生虫館はその名の通り東京都目黒にある世界で唯一の寄生虫の博物館である。様々な寄生虫が展示してあるわけだが、このフレーズについて
柔軟なワークフロー
少し前からWeb制作のワークフローの変化をあちらこちらで聞くようになりました。今まで調べてきたことと経験から学んだことを交えて今の考えをまとめてみました。 Web制作フローの再考とDesigning in the browserを書いた頃からワークフローの変化を意識しており、いろんな記事を読んだり自分なりに考えたりしてます。現在のところ僕が思うのはワークフローはひとつに定められない、ということです。 関わるチームや環境、制作するサイトによって最適なワークフローは変わってきます。例えばオーソドックスな静的なサイト制作とJS、CSS3など比較的新しい技術を駆使したサイト制作、レスポンシブWebデザインの場合ではワークフローは変わります。今までのサイト制作はワークフローが一様でも問題となることが少なかったですが、そうではなくなってきています。 複雑な設計のサイトではプロトタイプなどを用いて早期に
クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」
TOP > WebDesign > クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」 WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。 Cross browser inline block ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。 詳しくは以下 ■Cross browser mi
3D Ribbon Generator - CSS3d.net
Elements Add parent selector (i.e. "#content") Add wrapper selector (i.e. ".myribbon") Add shadows CSS 3 box-shadow Shadow on content Colors Front Back (left) Back (right) Edges Sizes (in pixels) Front width Ribbon height Back left width Back right width Left overlap width Right overlap width Left overlap distance Right overlap distance Top left overlap height Top right overlap height Bottom left
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Arrow Please - By Simon Hoejberg - @shojberg
Button Maker
角丸やシャドウ作るジェネレータ。CSS3 Generator