タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとJavascriptとjavascriptに関するHHRのブックマーク (405)

  • JavaScript の new 演算子の意味: Days on the Moon

    JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri

    HHR
    HHR 2010/06/16
  • javascript - uneval() for the rest of us! : 404 Blog Not Found

    2009年02月26日11:30 カテゴリLightweight Languages javascript - uneval() for the rest of us! うーん、それもそうなんだけど.... 最速インターフェース研究会 :: JavaScriptにおけるdeep clone まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 そのuneval()が他にないので、作ってみた。 初出2007.11.27; 追記2008.06.14, 2009.02.26 文字列のEscapeをFirefox互換に。あと、 /la

    javascript - uneval() for the rest of us! : 404 Blog Not Found
    HHR
    HHR 2010/06/16
    clone pdo
  • javascript - プロトタイプ的継承 : 404 Blog Not Found

    2006年10月18日09:20 カテゴリLightweight Languages javascript - プロトタイプ的継承 がーん。この感動はY combinatorを見たときに匹敵する。 Prototypal Inheritance function object(o) { function F() {} F.prototype = o; return new F(); } なぜこれがそれほど感動的かというと.... これを使えば、ArrayやObjectといったBuilt-Inからも難なく継承できるから。 継承のやり方としてはPrivate Members in JavaScriptが圧倒的に有名で、日でもbrazilさんによる邦訳、Collection & Copy - JavaScriptにおける古典的継承もよく知られていると思うけど、この三行を目の前にしては霞む。でもp

    javascript - プロトタイプ的継承 : 404 Blog Not Found
  • はてなダイアリーでJavaScriptを実行するためのiGoogleのガジェット作ってみた - あと味

    キッカケは忘れましたが、昨日、はじめてiGoogleのガジェットを作ってみました。 なんだか難しいのかと思ってたら、意外と簡単で、試しに、はてなダイアリーでJavaScriptを実行するためのiGoogleガジェットを作ってみました。 一度作ってしまうと、mixiアプリにも応用が聞いて、勉強する対象としてはなかなかいいなーと思いました。 Google Gadget Editorを使って作るとプレビューがあって楽ですね。でも、opensocialのAPIはプレビューでは動かなかったなー。 iGoogleガジェットのソース <?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefs title="JavaScript Eval for Hatena Diary" width="500" height="500" author="ht

    はてなダイアリーでJavaScriptを実行するためのiGoogleのガジェット作ってみた - あと味
    HHR
    HHR 2010/05/30
    iGoogleガジェット
  • createElementメソッドが微妙なので汎用的な関数にする - あと味

    JavaScriptでDOMを生成するとき、document.createElementというメソッドを使いますが、属性の設定とかstyleの設定をしようとすると、縦にひたすら代入文を書き続ける感じになってあんまり好きじゃありません。 各種JSライブラリを導入すれば解決できる話ですが、車輪の再発明でシンプルな関数を作って対応することにします。 createElement関数のサンプル function createElement(elem, attrObj, styleObj) { var element = document.createElement(elem); if (attrObj) { for (var attr in attrObj) { element[attr] = attrObj[attr]; } } if (styleObj) { for (var prop in s

    createElementメソッドが微妙なので汎用的な関数にする - あと味
  • メソッドチェーンの作り方 - あと味

    メソッドチェーンはわかりやすくて便利です。jQueryなどではメソッドチェーンが効果的に使えるように設計されているので、jQueryでメソッドチェーン使用している人も多いと思います。 このメソッドチェーンですが、作り方を解説するページがあまりない気がするので、JavaScriptを例にメソッドチェーンの作り方を紹介してみようと思います。 メソッドチェーンの原理 メソッドチェーンとは、名前のとおり、メソッドを実行して、その結果に対してさらにメソッドを実行する感じで、メソッドを繋げながら何らかの処理をしていく仕組みです。 例 hoge().fuga().piyo(); メソッドで返す値がメソッドを持っていることがメソッドチェーンを実行できる条件になります。 JavaScriptには最初からメソッドチェーンが実行できるメソッドがある JavaScriptには最初からメソッドチェーンが実行できるメ

    メソッドチェーンの作り方 - あと味
    HHR
    HHR 2010/05/30
    メソッドチェーン
  • .sort.call(null)の深淵 - 素人がプログラミングを勉強していたブログ

    発端は javascript:alert([].sort.call(null)) これで window オブジェクト取れるのなんで? http://twitter.com/edvakf/status/9222713572 という投稿。 この不可解な挙動を説明することは案外難しい。 まず、ES5のstrict mode以前(つまり、今普通にJavaScriptを使う場合)では、 function fun() { return this; } alert(fun.call(null) === window); がtrueになる。 それから、 var a = [3, 2, 1]; alert(a.sort() === a); alert(a); // [1, 2, 3] sortは破壊的であり、thisを返す。 thisが配列以外の場合については、仕様では未定義であるが、どうなのか。id:nan

    .sort.call(null)の深淵 - 素人がプログラミングを勉強していたブログ
    HHR
    HHR 2010/05/30
    どうしてもwindowを取り出したいとき
  • partial関数は引数の最後に関数を指定できるとネストした時に見やすい - あと味

    letみたいなものをJavaScriptに実装しようと思っていろいろやってた時に感じたことなんですけど、Pythonとか、Python志向なMochikitなどに導入されているpartial関数は、引数の最後に関数を指定できると、ネストした時にが見やすいと思いました。好みはあると思いますが。 partial関数とは? ある関数に必要な引数を部分適用できる関数です。例えば、以下のような関数があったとします。 function FromTo(from, to) { return from + 'から' + to + 'まで'; } FromTo('福井', '東京'); // 結果: // 福井から東京まで fromという引数とtoという引数を指定することで、◯◯から◯◯までという文字列を出力できる何の実用性もないプログラムです。 この時、partial関数を使用すると、先にfromという引数

    partial関数は引数の最後に関数を指定できるとネストした時に見やすい - あと味
    HHR
    HHR 2010/05/29
    partial関数
  • HTMLクイックリファレンス

    {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl

    HTMLクイックリファレンス
  • はてなモノリスで一括フォローするためのブックマークレット - IT戦記

    はてなモノリスが登場しましたね!! はてなモノリス サービス終了のお知らせ このサービスは、各種商品を投稿することで「モノ」に対するコメントを共有するものみたいです! これはきっと、フォロワーがたくさんいたほうが楽しいに違いない!!! と言うわけで、一括フォローブックマークレットを書きました javascript:(function(s){s.src="http://amachang.sakura.ne.jp/misc/monolith/follow.js";document.body.appendChild(s)})(document.createElement('script')) 使い方 使い方は簡単 1 フォロー中/フォロワー ページに行く 2 そのページで上記のブックマークレットをロケーションバー(URL が出てるところ)に貼り付けて、 Enter キーを押すだけ 3 あとは、し

    はてなモノリスで一括フォローするためのブックマークレット - IT戦記
    HHR
    HHR 2010/04/25
    モノリス。
  • 【プログラミング】オセロを1時間で作ってみた【実況解説】

    ■最近業の調子が悪いので、気分転換にオセロを作る様子を実況してみました。■プログラムがどうやって作られるのか全くわからない方にとって、徐々にオセロが出来ていく姿が参考になれば幸いです。■一発撮りですので、ミスが多い点はご容赦ください。バグや間違いを頻発させており、気づいた人にとってはイライラ動画でしょう。お詫びいたします。■IE6.0、ペイントブラシ、メモ帳、電卓での制作です。■引き分けの判定にバグがありますね。コメントでのご指摘ありがとうございました!■今までの作品はこちら→http://void-main.org/niconicoprogram/■マイリスト→mylist/16170739

    【プログラミング】オセロを1時間で作ってみた【実況解説】
    HHR
    HHR 2010/04/24
    プログラミングを実況解説
  • 【プログラミング】マインスイーパを1時間強で作ってみた【実況解説なし】

    こんにちは中川です。 【プログラミング】テトリスを1時間強で作ってみた【実況解説】(http://www.nicovideo.jp/watch/sm8517855)を少し前に見て、その流れるようなプログラミング&ペイントの使い方wに感動しました。そこで、最近めっきりコードを書く量が減っている気がするので、ちょっと何か試しにやってみようと思い、比較的簡単そうなマインスイーパを作ってみました。(動画はありません。) 実際に出来上がったものは、こちら。 ※ソースはこちらを開いて右クリックソースを表示で確認ができます。 なかなか苦戦しました。。。 実際の作業時間ですが、1時間ではできず、、、1時間30分といったところでした。 なかなか、自分の場合、1時間テトリスの方のように流れるようなコーディングとはいかず、まだまだ勉強不足だなと実感しました。 今回は、あえてオブジェクト思考的には書かないをモット

    【プログラミング】マインスイーパを1時間強で作ってみた【実況解説なし】
    HHR
    HHR 2010/04/24
    プログラミングを実況解説
  • javascript - 万能継承関数 : 404 Blog Not Found

    2010年03月16日02:00 カテゴリLightweight Languages javascript - 万能継承関数 JavaScript: The Good Parts Douglas Crockford / 水野貴明訳 [原著:JavaScript: The Good Parts] うーん、かっこいいけど、これでも冗長。 JavaScriptで継承やるときにprototype書きまくるのめんどい人は - あ、いしかわですね こうすればいいよ たとえば、 (function(o){ o.jump = function() { alert("Jumps, jump, jumpoo!!"); }; o.sayOwnFavorite = function() { alert("I like "+this.favorite+"!"); }; })(Child.prototype); と書

    javascript - 万能継承関数 : 404 Blog Not Found
    HHR
    HHR 2010/04/24
    The Good Parts
  • サーバーサイド jQuery をやってみる! - IT戦記

    最近、社内で PHP Spidermonkey が流行って(?)いるようです><! Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript id:ama-ch さすがです>< というわけで 僕も、 PHP の Spidermonkey でどのくらいのことが出来るのか試してみました>< まず、 Hello, world! <?php // new して $js = new JSContext(); // print 関数作って $js->registerFunction(function($v) { print $v; }, 'print'); // こんにちはこんにちは! $js->evaluateScript('print("Hello, world!!")'); Hello, world!おおお、簡単! 次は、 id:m-hiy

    サーバーサイド jQuery をやってみる! - IT戦記
    HHR
    HHR 2010/04/22
    phpでjsを使う変態ねた
  • Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ

    古いエントリーなのですが、まだ時折検索エンジン経由?でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー

    Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ
    HHR
    HHR 2010/03/11
    ちょっと興味ある
  • JavaScript基本概念最速マスター - TechTalkManiacs

    プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4 記述ミス Typoなどを修正しました) JavaScriptの基概念 JavaScriptの基となる概念は次の二つです。 連鎖指向 全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます。 連鎖指向 JavaScriptでは変数、オブジェクト、メソッドなどのリソースの利用において鎖のようにリソースを定義や宣言できるポイントが連なり、一番近くの宣言や定義に基づいてリソースの内容が決定される、という仕組みが採用されています

    JavaScript基本概念最速マスター - TechTalkManiacs
  • JavaScript基礎文法最速マスター - gifnksmの雑多なメモ

    続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら:JavaScript概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal

    JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
  • ようこそJavaScriptの世界へ

    JavaScript格的なプログラミングの世界に触れてみよう。連載を通じて実用的なアプリケーションを作れるようになるはず!?(編集部) JavaScriptってよく聞くけど何だろう? JavaScriptは、Webブラウザ上で動かすことのできる簡単なプログラム言語です。HTMLだけでは動くWebページはできませんが、JavaScriptを使うとWebページにさまざまな動きを入れることができるようになります。 プログラム言語と聞くと、なんだか難しそうに感じてしまうかもしれませんが、心配はいりません。 講座は、HTMLは分かるけどプログラムを書いたことがないという人や、デザインは得意だけどプログラムは全然分からない! 文科系で数学は苦手! という人が理解できるような入門講座として、JavaScriptの基から進めていきます。 用意するものはメモ帳などのテキストエディタとWebブラウザだ

    ようこそJavaScriptの世界へ
  • JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル

    Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン

  • データ & アナリティクス | アクセンチュア

    データ分析から導き出されたインサイト無しにAI人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ

    データ & アナリティクス | アクセンチュア
    HHR
    HHR 2009/11/05
    クロスブラウザ