や...やっと理解できた！(2) JavaScriptのスコープチェーン - maeharinの日記
前回はJavaScriptのプロトタイプチェーンについて、図解を用いることでなんとか理解できました。今回はスコープチェーンに挑戦してみます。前回と同じく「1. 図解を用いる」「2. 用語を明確に定義する」「3. Standard ECMA-262 3rd editionを情報ソースとする」というアプローチで紐解いて行きます。 用語の定義 ・本エントリの文章における表記は、以下の表の「ECMA-262 3rd」に統一する ・本エントリの図における表記は、以下の表の「本エントリの略称」に統一する ・本エントリ内におけるES3とは、Standard ECMA-262 3rd editionを指す ECMA-262 3rd 本エントリの略称 JavaScript（サイ本）第5版（日本語） Execution Contexts EC 実行コンテキスト Variable Object VO 変数定義の
対宇宙人用フレームワーク
対宇宙人用フレームワーク Presentation Transcript 対宇宙人フレームワーク 宇宙人っているのか？ 僕は見たことがない でもたぶんいるっぽい ちきゅうがいせいめいたいたんさ地球外生命体探査Search for Extra-Terrestrial Intelligence 地球人類の文明は、● 宇宙の中でも非常に例外的な存在なのか● それとも必然的に発生した物なのか 哲学的命題へに回答するための人類の試み Search for Extra-Terrestrial Intelligence -> SETI・Active SETI・Passive SETI Active SETI Active SETI異星人が受信することを期待して、 地球からメッセージを送る試み アレシボ・メッセージ 1679個の2進数(23と73という二つの素数の積) ● 1から10までの数字 ● 水素・
javascript - httpstatus.js : 404 Blog Not Found
2013年02月21日16:00 カテゴリTipsLightweight Languages javascript - httpstatus.js JavaScript徹底攻略 手慰みに移植しますた。 httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! - tokuhirom's blog. 僕は初心者なので、なかなか覚えきれていないので、HTTPのステータスコードをさがすのに便利なツールを用意しました。 404が何を意味するのかこれですぐに思い出せます。 Demo DHTML Source Enjoy! Dan the Man with Too Many Status Codes to Remember P.S. 「JavaScript徹底解説」、この場を借りて献本御礼。 http://api.dan.co.jp/js/httpstatus.js 「Tip
Node.js × PhantomJS で何でもサクサクスクレイピングするよ！ - 凹みTips
はじめに 先日、PhantomJS でログインが必要なページでも自由自在にスクレイピング - 凹みTips という記事を書きました。 前回は PhantomJS のみを用いてスクレイピングを行なっていましたが、スクレイピングした結果を使って色々やりたい！となると、Node.js の力を借りたくなってきます。単純に取得した HTML を利用するだけなら、PhantomJS の fs モジュールを使って HTML をファイルに書き出し、これを Node.js で読み取って…、なんてことをすれば可能ですが、何かしらの入力を受けて動的にページを遷移したい、となると厳しくなってきます。 そこで、本エントリでは PhantomJS を Node.js から使って色々出来るよ！ということを解説したいと思います。 利用するモジュール PhantomJS をラップした Node モジュールは沢山あります。試
O'Reilly Japan - Nodeクックブック
本書は、Node.jsを使っての簡単なWebサーバの構築にはじまり、Webアプリケーションやコマンドラインアプリケーションの構築、そして自作Nodeモジュールの開発までをスムーズに学習できるように構成しています。MySQLやMongoDB、CouchDB、Redisといった各種データベースとのインタフェイスや、WebSocketの組み込み方、SMTPなどのプロトコルとのインタフェイスといった基本的な事項を学びます。さらにデータストリームの処理方法やセキュリティを考慮した実装、そして開発したアプリケーションを本番環境で動作させるまでのさまざまなレシピを掲載しています。 Nodeの主要なコアモジュールはもちろん、さまざまなシーンで利用するサードパーティモジュールを広く紹介しており、Express 3に対応した本書は、Nodeを深く知りたいエンジニア必携の一冊です。 翻訳者によるサポートページ
knockout.js の最近の動向 - しばやん雑記
Knockout : Home 気が付いたら 2.2.1 までバージョンが上がってました。2.2.1 に関してはリリースノートが上がっていないようなので、2.2.0 の情報を追いかけます。 Knockout 2.2.0 released - Steve Sanderson’s blog - As seen on YouTube™ 大きなところでは foreach バインディングを使っている場合、ソートで順番を入れ替えた場合に DOM の再生成を行わないようになっているようです。他にも仮想要素に対して text バインディングを設定可能になったようです。 <!-- 今までは親タグが必要だった --> <span data-bind="text: fullName"></span> <!-- ko 2.2.0 から仮想要素にバインド可能になった --> <!-- ko text: fullNa
JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない
最近 JavaScript の this キーワードについての記事をいくつか見かけて 「そういや自分も昔 this キーワードについて記事を書いたなー」 と思って 古い記事 を見返してみたのですが、関数呼び出しのことしか説明してなかったので改めて this キーワードの全般的な話を書いておこうかと思います。 本記事は ECMA-262 5.1th に基づいています。 初心者向けの this キーワードの使い方の指針を示しているわけでも JavaScript 処理系の実装の説明をしているわけでもなく、JavaScript 言語コアの仕様を説明していることに注意してください。 ECMA-262 5.1th : JavaScript の言語コア部分 (ECMAScript) の言語仕様 (バージョン 5.1) 初心者向けの this キーワード周りの指針 この記事の最後の 「まとめ」 に、自分が
次世代JavaScript、ECMAScript6の話を聞いてきたからサンプルコードとかメモしときます。 | Ginpen.com
これ行って来ました。 Web先端技術味見部#15 （今回は「ECMAScript6をそろそろ触る」！） : ATND 楽しかった！ JavaScript (JS)とECMAScript (ES)の違いとか、そういうのはググってください。 Firefox Auroraが現状ES6最先端ぽい。次点Chromeは chrome://flags から「JavaScript の試験運用機能を有効にする」を有効にして再起動でES6の機能が使えたりするらしい。 Firefoxで メニューのツール＞Web開発＞スクラッチパッド でスクラッチパッド。なんかコンソールより便利なやつ。 配列内包表記も使えるように。でも見づらいので三項演算子（?:演算子）みたいな扱いになりそうに思った。 サンプルコードいろいろ let ブロックスコープになる。varと有効範囲が異なる。
アンダース氏が設計した新言語による次世代JavaScript開発とは？
アンダース氏が設計した新言語による次世代JavaScript開発とは？：特集：TypeScript（プレビュー版）概説（前編）（1/3 ページ） 「Turbo Pascal」「Delphi」「C#」と聞けば、ある、すご腕の開発言語設計者が最初に思い浮かぶ。その人物の名は「アンダース・ヘルスバーグ（Anders Hejlsberg）」、1996年にボーランド社からマイクロソフトに移籍し、現在はC#やVB（Visual Basic）などの言語設計に携わる有名な開発言語アーキテクトだ。 アンダース氏が作る開発言語の特徴は、言語仕様がオブジェクト指向ベースで明確なので「チームによる大規模開発」にも対応しやすいだけでなく、開発ツールによる支援機能も考慮されているので「開発生産性」にも非常に優れていることだ（と筆者は考える）。またアンダース氏は、最先端のプログラミング言語をよく研究しており、各種言語の
jQueryオブジェクトとは?
jQueryオブジェクトとは? このエントリーは軽めのjQuery Advent Calendar 2012の20日目のエントリーです。 よくjQueryの解説などを見ていると「jQueryオブジェクト」という単語が出てきますね。今回はjQueryオブジェクトとは何者かを解説をします。読み終える頃には少しだけJavaScriptに詳しくなれるよ。（若干長いです。） そもそもオブジェクトとは? さて、「jQueryオブジェクト」を解説する前にJavaScriptのオブジェクトについて解説します。JavaScriptのオブジェクトは非常に複雑なのですが、基本だけでもわかるとJavaScriptやjQueryの学習効率が全然かわってきます。 まず、ざっくりと解説するとオブジェクトとは「プロパティ」と「メソッド」を持つ構造体のことです。 プロパティとは? ではプロパティとはなんでしょうか?プロパテ
独断と偏見で選んだ、2012年が終わる前に一度はHello Worldしておきたい言語＆ツール4選【連載:村上福之⑩】 - エンジニアtype
株式会社クレイジーワークス 代表取締役 総裁 村上福之（@fukuyuki） ケータイを中心としたソリューションとシステム開発会社を運営。歯に衣着せぬ物言いで、インターネットというバーチャル空間で注目を集める。時々、マジなのかネタなのかが紙一重な発言でネットの住民たちを驚かせてくれるプログラマーだ 2012年も残りあとわずかです。 今年もいろいろありました。僕は、今年は本の出版などもあってほとんどコードを書かない一年でした。こんなので良いのかどうか、最近悩みつつあります。自分が時代遅れになりそうで、怖いです。 しかし、そんなクズみたいな僕でも、一応、今年が終わるまでにHello Worldくらいはしておきたいなと思った技術を適当に挙げます。 TypeScript >> 巻き返しを図るMS様謹製のJavaScript Microsoftの過去を知っている人たちにとっては、「どうしてMSはそこ
Brython
Without a doubt, you've seen a clock like this in demos of HTML5 Your browser does not support HTML5 ! However, right click and view the source of this page... It is not Javascript code! Intead, you will find Python code in a script of type "text/python" Brython is designed to replace Javascript as the scripting language for the Web. As such, it is a Python implementation (you can take it for a te
なぜ Node.js を iPhone 上で動かしたいと思ったか
今日、シリコンバレーまで neu.Node （参照）のデモに行って来た。私が「オープンソースにするつもりだ」というと、ホスト役のベンチャー・キャピタリストが「技術的なチャレンジを別とすれば、なぜ Node.js を iPhone の上で動かそうとしたのか」と聞いて来た。 そこで、思わず自分の口から出た言葉が「私は思いついたことを素早く目に見える形にするのが大好きで、特にネットワーク関係のプログラムは JavaScript で書けば Objective-C で書くより１０倍ぐらい生産効率が上がるから」というもの。 自分で言ってから再認識したのだが、一度 JavaScript でネットにアクセスするプログラムを書いてしまうと、C++ や Java や Objective-C で同じようなプログラムを書くのが煩わしくて仕方がなくなる。そこで、ネットワークにアクセスする部分だけでも JavaScr
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScriptにおける、MVCフレームワーク以外の選択肢
JavaScriptではさまざまなフレームワークが登場していますが、最近注目を集めているのがMVCアーキテクチャの実現を容易にするMVCフレームワークです。Publickeyでも以下の記事などで紹介してきました。 JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（前編） － Publickey JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（後編） しかしプログラミングの世界では、MVCアーキテクチャ以外にもさまざまなデザインパターンがあります。JavaScriptプログラマはもっとそれらを検討すべきだ、という記事「The World Beyond MVC」（MVCの向こうにある世界）が、The David Wa
初心者が２ヶ月でプログラミングをマスターする方法|we-blog
株式会社we-b(ウェブ)の公式ブログです。 コーポレートサイト: http://www.we-b.co.jp 感動コレクション「log」: http://www.lo-g.me ゼロからの友達づくりを経験できるアプリ「Class」: http://cla-ss.me 株式会社we-b(ウェブ)の公式ブログです。 コーポレートサイト: http://www.we-b.co.jp 感動コレクション「log」: http://www.lo-g.me ゼロからの友達づくりを経験できるアプリ「Class」: http://cla-ss.me 2012/11/23 (読了時間1分) この記事は真子(まこ)が担当しました。 「プログラミング勉強したいんですけど、どう勉強したら1人で何かつくれるようになりますか？」と学生によく聞かれます。今日はそんなプログラミング初学者に向けたエントリーです。 僕もまだ
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flow.js
STGL demo
CODEPREP
