や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
モジラ、「Firefox」を大幅改修へ--グラフィックスとJavaScriptを高速化
Mozillaは、「Firefox」のJavaScriptエンジンとグラフィックスエンジンの刷新に取り組み始めた。新しいJavaScriptエンジンには、「IonMonkey」と呼ばれるコンパイラが含まれ、ウェブベースのプログラムをより速く動かすとともに、ガベージコレクションと呼ばれるメモリ消去プロセスによる処理中断を少なくすることを目的としている。また、「Azure」と呼ばれるグラフィックスエンジンは、Windowsのグラフィックインターフェースとの親和性を高めると同時に、Mac OS XやLinuxでも動作することを目的としている。 Azureは、パフォーマンスを向上するためのものであると同時に、プロセスを異なるメモリ区画に分離する「Electrolysis」と呼ばれる長期プロジェクトの基礎を築くものでもある。区画に分割することで、セキュリティやパフォーマンスの向上が期待できるが、その
サブウィンドウを常に前面に表示する - JavaScript
サンプルと機能 → Sample 1：ボタンをクリックするとサブウィンドウを常に最前面に表示する → Sample 2：ページを表示すると同時にサブウィンドウを常に最前面に表示する サブウィンドウを常に最前面に表示します。 メニューを置くなどの工夫はできますが、基本的に邪魔になるので、大きいウィンドウを表示させてはいけません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：ボタンをクリックするとサブウィンドウを常に最前面に表示する <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウを常に前面に表示する
JavaScriptでHTMLをダイナミックに書き換える 前編
もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLをJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、
Google Calendar用のライブラリが発表 - JavaScriptレベルでデータを操作 | エンタープライズ | マイコミジャーナル
The Google Data APIs Teamは19日(米国時間)、JavaScriptレベルでGoogle Calendarのデータを操作するためのクライアントライブラリ「GData JavaScript Client Library for Calendar」を発表した。このライブラリはThe Google Data APIs Teamにとって2つの点で記念すべきリリースとなる。 同チームはこれまでGoogleが提供しているWebサービスに対してGoogle Data APIの追加作業を進めてきた。同チームの成果によってGoogleサービスのマッシュアップが可能になり、これまでに多くのサービスがマッシュアップされている。今回提供された「GData JavaScript Client Library for Calendar」はJavaScriptで提供されており、 クライアントサイ
（ ・∀・）
IT技術や業務といった仕事に関しての個人的な備忘録編集メモ ダウンローダーの作成をする予定です。 Flashでストリーミングのサンプルを作成する暇があればイイナア ・10/23 Flashに挑戦中 あけましておめでとうございます。 今年は飛躍の年にしたいですね。 スキルアップのための 通信教育・スクールを探すならココ 技術の虎では JAVA、 C言語、 VC++ （VisualC++）、 PHP、 PERL といった IT プログラミングを 入門 から実践までを取り扱っています また、WindowsやLinuxといった環境設定、 Oracle、SｑｌServer、mysql、postgresといったデータベースについても 触れています
JavaScript for CSS (2)
DOMを利用。IE5/6はいつものように中途半端に、Netscape6は細かいバグが目立つがDOM2の大部分までサポートしている。毎度のことながら、IEはOSによって動作が異なる場合も多い。 namedItemメソッドはid属性値を検索後、name属性が許されていればname属性値も検索する。存在しない場合はnullが返る。 tagNameプロパティは読み出し専用で、要素名をHTMLの場合は大文字で返す。 <SCRIPT type="text/javascript"> <!-- function fDom1(){ if(document.documentElement) alert(document.documentElement.tagName); } function fDom2_1(){ if(document.getElementsByTagName){ var obj=docum
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
GRN WEB SITE - ニコニコ動画ダウンロードスクリプト Ver3
スクリプト ニコニコ動画ダウンロードスクリプト Ver3 スクリプトsimple ニコニコ動画ダウンロードスクリプト Ver3 simple Youtubeにも対応しています。 Ver3について(α0.11) ver2 simpleと機能が同じ機能からニコニコ動画補助スクリプトの機能まで自分で設定することができます。 リンクの表示速度が少し速くなりました。 IE、Firefoxともにクリップボードにタイトルが自動にコピーされます。 こちらで設定ができます。＞＞ ニコニコ動画ダウンロードスクリプト設定変更 simpleは余計な機能を省いてダウンロードリンクだけを表示します。 「保存方法」 上のスクリプト上で右クリックしてお気に入りに登録すればOK 保存したい動画の画面で登録したお気に入りをクリックすれば タイトルの横に【DOWNLOAD】と書かれたリンクが出てきます。 それをクリックすると動
about:config - Firefox - index
Firefox など Gecko 系のブラウザでは、ロケーションバー（URL を入力するところ）に「about:config」と入力したときに出でくるページ(?)を通して、色々と設定を変えることができます。 このページは、about:config について説明している About:config entries の内容を私の独断と偏見で編集したものです。項目数が非常に多いため、いつ完成するかわかりません。また、内容の正確性については無保証であり、自己責任で利用してください。英文を読める人は上記サイトを直接、参照したほうがいいでしょう。（とはいえ、mozillazine のページもその内容に関する保証はありません。） 内容を一ページにまとめるのは困難だと判断したので、いくつかのページに分けて説明しています。例えば、bidi.browser.ui の情報を見るには、bidi.* と書かれたリンク
JavaScript basic samples
┣ 文字列のスクロール（テキストボックス） ┣ 文字列のスクロール（ステータスバー） ┣ 1文字ずつ表示（テキストボックス） ┣ 1文字ずつ表示（ステータスバー） ┣ 1文字ずつ表示（テキスト） ┣ マウスを重ねると説明を表示（テキストボックス） ┣ マウスを重ねると説明を表示（ステータスバー） ┣ マウスを重ねると説明を表示（テキスト） ┣ マウスを重ねると説明を表示（ポップアップ） ┣ マウスと共に移動するイメージ ┣ 入力できないテキストエリア ┣ クイックリンク ┣ クイックリンク（フレーム形式） ┣ 複数のフレームページを同時に変更する ┣ プロンプトをパスワードの入力に利用 ┣ リンクボタン ┗ リロードボタン
Google Notebook
As of July 2012, Google Notebook has shut down and all Notebook data should now be in Google Docs. As previously announced, in most cases we were able to automatically export the Notebook data, so please visit Google Docs. Also please update any bookmarks or links to Notebook so that they point to Docs instead. Here are answers to some questions about this transition. We may add or update question
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CalViz ライブラリで簡単 Google Calendar マッシュアップ！ - WebOS Goodies
PC
kndb.jp
Userscripts.org: Power-ups for your browser