【デブサミ2008】amachangが思う「JavaScriptという言語とは」：CodeZine
デブサミ2008・13日の最終セッションにはサイボウズの天野仁史氏が登壇。「amachang」というハンドルネームで知られる彼が思う「JavaScript言語」について語った。 天野氏はJavaScriptという言語について、「初心者向け言語」「オブジェクト指向言語」「プロトタイプベース言語」「関数指向言語」という特徴があると思うと述べ、初心者向け言語という点については「だからといって、上級者に向かないという意味ではないが」とした上で、 ほとんどのPCで実行環境が整っているためすぐに始められる点 無料のブログサービスなどを利用することで、作成してすぐに公開できる点 alertによるダイアログボックスの表示など、動作が見た目でわかりやすい点 Firebugをはじめとする開発環境が整っている点 などをあげた。 オブジェクト指向言語という点については、「オブジェクト指向の言語は多数あ
HTML/JavaScriptをインクルード表示させる方法 | エンタープライズ | マイコミジャーナル
WebページでHTMLやJavaScriptを表示させる場合に厄介な問題がある。実際のソースコード、たとえばそれはHTMLやJavaScriptだったりするわけだが、実際に使われるそういったコード保守する必要があるほか、そのコードを表示させているHTMLの方に含まれているコードも保守する必要があるということだ。 大量のチュートリアルを作成している場合などは特に面倒なことになる。デモコードを書き換えるごとに、それを表示させているHTMLの方に含まれているコードも変更しなければならない。編集を忘れてしまえば実際に動作しているコードと表示されるコードが違うという事態にもなる。 同じことを考えるプログラマは多いようだ。Christian Heilmann氏は1月29日(米国時間)、Displaying source code with Ajaxのタイトルのもと、外部のファイルをインクルードして表示
TinySegmenter: Javascriptだけで実装されたコンパクトな分かち書きソフトウェア
TinySegmenterはJavascriptだけ書かれた極めてコンパクトな日本語分かち書きソフトウェアです。 わずか25kバイトのソースコードで、日本語の新聞記事であれば文字単位で95%程度の精度で分かち書きが行えます。 Yahoo!の形態素解析のように サーバーサイドで解析するのではなく、全てクライアントサイドで解析を行うため、セキュリティの 観点から見ても安全です。分かち書きの単位はMeCab + ipadicと互換性があります。 デモ 日本語の文章を入力し、解析ボタンをクリックしてください。 ダウンロード TinySegmenterはフリーソフトウェアです. 修正BSDライセンスに従って本ソフトウェアを使用,再配布することができます. Download TinySegmenter version 0.2 使い方 <script type="text/javascript" src
(function(){})() と function(){}() - IT戦記
自分用メモ // JavaScript でクロージャを書くときこう書く事が多い (function() {})() // 何故なら // function() {}() // と書くと // function() {} が式ではなく、文として解釈されてしまうからだ。 // 文として解釈されないためには、文の途中（最初以外）に function と書いてやる必要がある // なので、まず開きカッコを書いてやる。 ( // の後に function() {} // と書いてやると function は式になる ) // 正確には、カッコの対は The Grouping Operator という演算子である。 // カッコ以外にも var a = // のように代入演算子のあとでもいい function() {} // つまり、以下のような記述も可能である。 var b = function()
jquery.jsを読み解く：第1回 jQueryライブラリ（1～171行目）｜gihyo.jp … 技術評論社
はじめに jQueryとは、John Resigによって開発され、最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また、ブラウザの種類やバージョンによる違いも吸収してくれるため、プログラマの作業量も減らしてくれます。 本連載では、jQueryライブラリのコードを読みながら、実装として中で何が行われているのかを見ていこうと思います。 想定している読者は、jQueryライブラリをただ使うだけでなく、やっていることを理解したいという方、使われているコードを応用して自分なりの改造をしてみたい方、新たなプラグインを開発したいという方などです。 今回の連載では執筆開始時点の最新版であるバージョン1.2.2を対象としています。説
「あとで読む」のタイトルをカスタマイズ - なるとブレイク
あとで読む - あとでメールで読める無料ブックマーク・サービス 「あとで読む」は、いま開いてるページをまるごとメール送信してくれるサービスです。ブックマークがすぐにいっぱいになってしまう僕は、Gmailに送信しています。これが只のブックマークと違ってページの内容もまるごと入っているので、あとで探すのがかなり楽なのですが、たまにタイトルが付いてなかったり固定だったりしてページの内容と合わないことがあります。 そこで、ページタイトルを選択文字列に変更してから送信するブックマークレット「あとで読む#」を作りました！ ※以前公開したバージョンは自分のidが含まれたままでした。ブックマークレットをコピーしたあと、最後から2行目の「s=XXX」のところを差し替えてご利用ください。 まずは、「あとで読む」に登録してください。 オリジナルの「あとで読む」ブックマークレットをゲットしたら、javascrip
#10 jQuery/Mozilla John Resig | gihyo.jp
JavaScript界隈で最近注目のライブラリ、jQuery[1]。今回のゲストはその作者にして、Mozilla CorporationでJavaScript Evangelistを務めるJohn Resigさん。日本の「JavaScript先進国」ぶりにはかなりのインパクトを受けたようです。 （左）小飼弾氏、（右）John Resig氏（撮影：武田康宏） 米国にはない 弾：JavaScriptに関わったきっかけは？ Resig：大学ではPerlを使っていて、Mozillaの前にいたスタートアップ企業に入ってから使うようになりました。以来、JavaScript一筋です。 弾：JavaScriptコミュニティのShibuya.jsで講演されましたが、日本のJavaScriptersはどうでした？ Resig：非常に楽しかったです。そもそも、JavaScriptのコミュニティが日本に存在し
速度向上300%! jQuery最新版登場 - 全ユーザはアップグレードを | エンタープライズ | マイコミジャーナル
The jQuery projectは15日(米国時間)、jQueryの最新版となるjQuery 1.2.2を公開した。jQueryはJavaScriptで開発された軽量なAjaxフレームワーク。動作が高速でファイルサイズも小さいという特徴がある。 XPathを指定して動作する仕組みも特徴的だ。 jQuery 1.2.2は1.2系のバグフィックスおよび最適化リリース。120を越えるバグを修正したバグフィックスリリースという位置づけだが、重要な変更や改善の実施、最初にリリースされてから2年目となる記念すべきリリースでもある。圧縮された最小版で15KB、圧縮版で28KB、通常版で93KB。 もっとも注目すべきは$(DOMElement)の処理が改善されて同処理に関して300%ほどの高速化が実現されたことだ。Firefox 2、Firefox 3、Safari 3、Opera 9、IE 6のどれ
IE7 Test Page
IE7/IE8 The selectors and properties below should all work according to the W3C specifications. IE7.js CSS Selectors
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
【JavaScript】function定義方法による動作の差異(覚書)
Javascriptで関数(function)を名前付きで定義したい場合、いろいろな書き方があります。 例えば、 function TEST() {alert('TEST')} var TEST=function() {alert('TEST')}; var TEST=function test() {alert('TEST')}; var TEST=new Function("alert('TEST')"); といったもの。 これらは普段、特に意識して区別することなく使用しているのですが、調べてみると定義の仕方で微妙に動作が異なってくるようです(あ、new Function()は私には使いにくくてほとんど使っていないので検証はパス(苦笑))。 例えば→こんな感じ。 上記のリンク先をIE6/Firefox/Operaで見てみると、それぞれ微妙に動作が異なってiいます(FirefoxとOpe
Google Chart APIを手軽に扱えるJavaScriptライブラリ「GChart 0.2 alpha」リリース：CodeZine
Solutoire.comはJavaScriptライブラリ「GChart 0.2 alpha」をリリースした。GChart Project Page内下側の「Download GChart」にて公開されている。 先日発表された「Google Chart API」は、URLパラメータだけで美しいチャートを描けるWeb APIだが、複雑なチャートを描こうとすると引数が多くなりすぎてしまい、非常に手間がかかってしまうという欠点があった。 「GChart 0.2 alpha」は、JavaScriptからGoogle Chart APIを呼び出す際にラッパーとなるライブラリで、ライブラリを読み込んだあと、bodyタグ内に以下のような簡単な実装をするだけでグラフ画像を表示させることができる。 <script type="text/javascript";> GChart.render({ re
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript でこんなパッケージ管理はどうか？ - IT戦記
まず、以下のような package 関数を作る。 function package(name) { package.__hash__ = package.__hash__ || {}; if (!package.__hash__.hasOwnProperty(name)) { package.__hash__[name] = { def: function(name, value) { return this[name] = value; } } } return package.__hash__[name] } で、こんな感じで使う // ここは hoge の名前空間 with (package('hoge')) { def('var0', 1); // 変数は def 関数で定義 def('var2', 2); alert(var0); // 1 alert(var2); // 2 }
【JavaScript】リンクオブジェクトのhref参照時のブラウザ毎の振る舞いの違い
JavaScriptでリンクオブジェクトのhrefを参照したときの振る舞いが、ブラウザ毎に異なることに気がつきました。 例えば、UTF-8のページ上で、日本語がエンコードされた参照先(URI)を持つ <a href="http://ja.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC%E8%AA%9E" id="testlink">http://ja.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC%E8%AA%9E</a> のようなリンク(http://ja.wikipedia.org/wiki/%E6%97%A5%E6%9C%AC%E8%AA%9E)がある場合。 JavaScriptにより当該リンクオブジェクトを取得し、そのhrefの値を適当な変数に入れてから表示すると、IE6では'%E6'以下が化けてしまいますし、Operaでは日
最速インターフェース研究会 :: JavaScriptにおけるdeep clone
http://blog.livedoor.jp/dankogai/archives/50957890.html まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。影響が大きすぎるので、よっぽど変態的なライブラリじゃないと使わない。他のライブラリと組み合わせるとほぼ確実に問題が起きる。それから、deep_cloneが欲しい場合はJSONを作ってevalすればよい。パフォーマンスを気にする場合とか、浅いコピーが必要な場合はそれなりに工夫する必要があるけど。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 http://subtech.g.hatena.ne.jp/cho45/
パスワードを表示するブックマークレット
パスワードを表示するブックマークレット ネタ元：アスタリスクで隠されたパスワードを確認する方法 非常に便利だったので自分用に改造してみました。 ネタ元のやり方だとパスワードがアラートで出るんですが、アラートだとコピペできないのでコピーできるように変更。 パスワードを表示 inputのtypeをpasswordからtextに変えてます(もしかしたらページのjsとバッティングする場合もあるかも) このスクリプト自体は無害(当然ネタ元のスクリプトも完全無害)だけど、自己責任で利用してください。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です
JavaScript-XPath の jQuery 用のプラグインと Prototype.js 用のプラグインを公開しました - IT戦記
以下のサイトからダウンロードしてお使いください。 Prototype.js 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/Prototype jQuery 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/jQuery 使いにくいところがあれば すぐになおしますので、コメントやブックマークなどで教えていただければ嬉しいです。 他のライブラリのプラグインに関して そのうち、開発したいなあとは思っているのですが。 そのライブラリの空気感（コンセプト）を読めないと、なかなか使いやすいプラグインは書けないので時間がかかりそうです。 もし 誰か書いてくれる人がいればとてもありがたいなあ。。。とか思っています。 いませんよねいませんよね＞＜？ 「こんな、感じで
動的スクリプトローディング（さんざん既出だと思うけど - IT戦記
なんか、既出な予感もするんですけど 私製版を作ったので コード var load = function(src, check, next) { check = new Function('return !!(' + check + ')'); if (!check()) { var script = document.createElement('script') script.src = src; document.body.appendChild(script); setTimeout(function() { if (!check()) setTimeout(arguments.callee, 100); else next(); }, 100); } else next(); }; 考え方は、 このエントリ と同じです。 使い方 以下の場合 // 処理 1 // ← ここで jQu
OreScript時代の幕開け - yukobaの日記
先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。 その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。 その際、基調講演をしてくださった、etoさん（http://eto.com/d/PresenForJohnResig.html）のコメント。 こないだのJohn Resigによる講演の後に一緒に飲んだんですけど， その席で聞いた話がすんごく面白かったな． いろいろ面白かったんだけど，特にjquery2が面白かった． http://ejohn.org/apps/jquery2/ このURLなんですけど，コードはこんな感じ． <script src="http://jquery.com/src/latest/"></script> <script src="parse.js"><
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
