ブラウザでの Javascript の高速化と Backbone や Angular のような JavascriptMVC フレームワークの登場により、以前より SPA（Single page application）が構築しやすくなりました。 さらに、Yeoman に代表される SPA を作成するするための scaffold（土台）が整備されてきましたので、結構さくっと SPA が作れる...

今年も最後となりましたので、自分の 2013 年の活動について振り返ってみます。 ちなみに去年の最後はenja-oss について書いてます。 それから「来年こそはもっと質の良いアウトプットしたいと思います。」と締めくくってますね。果たして私は今年、何をやっていたのでしょうか。。。 1 月〜3 月 翻訳と Backbone.js の SPA チュートリアル作成 4 月〜6 ...

職場の同僚がRICOH THETAなる 360° 写真が撮影できるカメラを買って、何やら面白そうなことをやりたがってたので、three.js を使って全天球処理するところを手伝いました。 全天球処理はさほど難しくなかったのですが、欲を出して行った Drag&Drop 処理が結構ハマったので、その辺りを話ます。 下の DEMO サイトに THETA で撮影した画像を Drag&...

「Node.js って何それ。おいしいの？」 「それってお金になるの？」 そんな SIer の社内で業後に有志を集めて Node.js のハンズオンをやってみたという、夢のある話を少しします。 教材について メンバー構成 ハンズオンやってみた感想とか まとめ 1. 教材について はじめに、教材の利用とリポジトリの Fork 許可してくれた@yosuke_furu...

私が担当するエンタープライズのフロント開発では、1 年ほど前から Grunt によるビルドプロセスを導入していて、自分でもプロジェクトの特性に応じて Gruntfile.js のタスクをデザインする機会が多いのですが、最近流行の Yeoman が吐き出す Gruntfile.js を見るとなかなか参考になる点があったので、いくつか紹介したいと思います。 目次 load-gr...

socket.io で有名な LearnBoost が公開している Node 製 SeleniumServer クライアントをさくっと紹介します。 だって、フロントエンドエンジニアは Javascript で Selenium 動かしたいんだもん。 この記事はSelenium Advent Calendar 2013の 19 日目の記事です。 前の記事は[hinac0 さん]Seleni...

2013/10/30 に「Frontrend x Chrome Tech Talk Night Extended」が開催され、Addy 氏、Jake 氏、Paul 氏が来日して、最新のモバイル開発のための様々な手法を紹介してくれました。 そこで聞いた内容をもとに、エンタープライズで適用できそうなものを、中立な目線で評価・検証していたのですが、ChromeDevtools のが凄すぎて、終わっ...

このエントリはHTML5 Advent Calendar 2013 ３日目の記事です。 前後の記事はこちらです ← youhei.iwasaki8 [iwahei の日記]geolocation api を使った位置情報取得 → あおいたん [GCG 研究所]手元にあった HTML5 アプリを FxOS と Tizen で動かしてみるの巻 「Internet of Things」と呼...

2013/11/09 に行われたJJUG CCC 2013 Fall | 日本 Java ユーザーグループで話してきました。Java の講演者が多い中で HTML5 系の話ということなのか、立ち見が出るほどの大勢の方に聞いていただきました。本当にありがとうございました。 講演の内容を少し補足しながら、ほかにも言いたいことがあったので書きたいと思います。 このエントリでお伝えしたいこと。...

最近、業務系の Web システムでも Ajax での非同期通信が当たり前となってきました。 その際に困るのが DOM をどう書き出すかと言ったところで、昔は javascript から直で DOM を書き出すことを平気でやっていたのですが、そんなことをするとメンテナンスしにくいコードが量産されていくわけで、そろそろクライアントサイドテンプレート導入について真剣に考えないとと思う今日この頃です...