デブサミ 2014のエンタープライス向けのショートセッションにて 10 分間という短い時間ですが、私の「Story」「Action!」についてお話させていただきました。 Yet Another Your Story (Enterprise TED 3) https://event.shoeisha.jp/devsumi/20140213/session/401/ 講演前の TED...

Bootstrapの小ネタです。 BootstrapにはModalというダイアログを表示する機能が内包されています。この Modal を表示する際にパラメータを渡す方法について調べました。 ユースケースとしては、一覧から詳細ダイアログを開く際にパラメータを渡す場合などでしょうか。 Modal にパラメータを渡す方法は昔から議論されていて、最近まで変更がされているようです。Gith...

ブラウザでの 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」と呼...