JavaScriptとして動作するfizzbuzz.rb - ゆとRubyist日記
LL Decadeで、Polyglotの話を聞いて面白かったので、私もやってみました。 そこで、FizzBuzzを書いてみました。 fizzbuzz.rbですが、JavaScriptとしても動作します。Rubyのバージョンは1.9です。 'use strict'; "#{define_singleton_method(:var){|*v|}||";/*"}" # */ var puts=console.log; /* # */ Number.prototype.to_s = function(){return this;}; var max=100, a=0, b=0; "#{";/*"}" (1..max).each { |i| # */ for(var i=1;i<=max;i++){ a = i % 3 < 1; b = i % 5 < 1; puts((a ? 'fizz' : '
IEで、preタグにinnerHTMLで改行を入れると無視される - bushimichiの日記
HTMLのタグに、記述したままを表示する pre タグがあります。 <pre> ほげほげ どもども こんにちわ </pre>br を使わなくても、改行して表示してくれます。 しかし、IEで動的にJavascriptで pre タグにテキストを書き込むと 自動的に改行コードを半角スペースに変換するらしく 思ったとおりに表示できません。 FireFoxやOperaだとそんなことはないようです。 詳しくはこちら http://d.hatena.ne.jp/brazil/20060917/1158465641 IE用に別に処理を書くしかなさそうです。 // jQuery.js を使用 var doc = "ほげほげ（改行）どもども（改行）こんにちわ（改行）"; if($.browser.msie){ doc = doc.replace(/\x0D\x0A|\x0D|\x0A/g,'\n\r');
pixiv の javascript のコメントが面白い - Dlog 隔離館
イラスト コミュニケーションサービス[pixiv(ピクシブ)] お絵描きサイト、pixiv！ 何気なく、pixiv の javascript のソースを眺めてみると、いろんなコメントがありました。 ニョーン ... 7686: // マウスオーバーでおすすめタグをニョーンと出す 7687: var timer = null; ... マジ天使 ... 452: selectCover: function(c) { 453: // [IE マジ天使] 送れないので遷移させる 454: if ($.browser.msie) { ... pixiv.group.js http://source.pixiv.net/source/js/pixiv.group.js なげえｗ ... 248: if (handler) { 249: // TODO 引数再考。なげえ 250: handler =
JavaScript の基本コード
IEは、いまだに IE6 から IE11 まで存在し、目的によっては細分してそれぞれのバージョンの考慮が必要な場合があります。 特に、見栄えでは大きな違いが出るので、JavaScript で STYLE 定義を document.write する場合に役に立つと思います。 以下は、String オブジェクトのメソッドとして実装しています。"chrome".browser() が true ならば、Google Chrome という事になります。IE では、個別に "ie10".browser() で判定できますが、IE 全体での判定は "ie".browser() になります。 ※ 無駄にみえるコード部分がありますが、firefox から safari までの並びは意味があります。 <script type="text/javascript"> String.prototype.brows
JavaScriptでブラウザ判定 navigator.userAgent － Esprit's Style － エンジニアの足つぼ －
<script type="text/javascript"> <!-- var strUA = ""; strUA = navigator.userAgent.toLowerCase(); if(strUA.indexOf("safari") != -1){ document.write("Safari"); }else if(strUA.indexOf("firefox") != -1){ document.write("Firefox"); }else if(strUA.indexOf("opera") != -1){ document.write("Opera"); }else if(strUA.indexOf("netscape") != -1){ document.write("Netscape"); }else if(strUA.indexOf("msie") != -1){
JSDeferred 紹介
JSDeferred について JSDeferred は JavaScript のコールバックによる非同期処理を直列的に書けるようにするために作られたライブラリです。 foofunc(function () { barfunc(function () { bazfunc(function () { }); }); }); foofunc().next(barfunc).next(bazfunc); 簡単な使いかた 読み込み まずは JSDeferred を使うために、HTML に script 要素を追加します。 <script type="text/javascript" src="jsdeferred.js"></script> <script type="text/javascript" src="my.js"></script> JSDeferred は外部ライブラリに依存しておら
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
jQuery で JSONP ２通り - てっく煮ブログ
JavaScriptjQuery を使って JSONP でリクエストする方法を２通り紹介するよ。その１: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その２: $.ajax
JavaScriptのreplaceで正規表現による後方参照 : ひろ式めもちょう
a. ○できる txt.replace( /hoge(.*)huga/, "huga$1hoge"); b. ×できない txt.replace( /hoge(.*)huga/, "huga" + $1 + "hoge"); c. ×できない txt.replace( /hoge(.*)huga/, "huga" + RegExp.$1 + "hoge"); ※いったんmatchさせたあとでないと使えないらしい bができない理由がわからない…_|￣|O（そんなに難しいことか？） で、代わりにこうする。 d. ○できる txt.replace( /hoge(.*)huga/, function (whole,s1) { return( "huga" + s1 + "hoge"); } ); なげー。だいたいこの、関数の引数決めうちってのがキライなのだが…まぁ、Perlでもsortとかそうだか
applyとcallの使い方を丁寧に説明してみる - あと味
JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは？ callメソッドは以下のように呼び出します。 methodA.call(thisArg, [, arg1 [, arg2, ...]]); methodAには任意の関数（メソッド）を指定します。 callの引数は第一引数にmethodAのthisとしたいオブジェクトを指定して、第二引数以降はmethodAに渡したい引数があれば、カンマ区切りでそれぞれ指定します。 callメソッドは、すべての関数が共通して持っているメソッドです。すべての関数はFunctionクラスのオブジェクトで、callはFunction.
Window オブジェクトは厳密には Global オブジェクトじゃない？ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20110310.html
論理演算子（&& と ||）を応用する - てっく煮ブログ
javascript, asjQuery のソースコードを見ていて面白いのがあった。 function add(a, b){ addImpl(b && a, b || a); } function addImpl(a, b){ // ... } 理解するためには、論理演算子を詳しく理解する必要がある。論理演算子詳細JavaScript（というか ECMAScript）の論理演算子は、評価結果が true/false で返される訳ではなく、結果が確定した時点で評価した値が返される。まずは、|| を試してみよう。 alert(2 || 0); // 2 alert(2 || 3); // 2 alert({} || null) // [object Object] alert(0 || 3); // 3 alert(0 || 0); // 0 alert(0 || undefined); //
2012年のJavaScript～PCからモバイルの時代へ | gihyo.jp
あけましておめでとうございます。一昨年、昨年に引き続き、今年も昨年のJavaScriptを振り返りつつ、JavaScriptの近い未来についてちょっとだけお話させて頂きます。 それでは早速、昨年の予想を振り返りつつ、最近までのJavaScript界隈の動きを振り返ってみましょう。 2011年のJavaScript界隈でのニュース 昨年の記事で私は2011年はウェブアプリの普及に向けて、JavaScriptの開発環境とテスト環境がキーになると書きました。まずはこの2つの視点から見てみましょう。 JavaScriptの開発環境 2011年のJavaScriptの開発環境に関する大きなニュースといえば、Ruby on Railsの3.1にCoffeeScriptがデフォルトで採用されたという一件があります。Railsは非常に人気の高いウェブアプリケーションフレームワークで、多くのフレームワークに
Function.prototype.bindは何がいいのか - 枕を欹てて聴く
ES5からFunction.prototype.bindが入りました. これに準ずるものは数々のFrameworkで提供され続けてきたので, あまり馴染みの無さはないのではないでしょうか. このFunction.ptototype.bindは実はとても面白いので. 結論から言えば, Function.prototype.bindはtarget functionのConstructに完全に移譲するのでConstructorの引数束縛が行えます. またConstructor callに対して配列を渡すapply形式のものといったapplyConstructorやcallConstructorをbindを使って実装することができます. 基本 Function.prototype.bindは基本的にはthisとargumentsに特定の値を束縛する関数です. bindは第一引数にthis, 次から
CoffeeScriptを使うべきか、使わざるべきか？ - にのせき日記
最近CoffeeScript界隈のブロゴスフィア(死語)を賑わせていた「CoffeeScriptを使うべきか、使わざるべきか？」という話題についてまとめてみた。 以下の記事紹介は超訳かつ要約なので詳しく知りたい人は元記事を参照のこと。 ことの発端はこの記事。 SnackJSの作者がCoffeeScriptをディスる。 A Case Against Using CoffeeScript by Ryan Florence デバッグの問題 CoffeeScriptが生成するJavaScriptはきちんとしているけど、結局は自分が書いたコードじゃないため読みにくい。自分で直接書いたほうが見やすい。 それにCoffeeScriptをデバッグするワークフローは大変だ。 まず問題がJavaScript内のどこで発生したのかを突き止める(CoffeeScriptのコードと行単位で対応してないから大変だ)
もう一度、ちゃんとJSON入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)
僕自身も僕の周辺もJSONをよく使います。でも、細かい点でけっこうミスをやらかしています(苦笑)。このエントリーで、JSONを使う上で注意すべきこと／間違いやすい点をすべて列挙します。 内容 兼チェックリスト： 仕様原典さえ読めば完璧（のはずだが） 数値の前にゼロを付けてはいけない 16進数表記も禁止だよ 数値の前にプラスを付けてはいけない 小数点からはじまる数値はダメ 用語法が違うよ：プロパティとメンバー メンバー名には常に文字列を使う 空文字列""もメンバー名に使える 配列要素はキッチリと並べよう 文字列を囲むには二重引用符だけ 文字列内のエスケープが微妙に違う 仕様にないエスケープは構文エラー undefinedもNaNもありません ラッパーオブジェクトは使わないのが吉 型システムとtypeofに関する注意 最後に 仕様原典さえ読めば完璧（のはずだが） JSONは、小さくて簡単な仕様
Shibu's Diary: ありえるえりあ大規模JavaScript開発の勉強会資料
資料アップロードしました！大規模JavaScriptだけど、エンタープライズではない話ですが、お話をさせて頂きました。こちらが完成版でした。発表時はPCがうまくスリープから復帰してくれなくて、再起動→リカバリしたPPTでプレゼンしたので、2ページ目の大事なこと(後者)が説明できなくて、呪い殺されてしまった人がいないか心配で夜も寝れない日々であります。 ngCore周りで大規模JavaScriptコードを支える仕組みというのは、だいたいこんな感じかな、と思います。 ソーシャルゲームは非同期で友達とプレイしあうゲームで、アーキテクチャは普通のウェブアプリケーションとほぼ一緒 ファイルをまとめる(ビルド/ベイク)仕組みは重要 ファイルアクセス時にビルドするのはコマンド叩かなくていいから良いよ オブジェクト指向サポートがあるとうれしい(classキーワードのある言語を使ったことある人は) ファイル
HTML5対応のユーザーインターフェイスライブラリ「Kendo UI」登場
JavaScriptでビジネスアプリケーションを開発する際に使えるユーザーインターフェイスライブラリ「Kendo UI」の正式版が公開されました。 JavaScript用のユーザーインターフェイスライブラリといえば、jQuery UIやSencha Touchなどがあります。Kendo UIもそれらと基本的に似たライブラリですが、jQueryをベースにしつつメニューやデータピッカーなどの基本的な部品だけではなく、表形式でデータを表示するグリッドやグラフなど、このライブラリだけでビジネスアプリケーションに必要な部品をカバーしている点にあるでしょう。 HTML5対応ですが、HTML5非対応のWebブラウザもサポート。GPLv3ライセンスのオープンソースと、商用利用向けの有償ライセンス（399ドル）のデュアルライセンスで提供されています。 いくつかサンプルを挙げておきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
codnote.net
JavaScript×Firebug：console.log()
