新人研修で「jQueryのその先へ」の話をした

jQueryのその先へ〜Webフロントエンドの全体感をつかもう〜 from Kazuyoshi Tsuchiya ペパボでは、新卒エンジニア向けにメインとなる研修とは別に、週2回に1時間ほどエンジニアでも、デザイナでも、ディレクターでも誰でもいいから、自分が教えたいものを教える。という時間があります。そこで、Webフロントエンドの話をしたので、その資料を公開します。 GoogleMapが登場したと ...

9isというサービスを開発した話

9isというサービスを開発した話
去る1/9は一休さんにちなんで、クイズの日と呼ばれているようです。そんなクイズの日に9is(クイズ) – みんなでもっとおもしろくできるというサービスをリリースしました。これはペパボで毎年開催している、お産合宿という名の開発合宿で開発したものです。お産合宿後も、誰かがやる気が高まった時にイイ感じに進める。というゆるい感じで開発を進めていましたが、晴れて1/9に正式リリースということにし ...

2015年3月のJavaScriptトピック

今年の1/4が終わってしまいました。3月も色々ありましたね。 さて、私の独断と偏見による3月のJavaScriptトピックを紹介します。 ng-conf & ng-japan ng-confが3/5〜3/6にソルトレイクで、ng-japanが3/21にサイバーエージェントで開催されました。 主なトピックは、近々リリース予定のAngular1.4と、次世代のAngular2についてです。(近 ...

2015年2月のJavaScriptトピック

この前1月が終わったと思ったら、もう2月が終わってしまいました。今年の進むスピードは、近年でもNo.1な感じがしています。 さて、私の独断と偏見による2月のJavaScriptトピックを紹介します。 React Canvas FlipboadがReact Canvasを発表しました。Canvasに描画することによって、60fpsでいい感じにアニメーションするスクロールを実現したそうです。 一覧表示 ...

JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) 2

昨年のAdvent Calendarを眺めたり、JS周りの記事を見ていると、RequireJSとか、CommonJSとか、AMD、Browserify、webpackあたりが、同じような文脈で登場するんですが、それぞれ何を指しているのかよくわからなかったため、今更ながらまとめてみます。 前提 小規模にしかJavaScriptを使っていないWebサイトでは、jQueryを使ってDomイベントで色んな ...

PhantomJSと各ブラウザのJavascriptエンジンまとめ

JavaScriptの単体テストやE2Eテスト。書いてますかー? それらのテストをCIで実行するとき、Headless ブラウザとしてPhantomJSを使っている人が多いと思います。私もそのうちの一人で、仕事でも使っています。 PhantomJSとは、Scriptable Headless WebKitと説明されており、WebKitベースのブラウザです。 WebKitはただのレンダリングエンジン ...

AngularJSでのバリデーションの基本

AngularJSでのバリデーションの基本
この記事は、AngularJS Advent Calendar 2014 – Adventar の19日目の記事となります。前日は、@albatrosaryさんのYEOMANにあるAngularJS関連ジェネレータをご紹介します – albatrosary’s blogです。YEOMANのジェネレータしか使ってこなかったので、他のも触って違いを感じてみたいです。 ...