This domain may be for sale!
JavaScriptで多重継承 前回のメモでは、JavaScriptにおける多重継承のやり方を書いておきました。これを見て、メソッドのオーバライドのやり方が気になった人もいるかもしれません。 前回のメモ - JavaScrpitの個人的なメモ http://d.hatena.ne.jp/dhrname/20121002 そこで、今回は、前回に続けて、メソッドのオーバライドのやり方を説明します。 前回と同様に、JavaScript以外の言語を習得している人を念頭においています。 メソッドのオーバライド まず、Super1とSuper2の2つのコンストラクタ関数を用意します。 それらをChild関数に継承させます。このChild関数には、親と同じ名前のメソッドが登録されています。このメソッドに親のメソッドをオーバライドさせてみましょう。さらに親のメソッドも呼び出します。これはクロージャを使えば
JavaScriptと他のプログラミング言語との違い このメモは、JavaScriptと、それ以外のプログラミング言語との違いを解説したものです。 他の方の解説を読むと、共通点が強調されているので、このメモでは、逆に、違う点を調べていこうというわけです。 個人的なメモなので、間違いがあります。見つけたら、すぐに訂正します。 C言語、C++、Perl、Java、PHP、Rubyなど、JavaScript以外の言語を習得している人を念頭においています。コメントは/*と*/との間に挟みます。 リテラル JavaScriptにはクラスはありません。6種類のリテラルを使ってオブジェクトを作ります。 リテラルは便利なのでよく使われます。 var a = {}, /*オブジェクトリテラル*/ b = 12, /*数値リテラル*/ c = "Hello, World!", /*文字列リテラル*/ d =
Thank you for being patient. We are doing some work on the site and will be back shortly.
最近のブラウザはgetUserMediaという機能でJavaScriptからカメラを操作してリアルタイムに動画を読んだりできるようなので、画像認識のデモ的なものを作ってみた。 表紙検索 PCのGoogle Chrome、Opera、AndroidのOpera Mobileの場合 動画が読めるといっても実際のところ一部のブラウザでしか使えなかったので段階的に対応してみた。 まず、PCのGoogle ChromeとOpera、AndroidのOpera Mobileの最新バージョンが全ての機能が使えるブラウザです。 これらのブラウザで hyoushi.me というドメインを開くと、サイトのトップに「カメラ起動」というでかいボタンが表示されています。 IS05 + Opera Mobile (僕はウェブカメラを持っていないのでこれはIS05 + Opera Mobileのキャプチャです) カメラ
<script type="text/javascript"><!-- function print_r(obj) { var count_obj = 0; function _output(str) { document.writeln(str + "<br/>"); } function _print_r(obj, name, level) { var s = ""; if (obj == undefined || level > 4) return; for (var i = 0; i < level; i++) { s += " | "; } s += " - " + name + ":" + typeof(obj) + "=" + obj; _output(s); if (name == "document" || typeof(obj) != "object") return;
クラスの使い方(初級) mofmof.js では mm("Hoge", { メソッド }) でクラス mm.Hoge を定義することができます。 mm("Hoge", { init: function(arg1, arg2) { this._arg1 = arg1; this._arg2 = arg2; }, method: function() { alert(this._arg1 + this._arg2); } }); var hoge = new mm.Hoge(1, 2); hoge.method(); new mm.Hoge(1, 2) のタイミングで init(1, 2) が呼ばれます init はコンストラクタと呼ばれ、 主に初期化に関わる処理を記述します mm.Hoge クラスのインスタンスを生成します alert(3) が実行されます クラス内部で使うプライベートなメソ
Keeping the uglify service running while somehow protecting my lightweight VM from (often unintentional) denial-of-service attacks by people sending lots of requests or really huge sources was too much of a burden. I've shut it down. You can install uglify-js locally with npm install -g uglify-js instead.
JavaScript(jsファイル)の圧縮、難読化のツールを、いろいろ試し、比較検討しました。注意点やいろいろなツールの簡単なレビューを紹介します。最終的には、packerに決めました。 JavaScriptを圧縮、難読化する理由 自分の書いたJavaScriptのソースコードを、秘密にしたい。公開したくない。真似されたくない。恥ずかしいから隠したい。というのが大きな理由です。 JavaScriptのソースコードを、完全にわからなくすることは不可能です。 それは、JavaScriptが、ブラウザ側(クライアントサイド)で実行し、誰でもソースコードを見ることができ、簡単に読めてしまうからです。 しかし、コードを読みにくくすることで、解読のハードルを少し高くすることができます。 また、圧縮化、難読化には、JavaScriptファイルの読み込み時間を短くする効果もあり、とても有効です。 今回のご
AS3.0で「合成」のアニメーションを作って下さい HTML5, JavaScript, CSS3を使って、カード選択から合成アニメーションまでのUIを考えてください AS3.0で「合成」のアニメーションを作って下さい サンプルはソーシャルアプリで使われる合成演出のAS3.0テンプレートになります。このテンプレートをアレンジして新しい合成演出を作って下さい。素材はどのように使ってもらってもOKです、自分で演出を付け足してもらっても構いません。今までにない斬新な演出をお待ちしています。 【素材をダウンロード(zip)】 HTML5, JavaScript, CSS3を使って、カード選択から合成アニメーションまでのUIを考えてください サンプルは一般的なソーシャルアプリで使われている合成機能のUIです。ベースとなるカードと素材を選択し、合成を行います。これをHTML5, JavaScript,
JavaScriptのコードをフォーマット&色付けを行い、その内容をHTMLに貼り付けられる形にします。 JsDecoderというソースの整形&色付けを行ってくれる便利なライブラリを使って実現しています。 JsDecoder - code.gosu.pl →Blogへ戻る 使い方 下記のテキストエリアにJavaScriptのコードを入力し、「Preview」ボタンを押します。 すると、コードを整形したイメージが表示されます。 そのコードをHTML上に貼り付ける場合には、さらにその下のテキストエリアのテキスト内容を使用します。 format color
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)と申します。 「WebAPIの魅力を存分に宣伝せよ」という使命を受けまして、これから何度かTechblogを書くことになります。以後、お見知りおきを。 さて、Yahoo! JAPANが公開しているWeb APIはたくさんありますが、JSONPに対応しているものがいくつかあります。ショッピング、オークション、YOLP、震災関連情報などです。 JSONPについて詳しくは過去記事を見てください。 他の形式に比べると、サーバーを準備しなくてもブラウザーだけで動かすことができ、古いブラウザーでも動くという、JSONPにしかないメリットがあります。夢のような形式!なのです。 …そのは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く