JavaScript で言語処理100本ノック2015 第1章: 準備運動 - Qiita
かの有名な言語処理100本ノック2015年版をJSで解いてみました。 第1章の準備運動編です。 http://www.cl.ecei.tohoku.ac.jp/nlp100/ 全てNode.jsで実行しましたが、たぶん特に問題なくブラウザでも動くかと思います。 出来るだけ再利用可能な形で書きました。 間違いがあればご指摘ください。 第1章:準備運動編 00. 文字列の逆順 文字列"stressed"の文字を逆に（末尾から先頭に向かって）並べた文字列を得よ． var answer = 'stressed'.split("").reverse().join(""); console.log(answer);
JavaScriptの「型」の判定について - Qiita
JavaScriptの型にまつわるややこしい仕様について、簡単にまとめてみたいと思います。 5つのプリミティブ型を判定 JavaScriptにおける型とは、数値(number)、文字列(string)、ブール値(boolean)、null、undefinedの5つのプリミティブ型を指します。これらはtypeof演算子を用いて判別する事が出来ます。ただし、nullだけは仕様に反して'object'を返します。 typeof 'str'; // 'string' typeof 1; // 'number' typeof true; // 'boolean' typeof null; // 'object' (ECMAScript標準規格によれば独自の型のはずだが...) typeof undefined; // 'undefined'
Textwell アクション「Javascript Console」
Textwell アクション「Javascript Console」 PC 向け Web ブラウザのデバッグコンソールを開いて小さな Javascript コードを試し打ちしているときの感覚を、 Textwell に指を這わせながら感じるためのアクションです。 Javascript Console（タップしてインポート）Textwell のテキストビューに書いた Javascript の実行結果を「コンソール」に出力します。 たとえば、 1 + 2と書いて実行すると、 1 + 2 //----------console---------- // 3と、こうなります。結果だけではなく、実行の途中でコンソールに任意の値を出力することもできます。console.log() を使います。 a = 1; console.log( a ); b = a; console.log( b ); a = a
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
SafariでもエラーにならないJavascriptのヒアドキュメントの書き方 - Qiita
Safariの荒ぶり こちら（ http://qiita.com/_shimizu/items/837b529de9f3302e315c ）で見かけたヒアドキュメントの記述トリック、この方法だとSafariで期待した結果が得られずエラーになってしまう。 なお、元ネタについてはこちら( http://tomasz.janczuk.org/2013/05/multi-line-strings-in-javascript-and.html ) var html = (function () {/* <!DOCTYPE html> <html> <body> <h1>Hello, world!</h1> </body> </html> */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1]; （この部分は修正の追記により削除しました。） 修正 Safar
Data URI scheme - Wikipedia
データURIスキーム（英語: data URI scheme）とは、あたかも外部リソースを読み込むのと同じように、ウェブページにインラインにデータを埋めこむ手段を提供するURIスキームである。ファイルリテラル、あるいはヒアドキュメントの一形態である。この技術を利用することで、通常は別のデータに分かれている画像やスタイルシートなどの要素を、1つのHTTPリクエストによって読み込むことが可能になる。これにより、HTTPリクエスト数が削減され、データの転送効率が改善される可能性がある[1]。また、一部のブラウザ拡張機能でも、画像などのコンテンツを単一のHTMLファイル内にパッケージングしてユーザーに届けるために利用されている[2][3]。2018年現在、データURIは主要なほとんどのブラウザで完全にサポートされている。ただし、Internet ExplorerとMicrosoft Edgeでは、
setTimeout, setIntervalを乗っ取って爆速にする - 素人がプログラミングを勉強していたブログ
setTimeout() vs ハッカー、仁義なき戦いによると function isNativeFunction(func, name) { for (var o in func) { if (o === "toString") return false; } var match = func.toString().match(/^function (\S+)\(\)\s*{\s*\[native code\]\s*}$/); return (match && match[1] === name); } setInterval = function(){}; isNativeFunction(setInterval, 'setInterval'); // false でsetIntervalが偽装されているか調べられると書いてあるが、そんなことはない。 自分が普段使っているブラウザはSa
JavaScriptのreduce関数が便利、けど動きが理解しづらいのでサンプルを列挙 - @ledsun blog
JavaScriptのreduce関数がとても便利なのです。 たとえば ユニークはこんな感じ var unique = function(array) { return array.reduce(function(a, b) { if (a.indexOf(b) === -1) { a.push(b); } return a; }, []); }; 関数の外部に結果を格納する変数を作らなくていいのが良いです。 *1 メジャーな例 集計 reduce関数は結構有用っていうお話 - あと味 に合計、最大値、最小値、平均の例があります。 ユニーク How to get an array of unique values from an array containing duplicates in JavaScript? - Stack Overflow には重複除去の例はここからパクリました。
JavaScript 1.7 の新機能: Days on the Moon
Firefox 2 の新機能の一つに JavaScript 1.7 への対応がある。Firefox 2 Beta 2 のリリースも近づき JavaScript 1.7 の新機能もほとんどが実装されてきたのでここにまとめてみる。といっても New in JavaScript 1.7 に大体はまとまっているので補足的な部分など。 識別子の扱い ブロックスコープ 分割代入 イテレータ ジェネレータ 配列内包 参考 なお、ブラウザ上でスクリプトを実行する場合は、JavaScript のバージョンを明記しないと let 、yield がキーワードとして認識されない (Bug 351515) 。 <script type="text/javascript; version=1.7"> JavaScript shell を使う場合は起動時にバージョンを指定するか version 関数を使う。 $ js
Arrayの基礎知識と各メソッドの使用方法 - Qiita
new Array(1, 2, 3); // [1, 2, 3] [1, 2, 3]; // [1, 2, 3] - 配列リテラルの利用 new Array('1'); // ['1'] new Array(5); // [undefined x 5] - 要注意！要素数として扱われる // ※ http://qiita.com/sh19910711/items/3c0776fd8cc1797f955d#comment-2a70b836f3015c467f5e var list = [ 1, 2, 3, 4, 5, 6 ]; // 現在の要素数より小さな値を指定すると配列は切り詰められる。 list.length = 3; list; // [1, 2, 3] // 元に戻すと元々あった部分は削除されている。 list.length = 6; list; // [1, 2, 3, unde
reduce関数は結構有用っていうお話 - あと味
JavaScriptに限った話ではないのですが、reduce関数を持つプログラミング言語がいくつかあります。 JavaScriptに関しては、一応、ECMAScript5の仕様に登場するようで、将来的にはどのブラウザでも使えるようになりそうな気配はあります。 Standard ECMA-262 また、MDCではreduceのアルゴリズムが掲載されているので、これを利用すれば現時点でもどのブラウザでもreduce関数を利用することができます。 reduce関数とは？ MDCに掲載されている文章を引用します。 配列の（左から右へ） 2 つの値に対して同時に関数を適用し、単一の値にします。 JavaScriptのreduceは、配列のメソッドです。左ら右へとありますが、右から左へ関数を適用するreduceRightという関数もあります。*1 どういう時に使えるか 元となる配列があって、それを累積
JavaScriptのイテレーションメソッドまとめ(forEach,map,reduce…)
また、HTML5 テクニックバイブルで知ったこと。 ECMAScript5ではいろいろな配列操作メソッド(イテレーションメソッド)が追加されたらしく、使ってみると便利そうなので勉強用にいろいろ触ってみたのでそのメモ。 以下、HTML5 テクニックバイブルに書いてあったイテレーションメソッドの説明の引用とMDLのサイトへのリンク(ただし英語。英語が読めない自分が紹介するのもなんですが・・・)。 forEach 各要素に任意の処理を逐次実行する 参考：Array.prototype.forEach() – JavaScript | MDN map 各要素に任意の処理を実行したり返り値で構成される配列を返す 参考：Array.prototype.map() – JavaScript | MDN filter 条件を満たす要素のみで構成される配列を返す 参考：Array.prototype.fil
Cre » JavaScriptのforEach,map,filter,every,some
Web制作初心者によるWebデザインやWebプログラムを扱った忘却ログ前にJavaScriptでは通常配列にfor inは使用してはいけないと書いた。それならば通常配列用のループメソッドはあるのかな？と思い調べてみたら、似たようなことができるメソッドがいくつかあることがわかった。今回はそこら辺のメモ。 forEachメソッド 例えば以下のような配列を順番に取り出すコード。 var ch = ["a", "b", "c", "d"]; for (var i=0; i<ch.length; i++) { console.log(ch[i]); //a b c d } これをforEachで書くと以下になる。 var ch = ["a", "b", "c", "d"]; ch.forEach(function(elem, index, array) { console.log(elem) //
tamanegiage ブログ ニコニコ動画 Qwatch JavaScript
もうあまり触ってないけど書いておこう´ω`) 基本的な情報 というかこれを見たほうがよい・・・ 原宿・Q共通 http://d.hatena.ne.jp/kiyo_hoge/20100819/1282240857 zero以降 http://blog.guron.net/2012/05/04/891/ WatchItLater http://userscripts.org/scripts/show/151269 Nicovideo Controller for Qwatch http://userscripts.org/scripts/review/136812 基本事項 同じ操作をするのに複数の方法がある。どれでもよいと思う=w= 大まかに言って、 WatchApp.namespace.model.player.NicoPlayerConnector document.getElemen
ニコニコ動画QをJavaScriptから操作する - Qiita
var player = document.getElementById("flvplayer");
Actionscript3.0 と Javascript の連携 ExternalInterface の個人的まとめ。 | Vitalify Inc. staffblog
投稿ナビゲーション ← 前へ 次へ → Actionscript3.0 と Javascript の連携 ExternalInterface の個人的まとめ。 お久しぶりです、幸脇です。 生きてます。 娘がかわいいです。 最近はJavascriptの案件ばかりですが、 Flash案件もまだまだやってます。 そんなFlashですが、 JSONの取り扱いなどはJavascriptのほうがやっぱり楽だったりして、 今回はActionscript3.0とJavascriptの連携をしたのでその個人的まとめ。 Actionscript3.0とJavascriptの連携を行い場合は、 ASのAPI ExternalInterface を使用します。 ■ActionscriptからJavascriptを呼び出す場合
JavaScriptエンジニア養成読本を書きました - watilde's blog
PHPエンジニアをやっていた反動でJavaScriptエンジニア養成読本を書きました。 10/18に発売だそうです。 背景、考えたこと @kyo_ago さんに誘って頂き、企画段階より参加して 大枠の目次草案作成とGrunt特集の執筆を担当しました。 JavaScript界隈の技術は流行り廃りが顕著なこともあり、 テーマとなる技術選定は本当に悩みました。 想定読者を「これからJavaScriptをはじめる人」と設定していたので 新しい技術が出た際にも良いベンチマークとなるような 各レイヤーにおいて、一度は枯れたことのありそうな技術にフォーカスしてみました。 目次 巻頭特集 JavaScriptによる開発の現場 〜10分でわかる最新動向と歴史 Chapter 1：JavaScriptを書こう！ 〜本書の対象読者と前提知識 Chapter 2：JavaScriptの歴史 〜Ajax／HTML5
JavaScript style guide - Mozilla | MDN
else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap
Truth, Equality and JavaScript
You don’t have to be a JavaScript novice to get confused by this… if ([0]) { console.log([0] == true); //false console.log(!![0]); //true } or this… if ("potato") { console.log("potato" == false); //false console.log("potato" == true); //false } The good news is that there is a standard and all browsers follow it. Some authors will tell you to fear coercion and and code against it. I hope to persu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mozilla/BrowserQuest: DEPRECATED - A HTML5/JavaScript multiplayer game experiment
