[B! JavaScript][javascript][Javascript] [11ページ] headless

乱数を使う関数のテスト - 音の鳴るブログ

function coin(x) { return Math.random() < x; } こういう関数があったとして、どうテストを書くのか。ぱっと思いつくのはこういう感じで、Math.random 自体を上書きするやり方。 describe("coin(x)", function() { it("works", sinon.test(function() { this.stub(Math, "random", function() { return 0.5; }); assert(coin(0.4) === false); assert(coin(0.5) === false); assert(coin(0.6) === true); })); }); このやり方、たしかに間違っていないんだけど、関数のインターフェース自体を変更した方が良いと思う。 function coin(x,

headless_pasta 2015/01/20

JavaScript

リンク

Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 結論: Javascriptの乱用をやめるのが一番。はじめに書いておきますがしょうもない話です。結論、開発者としてはどのような方向性でやるべきか、を書いています。 JS多い時代でのフレームワークの根本的な問題云々のことは書いてません。さて、現状、モバイルにおいて、Javascriptでまともに動くものを作ることは難しいです。 Twitterから引き抜いた超優秀なWebエンジニアを多数抱えるMediumですら、未だにモバイルで多数のバグを抱えています。超優秀なエンジニアを世界一抱えているであろうGoogleのGmailですら、モバ

headless_pasta 2015/01/13

javascript

リンク

JavaScriptを短く書くためのショートコード集

JavaScriptを短く書くためのショートコード集知っておくとちょっとだけコードが簡潔に書けるかもしれないショートコード集です。投稿日2014年12月25日更新日2014年12月25日小数点以下切り捨て「Math.floor」で切り捨てですが、 Math.floor(12.6598); //12 数値の前に「~~」付けるだけでもできます。 ~~12.6598; //12 桁数の制御「～e」に続く数字で桁数を制御できます。 1e1 //10 1e2 //100 1e3 //1000 1e4 //10000 1e5 //100000 2の累乗はシフト演算子 2の累乗は左シフト演算子（<<）でできます。 200 << 1; //400 200 << 2; //800 200 << 3; //1600 逆は右シフト演算子（>>）です。 200 >> 1; //100 200 >> 2

headless_pasta 2015/01/06

正直、あんま使ってほしくないものもある。

javascript

リンク

関数型言語のウソとホント - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 追記こんな記事を読むより、まともな関数型プログラミング言語を使ってまともに関数型プログラミングを学ぶほうが、関数型プログラミングについてよほど正確な理解を得られます。少しでも関数型プログラミングに興味のある人は、まずは真面目なHaskellの教科書やすごいH本を読んだり、やさしいHaskell入門を読んだりしながら、実際に関数型プログラミングのコードを書いてみることをお勧めします。繰り返しますが、この記事はあんまり読む必要はないです。関数型プログラミングを理解するには実際に自分でコードを書いてみるのが一番です。関数型プログラミングあ

headless_pasta 2015/01/06

リンク

kuromoji.js使って構文解析した - Qiita

こんにちは、らこです。先日から話題になってるJavaScriptの形態素解析器kuromoji.jsを使って、確率自由文脈文法で構文解析してみました。(注意:アルゴリズムの解説記事ではないです) 結論 kuromoji.js遊びまくれるのでみんな使おう kuromoji.d.ts書いた私は型大好き人間なのでTypeScript使ってkuromoji.js使いました。型定義ファイルは自分が使う部分だけエイヤっと自作しました(laco0416/kuromoji.d.ts)。あと、プロジェクトに↑の自作型定義ファイルを読み込むのにdtsm使いました。tsd使ってたのが馬鹿らしくなるくらい便利です。作者のvvakameさんによるわかりやすい紹介はこちら確率自由文脈文法とはちゃんと説明すると長くなりますしうまく説明できる自信もないので、ばっさりカットします。雰囲気つかむにはここらへんを

headless_pasta 2015/01/03

リンク

JavaScriptの科目 - from scratch

なんかブログのお蔵入り記事を見返してたら色々出てきたので見切りでリリースしておく。今読むとなんか合わない気もするし、まぁお酒の中での与太話程度に見ておいてください。これの話してたのは2月くらいなので一年位経過してる。。 JavaScript の科目先日、牛角.jsという名の飲み会で、@mootohさんと@bad_at_mathさんと牛角で飲み会でした。その飲み会で出た話題を一つ。元々はこの話で、バベルの塔へ向けたフロントエンド開発者の咆哮について。気持ちはよくわかる。 https://t.co/QaabnJeEVw— juske the badatmath (@bad_at_math) February 3, 2014 フロントエンジニアが持つべきスキルセットが多すぎる！！ということをHNのスレで話し合っててすごく面白く、それを肴に飲み会してました。んで、そこから話は飛び火し

headless_pasta 2015/01/02

区分がネタとして面白いなｗｗ

javascript

リンク

https://qiita.com/kenokabe/items/9c650ec8bcb1418c596d

headless_pasta 2014/12/29

リンク

好きなJavascriptの可視化パッケージをRの世界にサクッと持ち込む（htmlwidgets） - Technically, technophobic.

追記（12/24）：これでうまく動いたと思ってたんですが、まだRmarkdownではうまくグラフ描けないようです。。すみません。追記（12/26）：YAMLで指定するのをd3.jsではなくd3.min.jsに変えれば動くことが分かりました（.minもBowerがダウンロードしてくれてるのでパス変えるだけでOK）。原因は判明していますが、けっこう長くなりそうなので後日別の記事を書きます。。追記（12/27）：書きました　→　htmlwidgetsでD3.jsを使おうとしたら文字コードの闇に飲まれかけた話 - Technically, technophobic. 追記（'15/01/02）：pandoc側で修正が入ったので（Issue #1842）、minifyされてないファイルでもそのうち動くようになるはずです。ここまでちょこまかと記事を書いてきましたが、いよいよ自分で可視化ライブラリ

headless_pasta 2014/12/26

これは面白そう。年末ちょっとやってみる。

リンク

Javascriptの仕様で「オブジェクトは共有渡しで、プリミティブ値は値渡し」と区別しているのか

JavaScriptの参照に関する記事でよく、オブジェクトは共有渡しで、プリミティブ値は値渡しと書かれていますが、仕様書をみても当該の記述を見つけられません。仕様書を読む限り区別がない、つまり全てが値渡しの様に見えてしまいます。もしくはReference型にbaseとして格納されているのは値を構成するデータ配列ではなく、値の存在そのもの、つまり参照（ポインタ）に近い概念であって、結局実は全部が共有渡しということなのでしょうか？例えばProperty Accessorsの仕様で「Return a value of type Reference whose base value is bv」というのは、作成されるReferenceのbaseにbvそのものを格納する→bvをデータとして複製して格納ではなく、その存在そのものを格納→実際は参照（ポインタ）に当たるものが格納されるイメージ、

headless_pasta 2014/12/26

ハマりどころ。

JavaScript

リンク

脱初心者のためにこれだけは知っておきたいJavaScriptネタ

脱初心者のためにこれだけは知っておきたい JavaScriptネタ Tsuyoshi Akase 福岡Haxe勉強会 feat. HTML5+α @福岡第0x00回

headless_pasta 2014/12/25

javascript

リンク

IE10 以下を切る場合の JavaScript チェックリスト - Qiita

この投稿は、 JavaScript Advent Calendar 18日目の記事です。更新履歴こちらをご覧下さい JavaScript の書き方をアップデートする JavaScript Good Parts で書かれているような JS の書き方は、古くなりつつある部分も多いです。正直なところ、自分はあの本が「今でも」良書だとは思っていません。初学者に勧めることもしません。まんべんなさと普遍性と客観性から「パーフェクト JavaScript」を勧めています。その頃と比べると、 JavaScript をとりまく環境は変わりました JavaScript の進化に合わせて書き方もアップデートしていくべきなので、今回は分かりやすいしきい値として「IE10 以下を切れるとしたら」という前提で、列挙してみます。たとえば XHR2 や File API に依存したサービスをやる場合な

headless_pasta 2014/12/19

“JavaScript Good Parts で書かれているような JS の書き方は、古くなりつつある部分も多いです。”

javascript

リンク

#JSオジサンに参加してきたよ。 | Ginpen.com

お呼ばれしまして、ちょっとお話ししてきました。初参加。内容の過不足あればPRください。 ginpei/20141218-js-ojisan JSオジサン #4 【満員御礼！】JSオジサン #4 : ATND 俺の俺の俺の話を聞け https://t.co/4YtCuVt8nj — JSオジサン (@JS_ojisan) 2014, 11月 18 agoさんによるウェルカムLT 到着したらもう喋ってる人がいて「すわ一時間間違えたか」と焦ったけどagoさんだったので安心して着席しました。はじまってないのにもう話してる… #JSオジサン pic.twitter.com/FkWLbaarPD — JSオジサン (@JS_ojisan) 2014, 12月 18 #jsオジサン今回もWelcomeLTありかな。できれば「サービス多言語化戦線異常なし」みたいなのと、「テストの価値は

headless_pasta 2014/12/19

みなさんのLTをまとめられています。

javascript

リンク

JS Girlsの作り方 (2014年度版) - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Frontrend Advent Calendar 2014の15日目の記事です。近年NYLONを始めとするファッション雑誌でit girlと呼ばれるキーワードを目にします。NYLON JAPANではit girlを募集していたりします。しかし実際のところ何をもってit girlと呼ぶのか定義は難しいです。ここではitをもう少し具体的にJavaScriptのデキる女 JavaScript Girlとして、it girlになるための第一歩紹介します。JavaScript Girlsは俗に、JS Girlsと呼ばれ、今ではLINE スタン

headless_pasta 2014/12/16

“Vivian Westwood,Louis Vuitton, Victoria's Secretなどクールなものは”v”が付いています。あなたがイケてるJS Girlsを目指すなら”v”imを使うべきなのです。”

リンク

こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修

シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される

headless_pasta 2014/12/16

リンク

Adobe製のJavaScriptデバッガTheseusがすごい - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

headless_pasta 2014/12/12

これのためだけにBracketsに乗り換える価値があるかだなー

javascript

リンク

JavaScriptによる正規表現の可視化ツール「Regulex」 | ソフトアンテナ

正規表現は様々なプログラミング言語やツールで利用できる、文字列の検索や置換に不可欠の存在といっても過言ではないかもしれません。「Regulex」はその正規表現を可視化して分かりやすくグラフとして表示してくれるサービスです。文字列で正規表現を入力すると対応したグラフが表示されるので、複雑な正規表現も直感的に理解できます(?)。例1 例えば「(a|b\d+)*c」をビジュアライズすると以下のようなグラフが作られます。グループがあってその中でaまたはbと数字の繰り返しがきて、最後にcがくる…というような正規表現が、グラフ化されました。例2 もう少し簡単な例「abc\d+」を考えると次のようになります。 abcがきて、最後に数字の繰り返しが1回以上くる…。ということが直感的に理解できます。まとめ作成した正規表現グラフはイメージとして出力したり、サイトに埋め込んだりもできます(Java

headless_pasta 2014/12/12

リンク

HTMLやJavaScriptでOS Xネイティブアプリを作成できる「MacGap」が「MacGap 2 Beta」を公開。

headless_pasta 2014/12/12

リンク

Analytics風のモダンでインタラクティブなグラフを描画できる「MetricsGraphics.js」:phpspot開発日誌

MetricsGraphics.js Analytics風のモダンでインタラクティブなグラフを描画できる「MetricsGraphics.js」次のようなデザインのインタラクティブに反応するグラフを描画できるJS。線グラフ、棒グラフの他、散布図なども描画できます関連エントリレスポンシブな円グラフが描画できる「Pizza Pie Charts」

headless_pasta 2014/12/12

リンク

web-animations-jsで策定中のAPIを先取りする - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はJavaScript Advent Calendar 2014の記事でもなければ、Frontrend Advent Calendar 2014の記事でもありません。べ、べつに書こうと思ったらすでに埋まってたとかじゃないんだからねっ！ CSSアニメーションやSVGアニメーションなどを抽象的にタイムラインベースで扱うことのできる web-animations-js が便利なので使い方などを書いておきたいと思います。公式サイト：https://www.polymer-project.org/platform/web-animat