2013年10月17日のブックマーク (16件)

  • ScaleOut | Supership

    2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 件に関する詳細は、プレスリリースをご確認ください。

    ScaleOut | Supership
    kkeisuke
    kkeisuke 2013/10/17
  • 祝日を求めるjavascript

    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

    祝日を求めるjavascript
    kkeisuke
    kkeisuke 2013/10/17
  • CSVをパースする - Qiita

    // ネイティブ版 function parseSV(str, delimiter){ if(!delimiter) delimiter = "," return str.split('\n').reduce(function(table,row){ if(!table) return; table.push( row.split(delimiter).map(function(d){ return d.trim() }) //余白削除 ); return table; }, []); } /* ネイティブ版はIE8以下では動かないので * underscore.jsを使う方が良いかも */ function _parseSV(str, delimiter){ if(!delimiter) delimiter = "," return _.reduce(str.split('\n'), f

    CSVをパースする - Qiita
    kkeisuke
    kkeisuke 2013/10/17
  • レッツトライ!パーツまで認識できる顔認識·Face Tracker MOONGIFT

    Face TrackerはJavaScript製のオープンソース・ソフトウェア(MIT License)です。 OpenCVで人の顔を認識するデモは多数ありますが、さらに一歩進めて目、口、鼻、輪郭の認識までできてしまうソフトウェアがFace Trackerです。Webカメラをお持ちの方は遊んでみてください。 こちらはデモの画像。 認識を実行しました。目、眉毛、輪郭、鼻、口が認識されています。精度は高いように見えます。 同様にWebカメラでトライ。このレベルで検出するのは相当な時間と微妙な角度を要しました…。 アイアンマンのマスクを被らせるデモ。 女優さんの顔。口の開き具合も認識できます。 こちらは顔認識した後、パラメータを変更できるデモです。 回転したり…。 口を半開きにしたり…。 Lukeというフィルタ。もはや別人。 Face Trackerの認識精度はまだまだそう高くはありません。特に

    レッツトライ!パーツまで認識できる顔認識·Face Tracker MOONGIFT
    kkeisuke
    kkeisuke 2013/10/17
  • AngularJSの設計思想 [Google I/O 2013] - ワザノバ | wazanova.jp

    [Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。 アプリ開発は、雛形構文(ボイラープレート)を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。 コーディング作業が効率的になる構造が欲しかった。 フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト

    kkeisuke
    kkeisuke 2013/10/17
  • 型付きcoffees-scriptを作り始めた - mizchi's blog

    たぶん僕は人類の怠惰を極めたようなcoffee-scriptの文法が好きすぎるのだけど、その結果型を書けるcoffee-scriptを作り始めてしまった。 Fork元はCoffeeScriptRedux mizchi/CoffeeScriptRedux https://github.com/mizchi/CoffeeScriptRedux/tree/type とりあえず今の版だと次のコードが通る。 目標 x :: Number = 3 y :: String = "hello" z :: Boolean = false # z :: String = 4 #=> Error # y = x #=> Error a :: Any = 3 a = 'fadfa' b = 'a' fn :: Function = -> x = 3 n = -> i = '' f2 :: Function = (

    型付きcoffees-scriptを作り始めた - mizchi's blog
    kkeisuke
    kkeisuke 2013/10/17
  • [JS]Pinterestやウォールなどの最近よく見かけるカードを使ったレイアウトを作成するスクリプト -Freewall

    Demo :Piterest Layout Pinterest風に高さの異なるカードをダイナミックにレイアウト。 Freewallの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="jquery-1.7.min.js"></script> <script type="text/javascript" src="freewall.js"></script> </head> Step 2: HTML カードを包むラッパーを用意します。 <div id="freewall" class="free-wall"> </div> Step 3: JavaScript デモでは、各カードをスクリプトで生成してレイアウトを作成しています。 <sc

    kkeisuke
    kkeisuke 2013/10/17
  • ダブルMVCの意味するところ [GoGaRuCo 2013] - ワザノバ | wazanova.jp

    [Video] http://www.youtube.com/watch?v=s1dhXamEAKQ TildのYehuda KatzのGolden Gate Ruby Conference 2013での講演。 Ruby on RailsのクリエーターであるDavid Heinemeier Hanssonが、「JavaScript勢はダブルMVCで苦しんでいる。サーバとクライアント両方にMVCが必要で複雑すぎる。」とTwitterで発言したのに対して、Yehudaは、それでは誤解を与えると危惧し、GUIプログラミングが歴史的にどのようにMVCに発展してきたかを紹介することで、ダブルMVCが当に意味するところを解説しています。 DHHの発言は、盛り上がってきたMeteor / Node.js勢に対する単なる批判っぽいですが、それに対してYehudaはロジカルに話をまとめてます。 スライドを

    kkeisuke
    kkeisuke 2013/10/17
  • JavaScript 便利ツール - Qiita

    普段は C++ をメインに使っているが最近 JavaScript を使うことになったので、 JavaScript の便利ツールを調べた結果をメモとして残すことにした。 他にも便利なツールなどありましたら教えていただけると嬉しいです。 JSLint / JSHint JavaScript のコードを分析してjs ファイルに潜む悪いパーツを検出してくれるツール。 下記コマンドにてインストール可能。

    JavaScript 便利ツール - Qiita
    kkeisuke
    kkeisuke 2013/10/17
    Sinon.js スタブやモック、フェイクオブジェクト
  • すごい!サーバサイドのコードをクライアントで実行·coderunner MOONGIFT

    coderunnerはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。 JavaScriptを記述してクライアントサイドで自由に実行させる類のサービスは多々出ていますが、coderunnerはひと味違います。なんとサーバサイドのコードをオンラインで記述、実行できます。 左側がエディタ、右側がその実行結果になります。 外部のコンテンツをとってきて、それをconsole.logに出力しています。 jQueryのようにDOMを検索することもできます。 coderunnerで記述ができるのはnode.jsのコードになります。クライアントサイドで書かれたコードをサーバサイドで評価して結果を返す仕組みのようです。もちろんセキュリティ的には十分に気を配られていると思われます。 Web上で動作するIDEも出てきており、もはや開発はローカルで行うものでもなくなっ

    すごい!サーバサイドのコードをクライアントで実行·coderunner MOONGIFT
    kkeisuke
    kkeisuke 2013/10/17
  • オンラインエディタのIME対応などのメモ - 素人がプログラミングを勉強していたブログ

    世の中に存在するオンラインエディタうち、textareaを直接使っていないものの大半が、適切にIME処理を出来ていない。IME周りの処理は厄介なので、とりあえずどういう感じなのかを調べた結果をメモしておく。後で直したい。 オンラインエディタの仕組み オンラインエディタの主な目的はsyntax-highlightingとCSSによるカスタマイズである。textareaは、個々の文字の強調や色づけができない。 <div contenteditable="contenteditable"> まず始めに思いつくのがHTML5のcontenteditable属性で、これは任意の要素を編集可能にするもの。execCommandというコマンドがあって、これを使うと選択範囲の文字をボールドにしたりできて、リッチテキスト編集のためにあるものなので、一見便利そうである。しかし、キャレット(エディタ内の縦棒の点

    オンラインエディタのIME対応などのメモ - 素人がプログラミングを勉強していたブログ
    kkeisuke
    kkeisuke 2013/10/17
  • grunt-este-watch めっちゃ便利やんけ - 音の鳴るブログ

    grunt-este-watch で幸せになれるらしいと聞いて試した。 grunt-contrib-watch が重いので grunt-este-watch を試したら幸せになった - てっく煮ブログ そしたら凄く良かったという話です。 CPUの消費量は気にしていなかったのだけど、変更のあったファイルに対して柔軟にタスクが組めるのが非常に便利。今まで変更があるたびに関係ない部分もテストしていたり、それをなくすために複雑な方法を使ったりしていたけどだいたい解決した。しかも速くなった。 今までやりたかったこと 更新したファイルのみ jshint したい 更新したファイルに関連するテストだけ行いたい 更新したテストファイルのテストだけ行いたい 失敗したテストは次回もテストしたい こういうことをしようとしたとき、grunt-contrib-watch ではやりにくかった。というのもサブプロセスでタ

    grunt-este-watch めっちゃ便利やんけ - 音の鳴るブログ
    kkeisuke
    kkeisuke 2013/10/17
  • 初心者でも絶対わかる、WebGLプログラミング<基礎知識編>

    HTML5に関連する技術のひとつに、WebGLがあります。WebGLは、ブラウザー上で3DCGプログラミングを実現できる技術です。今回のレポートでは、WebGLプログラミングの基礎知識についてご紹介します。 WebGLって? WebGLでどんなことができるのか──百聞は一見にしかず。まずは例を見てみましょう。demo内のスライダー部分をドラッグすることでカメラの位置などを任意に変更できますので、リアルタイムでレンダリングされていることがわかるでしょう。 (invalid jsdo.it code) このように、ブラウザー上でプラグインに頼ることなく、なめらかな表面、自然な影、高FPSでのリアルタイムレンダリング(アニメーション)など、まるで最近の家庭用ゲーム機にも匹敵する高度な3DCG表現ができるわけです。 WebGLは2013年10月現在、Chrome、Firefox、Operaで標準対

    初心者でも絶対わかる、WebGLプログラミング<基礎知識編>
    kkeisuke
    kkeisuke 2013/10/17
  • 「Backbone.js」と「jQuery Mobile」を組み合わせてネイティブっぽいWebアプリを作ってみよう!~ ①環境構築&サーバ側の実装編 ~ - Tech-Sketch

    HTML5の普及によりWebアプリは急速に進化しています。しかし、Webアプリを作成する際のデファクトスタンダードは存在していないのが現状です。そこで、比較的導入実績の多いJavaScriptフレームワークである「Backbone.js」と「jQuery Mobile」を用いてネイティブに近いWebアプリを作成してみました。今回から4回に分けて上記手法を用いたWebアプリの作成方法についてご紹介します。 連載ではサーバの実装からクライアントの実装までWebアプリを作成するために必要なことをひととおり解説します。 まず、初回である今回は環境構築とサーバ側の実装を見ていきたいと思います。 はじめに 「スマートフォンやタブレット用のWebアプリを作りたい!!...でも、なにで作ればいいのかわからない。。」 こんなこと思ったことありませんか? 最近は、HTML5 + JavaScript +

    kkeisuke
    kkeisuke 2013/10/17
  • これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや!間違いない!」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語??」ってことと、「インストールが上手くいかない!コマンドプロンプト使い方わからない!Dreamweaver(以下DW)動かない!GUIソフトってなに!?」ってことです。

    これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    kkeisuke
    kkeisuke 2013/10/17
  • Karma: JavaScriptテスト実行ツール - ワザノバ | wazanova.jp

    http://www.youtube.com/watch?v=MVw8N3hTfCI 「AngularJSの設計思想」の元ネタVideoの中で、GoogleのBrad GreenがJavaScriptのTest実行ツールKarmaを絶賛していたので、調べてみました。 Node.jsで開発されたJavaScriptテスト実行ツール テストの実行スピードが早い。また、ファイルがセーブされたり、変更があったりすれば、Karmaが検知して自動でテストを実行する。テキストエディタとブラウザをいったりきたりする必要がない。 実機ブラウザもしくはヘッドレスブラウザPhantomJSでテストできる。一度に複数のクライアントで実行できる。ブラウザを立上げ、キャプチャをとり、閉じるまで全て自動。結果をまとめて開発者に知らせてくれる。 コマンドラインもしくはIDEで操作 Jasmine, Mocha, QUni

    kkeisuke
    kkeisuke 2013/10/17