JavaScriptの悪魔的な振る舞いの一つにundefinedがあると思う。 javascriptには存在するundefinedと存在しないundefinedがあるし、それはつまり [undefined].length => 1 だ— 俺は平気だよ (@mizchi) 2014, 4月 22 JavaScript、[undefined].length => 1 で arr = []; arr[0] = undefined; だけど、このとき前者のundefinedと後者のundefinedは性質的には別物ですよ— 俺は平気だよ (@mizchi) 2014, 4月 22 もう一つの例として、 obj = {}; のとき obj[‘a’] = undefined したとき、for i in obj するとイテレータが一回だけ回る。obj[‘a’] = undefined しても キーは消え

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

The Art of UNIX Programming 作者: Eric S.Raymond,長尾高弘出版社/メーカー: アスキー発売日: 2007/06/19メディア: 大型本購入: 4人 クリック: 91回この商品を含むブログ (62件) を見る TL;DR Unix Philosophyにおいては、「一つのことをうまくやり、協調する仕組みを持つ」という事が大事 Node.jsのモジュールにおいても同じで、「一つのことをうまくやる、Stream APIで協調する」と良い 「一つのことをうまくやる」にはどうするのが良いのか、ということで substack のモジュール実装例 Simple と Easyの違い ちょっと今回長くて文字が多いので、最初と最後にまとめを用意しました。時間がない方はこれを読むだけでもいいかと。 Unix Philosophy さてさて、Unix Philosoph

HTML, CSS, JavaScriptを使い、当ブログのサイトロゴのようなノイズエフェクトの実装方法を紹介します。 CSS3のアニメーション周りを使えばJavaScript無しでも実装できそうですが、ランダムな動きをつけたり細かい制御をかけたい場合などもあるのでJavaScriptでアニメーションさせてみます。 デモページ ソースの紹介の前に、簡単にまずは原理を。 ノイズさせたい画像の高さ分のHTMLの要素を用意。 （高さ120pxの画像なら120個） 各要素の高さを1pxに指定し、背景画像にノイズさせたい画像を指定。 背景画像位置は各要素1pxずつずらす。 これで見た目は画像そのまま、実態は高さ1pxの要素の集合体となります。 そして、これらの要素にposition: relativeを指定し、アニメーションループ中にleftの値をランダムに動かす。 これでノイズ

Fast, simple tests that fit in your workflow Key Takeaway Javascript testing doesn't have to be complex You don't need browsers or headless runners like phantomjs to get good coverage CI Integration is easy with mocha Terminology Unit Test A test which tests the logic in a particular unit of code Javascript Unit Test A test which tests the logic in a particular function Don't test jQuery, test tha

ニュース Windows上で手軽に起動できるAndroid OS「Windroy」 Androidのバージョンは4.0.3、アプリのインストールも可能 （2014/4/22 18:10） 「Windroy」 「Windroy」は、Windows上のアプリケーションとして動作するAndroid OS。Windows Vista/7/8に対応するフリーソフトで、現在作者のWebサイトからダウンロードできる。 面倒な設定などはなく、インストールするだけでいきなり起動できるのが特長。起動するAndroidのバージョンは4.0.3で、タブレット用のユーザーインターフェイスで表示される。マウスカーソルは指型に変化し、マウスの左ボタンを押すと画面をタッチしたことになる仕組み。 仮想の無線LAN“Windroy”を有効にすることで、PCで利用しているネット接続経由でインターネットを利用できる。また、And

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

コードスニペット こんにちは。みなさん、Xcode のコードスニペット機能は活用していますでしょうか。以前ヤフーvsクラスメソッドの勉強会でヤフーの平松さんが発表されていました通り、爆速開発には欠かせない機能の一つです。 このコードスニペットですが、自分で追加するのはちょっと面倒かもしれません。ということで、よく使いそうなコードスニペットを GitHub で公開されている方が居ましたので、これを使って大量のコードスニペットをサクッと追加しましょう。 git clone https://github.com/hlung/Xcode-Snippets.git && cp Xcode-Snippets/*.codesnippet ~/Library/Developer/Xcode/UserData/CodeSnippets これで Xcode を再起動すると、コードスニペットが追加されていると思

Enterprises see embracing AI as a strategic imperative that will enable them to stay relevant in increasingly competitive markets. However, it remains difficult to quickly build these capabilities given the challenges with finding readily available talent and resources to get started rapidly on the AI journey. Cloudera recently signed a strategic collaboration agreement with Amazon […] Read blog p

電子工作を趣味でやっている関係上、半田ごては当然もっています。どんなのを持っているかといいますと、メインで使っている70ワットのものを筆頭に、ICなどの半田付けで使う先端の細い40ワットのもの、プラスチックなんかを溶かして加工する100円ショップで買ったものあたりでしょうか。まぁ、一般男児であればマイ半田ごての2本や3本くらい持っているのは当然のこと。ですが、もしかすると1本も持っていない、それどころか「半田ごてなんて中学の授業で使ったくらいだ」なんていう人もいるかもしれません。 理由を聞けば「別に使うことないから」などというかもしれませんけど、断線修理やケーブル延長、壊れたコネクターの交換、QFPパッケージのIC交換といった一般用途でも役に立つだけに、何本あっても損することはありえません。とはいえ、半田ごてって結構大きくて、使わないときにジャマになるのも事実。そんな人にオススメなのが、こ

要するに修正版です。 Textwellとwri.peの融合進化で楽しさ無限大 wripe 持てるものの全てを注ぎました。オンライン・エディタのwri.peをTextwellに内蔵します。wri.peは、いま取り掛かっているテキストと、使い終わったテキストが自然と分類される設計。しかも、どの... Textwell の保存先をクラウド・メモ wri.pe に置くアクション。「書く」の意味が、この二つの連携で変わります。従来のアクションで使いづらかった点を改良してみました。 T.closelets([ {title: "読み込み", fn: function(){ d=document; s=d.getElementById("edit-page-body").value || d.getElementById("edit-page-body-phone").value; T("replace

videoタグイベントをどう取得するか UIWebViewでHTML5を表示する際にvideoタグをタップするとデフォルトではフルスクリーンモードに遷移します。 フルスクリーンモード遷移イベントを取得する際にいろいろと躓いてしまったので、今回その対処法についてまとめていこうと思います。 undocumented notification 調べる中で最初に見つかった方法はフルスクリーンモードに関するNSNotificationをフックするというものでした。 How to receive NSNotifications from UIWebView embedded YouTube video playback - StackOverFlow NSNotificationCenter *defaultCenter = [NSNotificationCenter defaultCenter];

にわかに信じがたい。 こちらの動画は、せっせとレンダリングして作った20GBのリッチムービーではありません。1つの小さなアルゴリズムで生成された、わずか64KBの映像です。 ドイツのザールブリュッケンでイースターの時期に開催されるRevisionはプログラマーやアーティストが集って作品を発表しあうデモパーティーです。今回紹介したのは、Mercuryというグループが作った64KBのイントロムービー｢Timeless｣。このファイルサイズを実現するため、グラフィックも音楽も全てリアルタイムで生成されるようなアルゴリズム技術を採用しているそうです。 デモシーンは、グラフィックスや音楽を散りばめたプログラミングのスキルを表現する文化です。1980年代に流行ったビデオゲームのクラッキングが源流と言われており、現在は上の動画のような芸術的な作品が多く作られています。まるでプログラミング界における即興ジ

なんか細々とハマったことをメモ。 随時更新中。 クラス編 まだまだ理解不足です・・。 superが呼べない スーパークラスの非公開メソッドを上書きしたくて、同じメソッド名で定義を行い、内部で[super anyMethod]を叩こうとしたらsuperにアクセスできなかった。 冷静に考えれば当たり前だけど、メソッドの場合はprivateやpublicみたいなのを明示していないので「あれ？」となったのでメモ。 メモリ管理編 UIViewControllerのtouchesBegan:withEvent:が呼ばれない！ こちらの記事を見て解決。 UIViewControllerのtouchesBeganとかtouchesEndedが上手く機能しなかったと思ったら・・・ おそらくオブジェクトが破棄？されてしまって動かないのかな。 ARCオフを知らないと問題だと思ったので、ARCオフでごにょごにょし

英語を学ぶ上で大切なのは"納得する"ことであり、"納得を積み重ねる"ことです。（3ページより） 『頑張らない英文法』（西澤ロイ著、あさ出版）の「はじめに」に記されているこのフレーズは、英語学習になんらかのストレスを感じている方を勇気づけてくれるかもしれません。たしかに英語を学ぼうという際には、とかく難しく考えてしまいがちだから。 「思っているほど英語は難しいものではありません」という考え方を軸に、「英語の語順や構文」「冠詞のthe」「動詞」「前置詞」など、基本的な項目に従って文法を解説した内容。「基礎をしっかり理解する」という点を、意図的に重視しているわけです。Chapter 1「英文法の基礎を捉えなおす」を見てみましょう。 「リンゴ」を英語で言うと？ 「答えはapple」だという答えは、正解のひとつにすぎないと著者は説明しています。つまり、an appleやapplesも正解だということ

fladdict.netのトップをリニューアル。JavaScriptの実験場にしてみた。久しぶりにゴリゴリJS書くと、かなり楽しい。 古き良きゼロ年代のFlash実験サイトはほぼ絶滅してしまったわけだけど、それを現代のJSとHTMLでやり直してみたらどうなるか？そんな感じのスタディ。使用ライブラリはpaper.jsとprocessing.js。時間があるときにcreate.jsも導入してみたいけど、ざっと見た感じcreate.jsは冗長すぎてスケッチには向かないと思う。スマホだと重すぎてだと動かないので、時間あるときに分岐するようにしたい。 最近はインターネットも成熟化したのか、グラフィック、インタラクション、プログラミングを三位一体でする人が減ってる気がする。分業化が進んでいるのだろう。インタラクション系がわかるエンジニアは需要があるわりに、新しい人が学ぶ機会が昔にくらべれば激減している

新卒エンジニア向け：Macにインストールすべきアプリ達2014年新卒エンジニア向けに、最初から知っておくと便利になるであろうアプリなどを紹介する機会があったので、ついでにブログ記事としてまとめておく。Boxenとかもあるけど、正直手軽さにかける印象なので、普通にHomeBrewと手作業。 下記で説明しているHomeBrew Caskを使えば、ほぼ一発で必要なアプリケーションが手に入るのでオススメ。 正直、iOS/Androidエンジニア向けのものは、あんまりない…。すまそん。 前提 Mac OSX 10.9〜（多少、古くても出来ると思うけど） Webエンジニア（PHPメイン）／iOS,Androidエンジニア対象 なにがなんでも最初に入れるべきアプリ Xcode HomeBrew HomeBrewを通じてインストールすべきもの Brew Cask zsh vim jq | JSONパーサー

今回はJavaScriptで書くファサード（Façade）パターンについて調べてみました。 ファサードはフランス語で「建築物の正面のデザイン」という意味だそうです。 なぜ使うの？ ファサードパターン自体はとてもシンプルで、いくつかの機能の「窓口」になるクラスやオブジェクトを作り、利用しやすくするパターンです。 jQueryで一番よく使うであろう $() 関数もファサードパターンの一つです。 例えば要素の見た目を変える機能を実装するとして、個別の要素を制御するオブジェクトと、窓口になるオブジェクトを用意すると以下のようなコードが考えられます。 // 色を制御するオブジェクト function colorObj() { return { changeColor: function() { console.log('色を変えます'); } } }; // フォントを制御するオブジェクト func

Web屋という仕事のこれから　〜Web動向からWeb屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら？ という内容です。

2012年にアニメ化もされたカヅホさんによる人気ギャグマンガ『キルミーベイベー』のロゴ風フォント「キルゴ」が完成し、話題を集めています。 KMBフォント改めキルゴのTrueTypeフォント化が完了しました！TTF化に際して若干字のバランスを調整しています。ダウンロードはhttp://t.co/ilHGti5FjJのothersページよりどうぞ。 pic.twitter.com/UL5Rh4ZJU0 — 名残雪 (@snowy_tgn) 2014, 4月 19 制作したのは名残雪さん。自身のWebサイトで「キルゴ」を公開しています。 4月4日の時点でpng・pdrファイルとして発表していましたが、4月20日（日）、ついにTTFファイル（TrueTypeフォントのこと）として完成しました。 なお、商用の可否については明確な基準が設けられていないものの、同人活動での使用はOKとのこと。 ただし、

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

はじめに D3.jsについて調べ始めた、t-hondaです。 前回はいきなりD3.jsとRuby on Railsを組み合わせてグラフを表示してみましたが 今回はD3.jsの入門編として、特徴と、簡単なソースの書き方について サンプルを挙げて書いていきたいと思います。 D3.jsの特徴 以下の弊社のブログ(※1)でも取り上げられていますが、D3.jsは 「データ・ドリブン・ドキュメント」 の略であり 「データに基づいてドキュメントを操作するための JavaScript ライブラリ」 であると定義されています。 D3.js - 日本語ドキュメントより(太字は著者追記) この「データ・ドリブン」であり、「データに基づいてドキュメントを操作する」という特徴について 以下のサンプルで解説していきたいと思います。 ※1 弊社ブログ [HTML5] D3を利用してデータを可視化してビジネスに活かす D

2014年6月に開催されたSSII2014（http://www.ssii.jp/）のチュートリアル講演用資料です． 使用したコード等はこちら． https://github.com/norishigefukushima/SSII2014 アブストラクト 「CPUのクロック数が年月とともに増加する時代は終わり、プログラムの高速化をCPUの性能向上に任せることのできるフリーランチの時代は終わりを迎えています。しかしムーアの法則はいまだに続いており、CPUはマルチコア化、SIMD化という形で高性能化が続いています。本チュートリアルでは、計算コストの高い画像処理を高速化するために、CPUの能力をあますことなく引き出す、マルチコアプログラミング、SIMDプログラミングを解説します。」Read less

Most of the time when I write data types to parse JSON data into, it is easiest to look at a sample of the data and work out the types from that. I thought we could automate this process. So for example, the Riot Games API has a lot of methods. I don’t want to write out types and parsers for all of them, or any of them. {"champions": [ { "botMmEnabled": true, "bestItem": [], "id": 123, "rankedPlay

HTTP/2, SPDY に対応する負荷テストツール h2load を紹介します. HTTP/1 用の負荷テストツールは ab や weighttp が有名ですが, これらは HTTP/2 や SPDY には対応していません. HTTP/2, SPDY を負荷テストする場合は h2load を使うことができます. h2load は nghttp2 リポジトリに入っています. SPDY プロトコルをサポートするには, spdylay をリンクする必要があります. そのため最初に spdylay をインストールしてから nghttp2 をインストールします. インストール方法はそれぞれの README を見てください. この記事の執筆時点では HTTP/2 はまだ策定途中です. h2load は nghttp2 がサポートする HTTP/2 ドラフトバージョンのみに対応し, 執筆時点のバージョ

先日弊社からiPhoneアプリをリリースしました。 スポーツ動画アプリ全10種類 | 株式会社CFlat iPhoneで気軽にスポーツ動画を楽しめるアプリケーションをリリースしました。AppStoreにて配信中です。 このアプリではスポーツのハイライトや試合結果、最新ニュースなどの動画を検索することなく閲覧することができます。スポーツが好きな方、スキマ時間を有効に使いたい方に最適な動画アプリです。 このアプリはあるスポーツについての最新の試合結果などを検索せずに見ることができるというものです。アプリはスポーツ毎に分かれているので、サッカーを見たい人はサッカー動画用のアプリ、野球を見たい人は野球用のアプリを使うことになります。 ここまで言うと大体お分かりいただけると思うのですが、アプリの基本部分の作りはどのアプリにも共通したものになっています。つまりソースコードが共有されているわけです。アプ