本日、と言うかすでに日付は変わってしまったんですが、2014年12月16日、無事に年内の WebGL スクールのカリキュラムが終了しました。 正直なところ、WebGL スクールが始まった11月以降、私は公休をほぼスクールの開催に向けての準備やスクールの授業に使ってきたので、休みが実質全然無いような状況でした。こうして無事にスクールの年内の講義が終わったことは、気持ちの上でも体力的な意味でも大変喜ばしいことだなと思っているところです。 思い返せば2014年のはじめ。 私は地道に更新を続けてきていた wgld.org というサイトの運営だけでは、今後の WebGL の普及活動としては不十分なのではないかと考え始めていました。それを契機に、WebGL 関連のイベントをオンラインで企画してみたり、開発者フォーラムを立ち上げてみたり、あるいは勉強会などを開いたり登壇者として積極的に他所へ出向いてみた

読みました。 Angularが好き - Can I do web? https://twitter.com/agektmr/status/519128909695045633 僕の中で、Object.observe なんてどうみてもangularのためじゃんって雰囲気が最初からあって、あまりにも当前だと思っていたので、さも事実のように書いてしまってました。 実際に検索してみたところ、その関係に実際に言及するような資料は発見できませんでした。この点は僕の想像でした。申し訳ありません。 ですが、検索すると僕以外にも多くの人がそう思っており、それなりに根拠もあります。なぜそう思っていたのか、その理由を提示します。 2012/06 Angularの公開リリース 2012/11 Object.observeの仕様の初出 http://wiki.ecmascript.org/doku.php?id=h

部屋とYシャツと私みたいなタイトルになった・・。 わかったのかわかってないのか、とりあえず調べたことをメモっておくための記事。 事の発端 とある偉人のコードを見てた時に見つけた以下の行。 var DOCUMENT_POSITION_ANCESTOR = global.Node.DOCUMENT_POSITION_PRECEDING | global.Node.DOCUMENT_POSITION_CONTAINS; var DOCUMENT_POSITION_DESCENDANT = global.Node.DOCUMENT_POSITION_FOLLOWING | global.Node.DOCUMENT_POSITION_CONTAINED_BY; どゆこと・・？ もしかして || って書こうとしてて忘れたんかな・・・って、 まあそんなわけ万が一にもないですよねー、ということで、コイツの

最近こういうことよくやらなきゃなのでまとめました。 以下のリンクにある動画とスライドのまとめみたいなものです！ 自分用なので、細かいことは書いてませんが。 参考：Memory Management Masterclass with Addy Osmani - YouTube 参考：JavaScript Memory Management Masterclass // Speaker Deck 動画のがわかりやすいので、時間のある人はぜひぜひ。 0. はじめに パフォーマンスチェックには、DevToolsのTimelineとProfileが便利 Chromeのタスクマネージャでもメモリの使用量とかはわかるけど、DevTools使ったほうがわかりやすいし使うべき 1. DevToolsを使ったDEMO Sawtooth Curve DevToolsのTimelineで、所謂ノコギリ型にメモリの

coloを作りました。 coloとは console.logとかを簡単に色付けできるモジュールです。下記のような書き方で色付けできます。 var colo = require("colo"); console.log(colo.red("colo colo")); console.log(colo.cyan.bold("colo colo")); console.log(colo.green.underline("colo colo")); console.log(colo.magenta.italic("colo colo")); console.log(colo.grey.inverse("colo colo")); install 方法 $ npm install colo 作った動機 コンソールの文字列を赤くしたり、緑にしたりするのをよくやってたんですけど、これまでこんな感じでやっ

所属的には5月いっぱいですが、5月12日(月)が最終出社で有給消化中です。理由はいろいろありますが、結婚や離婚がそうであるように、結局のところはタイミングの問題です。 一番大きな理由は家庭の都合です。家庭の都合というとネガティブに聞こえてしまうかも知れませんが、実際にはポジティブな挑戦です。 ただ、そのために会社を辞める必要は必ずしもなく、会社も引き止めの時にその事情を鑑みてバックアップしてくれる事は伝えてくれました。CTOに 「会社は社員の夢を実現する場所だと思っていて、だからといって全員が別の方向を向いているわけにもいかないので、誰かの夢に乗っかる形で事業を作っている。なので『こいつの夢に乗っかりたい』とか思わせたり、逆にそう思えるようなイイヤツを採用している。ただ、松木くんくらい会社に貢献してくれた人間だったら、自分の個人的な夢や目的のために会社を利用してくれて構わないし、むしろそう

(追記): このブログで一部のJSをgithubに置いてたら 「The website abuses rawgit.com」という警告が出てました。現在修正しました。ご迷惑おかけしました。 @kyo_agoさんの主催で、 @mizchi(シングルページ系フロントエンドJSer) と @damele0nさん(ゲーム系HTML5のJSer)でJavaScriptについて話をした。すごく有意義な話だったので、会話を思い出せる限り書いてみる。 このエントリを読む前にこの記事を読むと幸せになれる。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 - damelog このまとめは僕の主観であり、僕が理解できた部分と自分の発言を一番覚えてるのでどうしてもそれが多めになりますが、ご容赦ください。ついでに酒入ってる。 iOS SafariのIE化

Build websites faster. AnyMod has ready-to-use CMS, forms, themes and more. Build your web projects faster with free & open source modules that work in any project, big or small. Built by the community so you don't have to It's easy to find, clone, and modify existing mods.

Koaのmiddleware作成方法 さて、先日 koa入門 という入門記事を書いてみました。今回はそれにともなってKoaのミドルウェアの作り方を中心に説明します。 また、 koa-livereload というKoaのミドルウェアも公開してみました。それについても説明します。 Expressのミドルウェアの書き方： Expressのミドルウェアの書き方をまずはおさらい。 app.use(function (req, res, next){ // requestとresponseとnextを持つ関数を受け取る。 // 適当に/_chkに来たら、OKを返すミドルウェアを作る。 if (req.url === "/_chk") { console.log("OK"); res.send(200, "OK"); } // next()を呼び出すと次のミドルウェアを呼ぶ。 next(); }); K

きっかけはこのツイートから。 コードかけるようになりたい— かわD (@LuRedevice) 2013, 12月 13 わっとエンジニア陣が声をかけてくれてハッっとなったこの一言。 「サーバサイド死ぬ予感しかしてなかったけど、ディレクターが手伝ってくれるっぽいから大丈夫です。」 無　理　で　す。 まぁなりたいけど、業務で使えれるレベルには先だろうし、がっつり作りたいものがなぁ・・・とボヤイテいたら神の一声。 @LuRedevice ネトゲのシミュレータとか作っちゃいましょう— しゃー (@rtshaaaa) 2013, 12月 13 そ　れ　だ。 その日からとりあえず某ネトゲのシミュレータを作るため、日々精進しようと思ったのであった。 完。 で、終わりそうだったのでちゃんと勉強とログを兼ねてブログをやることにした。 がんばろーおー。 とりあえず、言語は知り合いにPerlのプロフェッショナ

どうも。退職者です。@kenjiskywalkerです。 teck.kayac.com Advent Calender 2013 17日目のエントリです。 前日は、@handlename先輩のプライベート情報を得るべく@SOMTDさんと必死になって質問していたら 何故か@handlename先輩が@damele0n氏のプライベート情報をペラペラとしゃべりだすという流れ玉を受けた @damele0n氏の#16 Leap Motionでおっぱいを揉む でした。 相変わらず揺らしてますね。最高です。 さて、去年は「「おちこんだりもしたけれど、私はげんきです」というエントリで tech.kayac.com Advent Calendar 2012の1日目を担当したのですが、誰の琴線にも触れませんでした。 そもそも退職者という身分でありかつ、ファッションの最先端、 南青山のサマリーで勤務しているとい

「俺の本気を見せてやる」というテーマで発表を、とのことでしたが、好きなように話していいぽかったので、好きなように話をしました。 好きな事なので、当然吉高由里子の話です。 遅刻をしないように早めに家を出たのに、乗ってる電車で人身事故が起き、50分ほど電車の中で待ち、駅に降りれるようになったので、タクシー乗ろうとしたら相乗りしてもいいですか？と声をかけられ、いいですよと言って横浜まで戻り、降りようとしたら「相乗りはルール違反だ」とタクシーの運転手さんに俺だけ怒られるしで、なかなかつらい事ばかりでしたが、ちゃんと間に合い、発表できました。 ひさいちくんを指名してよかった。 #ぶつかり稽古— Gosuke Miyashita (@gosukenator) 2013, 11月 23 この一言で全てが報われた感じがしました。 指名してくれたmizzyさん、運営スタッフの皆さん、ありがとうございました。

今回はちょっとメインのYAPCの他に裏企画として「大人のYAPC」を企画して、今年のベストスピーカーでもあるyusukebe氏に運営をまるっと委譲してこっそり開催してみた（あれ？これってメインのYAPCと構図が似てるな・・・）。 大人のYAPCとは「エロ」「グロ」「ブラック」などの、いわゆる万人受けしないタイプの話題が絡むネタを扱うトークを集めて発表してもらうと言う、アメリカ等のカンファレンスのトレンドの真逆を行くイベントである。 (なお会場こそYAPCと同じ日吉でやりましたが、会場費などは俺が個人で持ち出し。あくまで「非公式」イベントでした。皆様のチケット料金やスポンサー費は一円たりともこのイベントには使われていません) 昨今のカンファレンス等の風潮を見てて「本当に喋りたい事を喋られない」イベントが嫌だなーと思ってました。見たくないものを見ないですむ権利は尊重するが、同時に発表する側にだ

Colt McAnlis, Grace Kloba Chrome implements fast, powerful webpage rendering by using the graphics hardware (GPU). But powerful GPU rendering introduces a new suite of issues that web developers need to understand. For example, how often is the texture cache invalidated? How can using translate-z cause GPU performance issues? How do hidden divs affect the GPU compositing process? Attendees wil