台湾ひとり食事旅（前編） 台湾へ行ってきた。チケットと宿を予めおさえていたものの、台湾地震の発生で予約を一度はキャンセル。その後の台湾観光庁の旅行に来て大丈夫だよ、という声明を確認してやはり行くことに。 目的はシンプルで、台北周辺で美味しい食事をたくさん食べること。そして自宅…

肩こり歴20年のagoです。 社内でもjQueryを使う人間が増えてきたので、jQueryを使う人が陥りやすい罠をいくつかあげてみたいと思います。 （私が過去にはまったり、今はまっている罠です） 1 グローバルの名前空間を使わない jQueryはwindow objectの汚染が少なくほかのライブラリとの共存が行いやすいですが、特定のサイト向けに開発する場合window objectを使用してもそれほど問題は発生しません。 しかしjQueryに慣れるとwindow objectの使用をいかに避けるかを考えるようになり、jQueryと関係ないfunctionや変数まで$.hogehogeに実装しようとしてしまいます。 これはwindow objectの代わりにjQuery objectを汚染しているだけなので、素直にwindow objectを使用したほうが普通に実装しやすいでしょう。 2

実装側では非常に苦労しますが、使い勝手は抜群。わざわざnew演算子を使ってインスタンス生成をしなくても関数の戻り値としてオブジェクトを使うテクニックです。 例を使って説明します。以下はDOMの操作で要素を削除する方法です。 普通の方法 var elem = document.getElementById('navi'); elem.parentNode.removeChild(elem); DOMのAPIでは直接要素を削除できません。いったんparentNodeをたどり、removeChildでDOMツリーから削除します。 普通のクラス化 var Elem = function(id){ this.elem=document.getElementById(id); }; Elem.prototype.remove = function(){ this.elem.parentNode.rem

japan-technology IBM Related Japanese technical documents - Code Patterns, Learning Path, Tutorials, etc. Please open new issue/pull requests in either English or Japanese if you would have any feedback or you would like to contribute this repo. We provide mainly "Japanese contents" by markdown text. IBM Developerの最新情報は https://developer.ibm.com/ にアクセスし、英語のコンテンツを参照してください。 このリポジトリは、IBM Developer Ja

2007年04月12日23:30 カテゴリLightweight Languages javascript - 勝手に添削 - JavaScript入門 釈迦に説法を承知で。 IT戦記 - 社内勉強会資料 amachang - JavaScript 入門Object.prototype = { /* ... */ }は避けるべし みにくいのでオブジェクトを入れ替える方式に Box.prototype = { speed: 4, move: function() { this.left += this.speed; this.element.style.left = this.left + 'px'; if (this.left > 400) clearInterval(this.id); }, start: function() { var self = this; this.id = s

Enterprise Strategy Group: Go-to-market Expertise to Help You Win

Without a doubt, JavaScript has been making something of a comeback in the last year. If you’re involved in client-side development in any way at all, chances are that you’re finding yourself writing more JavaScript now than you have in a long time. If you learned most of your JavaScript back when DHTML was all the rage and before DOM Scripting was in vogue, there have been some big shifts in the

Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが一度は次のようなことで悩むかと思います。 ブロックスコープと名前空間 (グローバル変数汚染の回避) 読み書きしやすくデバッグしやすいコードスタイル コールバック関数と this オブジェクトの取り扱い デバッグ方法とデバッグ支援モジュール 非同期処理の書き方 いずれも解決方法は人によって様々で、これが常にベストと言えるものがなさそうですが、私なりにそれぞれ検討したことなどを書いてみようかと思います。もっと良い方法があるとか色々皆さんのご意見やツッコミをいただければ幸いです。 JavaScript では名前空間は言語仕様でサポートされておらず、ライブラリや拡張機能などのコードを書くときにはグローバル変数の使用を最小限に抑える必要があります。先日の Mozilla 勉強会＠東京 3rd でも佐藤さんと守山さんの発

YAHOO.namespace()で一発、とか思っていたら、最初に"YAHOO"が。 YAHOO.namespace("hoge.foo"); // "hoge.foo"ではなく"YAHOO.hoge.foo" ができる というわけで、自作しました。 /** * ネームスペースを作成する。 * @param {String} path 作成するネームスペース。"."区切りで指定。 */ function namespace( path ) { var strs = path.split("."); var c = (function () { return this; })(); // グローバルオブジェクトを取得。 for(var i=0;i<strs.length;i++) { if ( typeof c[strs[i]] == "undefined" ) { c[strs[i]] =

2007年02月02日16:45 カテゴリ javascript - ふつうのnamespace これはいいとして、 IT戦記 - JavaScript の名前空間 シンボルの衝突が非常に大きな問題となる。その代表例が Firefox の拡張機能内のシンボルである。 これはJS界のラマヌジャンなamachangならとにかく、私でも起き抜けにコーヒーの湯気も当たらぬこちこちの頭ではついてけん。 window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ここにコードを書く }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI これはふつうに // Namespace jp.ne.hatena.d.amachang a la J

JavaScript での大規模開発では シンボルの衝突が非常に大きな問題となる。その代表例が Firefox の拡張機能内のシンボルである。 で、こんな記述ルールはどうだろう window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ここにコードを書く }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI 例えば window['http://d.hatena.ne.jp/amachang/']={}; (function(){with(this){ var hoge = 'hoge'; // このスコープ内で共有するシンボル this.fuga = 'fuga'; // 同じ名前空間で共有するシンボル window.p

Inside Out + Upside Down: Posters from CalArts 1980–2019 MW Books, 2020

今年最初の東奔西走は重大な警告書になった。一気に読まないと、多面的な状況を把握して解決策を理解することはできないので、最後までお付き合いいただきたい。 防災の基本は情報収集と事前準備であり、いざ発生した時の断固たる行動が生死を分ける。経済の巨大災害も変わらない。 日本は、これから2年の間に、戦後最大の経済危機に直面するだろう。考察し、準備し、行動しなければ、日本は破綻する。詳しくは筆者の『ジャパン・ショック』（祥伝社）をお読みいただきたい。またこの問題に対するフォーラムも開催するが、ここではその解決策を紹介したい。 日本の歴史をひもとけば、絶体絶命の危機ほど大復活を遂げ、世界を驚かせてきたことがよく分かる。それが日本の「国民力」ではないだろうか。 今回の危機も同じだと思う。立場を超え、力を合わせれば、日本は奇跡の復活を遂げ、世界をリードする国家に生まれ変わると信じている。 驚異の高度成長を

今回は三橋貴明さんのブログ『新世紀のビッグブラザーへ』からご寄稿いただきました。 毎日新聞倒産への道 毎日新聞の第34期中間決算（平成23年9月30日）が発表されたのですが、凄いことになっております。2010年7月28日の記事 *1 で、下記のように毎日新聞の平成22年3月決算の“健全性”の凄まじさをご紹介しました。 ＊＊＊＊＊＊＊＊＊＊ 『さて、問題の健全性分野。（　　）内は対前年同期の数値です。 ◆流動比率：54.2％　（70.9％） ◆当座比率：35.4％　（44.1％） ◆自己資本比率：5.8％　（10.5％） （中略） ちなみに、“一般的には”流動比率が100%以上であれば、1年以内に支払不能になる可能性が低いといわれています。すなわち、流動比率は100%を超えていることが普通なのです。さらに、当座比率の方は“100％以上であることが望ましい”とされています。毎日新聞の場合、流動

Space startup Basalt Technologies started in a shed behind a Los Angeles dentist’s office, but things have escalated quickly: soon it will try to hack a derelict satellite and install…

本当は上の格闘技ネタはあっさり終わらせて、この話をたっぷりと書きたかったのだが、またもや予想以上に分量が増えてしまったので少し休憩を置くです。 しかしそれも申し訳ないので、先にネタ晴らしだけしておくと ネタ元は最近出版された 封印されたミッキーマウス―美少女ゲームから核兵器まで抹殺された12のエピソード 作者: 安藤健二出版社/メーカー: 洋泉社発売日: 2008/05メディア: 単行本購入: 8人 クリック: 465回この商品を含むブログ (33件) を見る の中の一章です。 詳細はしばらく待て。ちなみに今、部屋を見回してもいるのだが、昨日買って、読んだばかりなのに、今どこに、この本があるのだね？（ブログの読者に尋ねて分かるわけ無いだろーが） ◆　　◆　　◆ 本が今、見つかりました。ここで下手に休むと尻切れトンボになりそうなので書いてしまおう。 よく、「ミッキーマウスの画像を下手に入れる

IPネットワーク上のノードを自動検出する「Bonjour」は、もはやOS Xの不可分な機能と言っていい。システム環境設定上にスイッチはなく、常に有効な状態だ。IPアドレスの直接指定や/etc/hostsにホスト名を登録する、といった儀式なしにほかのノードと通信できることは、多くのユーザーが歓迎するところだろう。 しかし、なにかを共有に設定していれば、LANに接続していることがほかのMacからすぐに確認できてしまうのは困りもの。都合が悪いときは隠れていたい、そんなときもあるだろう。 この問題は、マルチキャストDNSを担うサービス「mDNSResponder」の設定ファイル（/System/Library/LaunchDaemons/com.apple.mDNSResponder.plist）に「-NoMulticastAdvertisements」なるオプションを加えることで解決できる。しか

最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く Summit 講演レポート公開！ イノベーション志向経営からDX推進の覚悟 ブレインテックの可能性まで 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド RPA見直される”業務”と”人”の関係

The Station is a weekly newsletter dedicated to all things transportation. Sign up here — just click The Station — to receive the full edition of the newsletter every weekend in your inbox. Sub

今年はSSDの台頭がめざましい。価格の低下、大容量化、そして高速化、さらには低電力化まで期待できるというからもうHDDの出番はなくなるんじゃないだろうかというぐらいの勢いである。しかしそんなSSDもデータベースで利用する時には気をつけてもらいたい。 MySQL Performance Blogでインテル製SSDを使って検証した結果がレポートされている。 インテル製SSDはめっぽう早い。彼らのテストでは一秒間に5250回もの書き込みが出来たそうだ。しかしそれはライトバックキャッシュが有効になっているときの話であって、ライトバックキャッシュを無効にすると書き込みは秒間1200回まで低下したらしい。（それでも高速だが。） で、このインテル製SSDのライトバックキャッシュはくせ者で、バッテリー等で保護されていない。つまり、ライトバックキャッシュにダーティな（まだディスクへの書き出しが完了していない

軽量なリレーショナルデータベースとして人気のSQLite。そのWebサイトに掲載されている「How SQLite Is Tested」の内容が、海外のプログラマなどのあいだで話題になっています。 3月に公開された最新バージョンのSQLite 3.6.23。本体のソースコードは約6万7200行（67.2KSLOC、Kilo Source Lines of Code：空行やコメントを除いた行数）なのに対し、テストコードはなんと4567万8300行（45678.3KSLOC）だと紹介されているのです！ これはテストコードが本体の約679倍もの大きさだということになります。 100％のブランチカバレッジ SQLiteコアのライブラリをテストするテストコードとして、以下の3つが紹介されています。 TCL Tests TCL Testsはもっとも古いテストコードで、TCL scripting lang

ウェブサービスでは、アクセスが集中して、サイトが落ちる、というのは、よくある話です。純粋に人気が出てアクセス集中するなら、サーバ管理側の責任と言われても、しかたないと思います。しかし、botやF5アタックによる突発的な集中アクセスで、落ちてしまう、というのは、運営側としても、あまり納得がいくものではありません。 そのような突発的なアクセスに対応するために、大量のアクセスをしてくるクライアントを検出し、優先度を落すか、アクセス禁止にする方法などがあります。 というわけで、Apacheモジュールでそれを検出するためのmod_dosdetectorを開発しました。(ちなみにコア部分の開発期間は、Apacheモジュールって、どう書くんだっけ、という状態から、3日でした。) mod_dosdetectorは、Apacheモジュールとして動作し、クライアントのIPアドレスごとにアクセス頻度を測定し、設

こんにちは nakamura です。ワールドカップ見過ぎで仕事中もブブゼラの音が聞こえてきます。ワールドカップが終わっても聞こえるようなら病院行こうと思います。 さてさて今も昔も、定番のサーバ攻撃方法 DoS アタック。うちが作っているサイトにもちょくちょくそれらしいアクセスが来ているようです。 DoS 攻撃って？ Denial of Service attack の略です。以下は Wikipedia より。 イメージとしては、ターゲットの持つ電話機に無言電話やいたずら電話を大量に発信して、ターゲットが正常に電話機を使用（受発信）できないような状態を考えると理解しやすい。DoSはネット上のトラフィックを増大させ、通信を処理している回線やサーバの機能（リソース）を占有することで、他の利用者の利便性を妨害したり、その過負荷によってサーバそのものの異常動作を誘発させる。 DoS攻撃 - Wiki

CSS frameworks are pre-written CSS files that help web designers and developers create websites faster and more efficiently. They are perfect for those looking to launch projects without getting bogged down in the details of coding CSS from scratch. In this collection, we’re focusing on smaller, lightweight frameworks. These minimalist frameworks all offer a simpler alternative to more comprehensi