Joel Spolsky / 青木靖 訳 2006年8月1日 火曜 ある日、自分のコードを眺めていて、ほとんど同じに見える2つの大きなコードブロックがあるのに気付く。実際、一方が"スパゲッティ"、他方が"チョコレートムース"について言及しているところを別にすれば、どちらもまったく同じだ。 //簡単な例: alert("スパゲッティが食べたい!"); alert("チョコレートムースが食べたい!"); この例ではたまたまJavaScriptを使っているが、この後の話は別にJavaScriptを知らなくとも理解できるはずだ。 同じコードが繰り返し現れるのは、もちろん良くないことだ。だから関数を書くことにしよう: function SwedishChef( food ) { alert(food + "が食べたい!"); } SwedishChef("スパゲッティ"); SwedishChef(
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
外部スクリプトをロードする関数を毎回書くのが面倒で、 Firebugの組み込み関数にしたら便利なんじゃないかと思って、 loadJS という名前で Firebug に組み込んでみた。 結論から言うと、 /chrome/content/firebug/commandLineAPI.js を編集したら、任意の関数を定義できた。 以下に、手順を書いてみる。 まず、ソースでもある Firebug拡張をダウンロードする。 http://releases.mozilla.org/pub/mozilla.org/extensions/firebug/firebug-0.4-fx+fl.xpi xpi は、実際にはただの zip ファイルなので、 unzip コマンドで解凍できる。 ./$ unzip firebug-0.4-fx+fl.xpi Archive: firebug-0.4-fx+fl.xpi
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
Firefox 2.0 beta 1 が出ましたね^^ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。! 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
Ready to go Toolbox für Ihren digitalen Kundenzugang Skalierbare Module für Echtzeit-Lösungen für Apps, Web und Plattformen Drastische Einsparung Erleben Sie mit YOU OS-Modulen Kosteneinsparung bis zu 50% durch Konfiguration statt “build-from-scratch” Vorgehen. Direktes Prototyping Sie erwartet eine massive Zeitersparnis durch anpassbare Module und schnelle Entwicklung von Prototypen statt langwie
JavaScript には基本的にブロックスコープというものが存在しない。どうしてもブロックスコープを扱いたいときは function 式を使ったりする。 var a = 10; { var a = 20; print(a); // 20 } print(a); // 20 var a = 10; (function () { var a = 20; print(a); // 20 })(); print(a); // 10 だがやはりブロックスコープがあったほうが便利ということで JavaScript 1.7 では let 式、let 文、let 宣言が導入される。 var a = 10; let (a = 20) { print(a); // 20 } print(a); // 10 しかしこれでは対応するブラウザが Firefox 2 以降などに限られる。ところが、with 文とオブ
以下入力領域の文字を反転させ、em / pre / href ボタンをクリックして使います。 文字を反転させずにボタンをクリックした場合は、カーソル位置に挿入されます。 <textarea>にある文字を反転させ、em / pre / href ボタンをクリックしてください。 文字を反転させずにボタンをクリックした場合は、カーソル位置に文字が挿入されます。 ブラウザを判定し、それぞれに適したJavaScriptを実施します。 ブラウザ判定は、ブラウザネームを固定で判定するのではなく、実装されている JavaScript / DOM を判定しています。 Mac系IE、Safari等、<textarea>内でクリック、または反転した位置をJavaScriptで拾えない環境では、文字の最後または先頭に追加されます。 動かない環境が存在するのは、<textarea>内のクリックした位置を取得する仕様
Windows 10 の入ったディスクのバックアップが clonezilla で外形的にできることがわかった Posted on Jun 27, 2020 Windows10 が載ってるディスクに破壊的な変更加える前にバックアップしたくて、SystemRescueCd で clonezilla 使ってディスクまるごとイメージ化した(内部的には partimage が使われてる?)。 でこれ、レストアしたら起動する状態まで持っていけるんかな? すんごく不安だ。。。 — woremacx (@woremacx) June 15, 2020 systemrescuecd に同梱されている clonezilla を使ってまるまる取った Windows 10 のバックアップが戻せるか不安で仕方なかったので、VirtualBox に戻せるか試した。 そもそもなぜ clonezilla を試したかったの
Tuesday May 23 FireBug 0.4: Come and Get It FireBug 0.4 is now available for download! Install it here: http://getfirebug.com Since I first blogged about this release in early April, hundreds of people have emailed me to volunteer to test FireBug 0.4. The response was simply overwhelming. Thanks to everyone who helped out - your feedback went a long way towards making FireBug better. Read the rele
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
Sarugau JS とは サーバサイドDHTMLエンジン"Sarugau JS"は、Java上で動作するJavaScriptとDIコンテナを使ったプレゼンテーション層用のフレームワークです。 ダイジェスト版の機能説明 ダウンロード ユーザーズガイド ぜひ、フィードバックをinfo[あっと]sarugau.org([あっと]を@に変換してください)まで。 Sarugau JSの解説 Sarugau JSに関する情報をDBマガジン2006年6月号に「サーバーサイドJavaScriptによる完全分業型Webアプリケーション開発」として寄稿しました。この内容の一部を編集部様の許可を得て掲載しています。 Rhinoとは コンセプトとアーキテクチャ 開発言語を実装箇所に応じて選ぶ
このリンクをブックマーク。 インストーラー付き版のダウンロード(IE限定) 色付き関数表示版new! スクリーンショット オブジェクトツリーを辿って参照できます。 関数の定義を参照したりもできます。 インストール方法(IE) 方法1 上記の「このリンクをブックマーク」のリンクを右クリックしてブックマークに追加する。 方法2 インストーラー付き版をダウンロードする。 ファイルを適当なフォルダに置いてダブルクリックすると、インストーラーが起動されます。(警告が出でます。) Bookmarkletをクリップボードにコピーし、IEのリンクバーにショートカットを追加されます。 登録される場所が気に入らない場合は、「お気に入りの整理...」で修正してください。 インストール方法(Firefox) 方法1 上記の「このリンクをブックマーク」のリンクを右クリックしてブックマークに追加する。 方法2 ローカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く