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

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

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

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

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はただのレンダリングエンジン ...

Advent Calendar 2014のフロントエンド周りまとめ 1

Advent Calendar 2014のフロントエンド周りまとめ
フロントエンド周りの技術は色々ありすぎて、どこから手をつけていいかわかりません。 Advent Calendarで人気の記事を見れば、今何が人気なのかがわかるかなと思い、まとめてみました。 2014年のAdvent Calendar一覧 – Qiitaから、フロントエンド周りに関係ありそうなものをピックアップし、総はてブ数でソートしました。(総はてブ数は 2015/01/03 15:0 ...

Macにnvm + Node.jsで環境構築 1

Macにnvm + Node.jsで環境構築
この間、LLまつりに参加してみて、JSがとても奥深そうで一番興味が惹かれました。 Node.jsは、これまで一度も触ったことがなかったので、とりあえず、はじめてのNode.jsを読みながら、色々試してみようかと思います。 この記事では、nvmでNode.jsをインストールして、HelloWorldを表示するまでをまとめました。 node.jsのインストール 公式サイトnode.jsに行くと、Ma ...

Node.jsのyumリポジトリが削除されてyumコマンドがエラー

久しぶりに放置していたVPSでsudo yum updateやyum listなど実行してみると、以下のエラーが発生した。 Loaded plugins: downloadonly, fastestmirror Determining fastest mirrors epel/metalink Could not retrieve mirrorlist http://nodejs.tchol.or ...