HerokuのログをBigQueryへエクスポートする

HerokuのログをBigQueryへエクスポートする
Herokuのログはどんどん流れていってしまうため、どこかに保存しなくてはなりません。そのため、PapertrailやCoralogix Loggingなどのaddonを使って、外部サービスへlogを流して、そちらである程度の期間分、永続化するなり、検索して活用するなどしているかと思います。大量のアクセスがきて大量のログが流れるアプリケーションの場合、ログが大量になりプランアップにしなければならな ...

AngularJSの組み込みのservice($location等)をAngularへDIする方法

最近、仕事でAngularJSからAngularへのアップグレードをしています。その辺りのことは、ペパボ EC テックカンファレンスでも同僚の@ku00_がトークするので、興味のある方はそちらもどうぞ。 今のプロジェクトでは、ngUpgrade を利用してAngularJSとAngularを共存させる形で、徐々に移行しています。 その際に詰まった所が、調べても中々hitしなかったので、ブログにして ...

PWA Night~PWA × EC~への参加から見えた これからのECトレンド

PWA Night vol.17 ~PWA × EC~へ参加した。(といっても、1セッションしか参加できなかった…)。当日の様子は、PWA Night vol.17 ~PWA × EC~まとめ – Togetter こちらで。 セッション内容 EC受託制作におけるPWAの立ち位置とこれから by 米本さん@TAM 資料見つからず Shopifyで実現するPWA EC by 岡村さん@S ...

Nuxt.jsのPage ComponentのStorybook化

Nuxt.jsのPage ComponentのStorybook化
これは、Nuxt.js Advent Calendar 2019 1日目の記事です。 今の職場では、Vue Fes 2018で発表した 1年間単体テストを書き続けた現場から送る Vue Component のテスト の通り、Storybook + reg-suit を利用したVisual Regression Testingを今でも継続してやっています。 Storybookの本来の用途である、いわ ...

Vue.jsでreg-suitを利用したVisual Regression Testing 1

Vue.jsでreg-suitを利用したVisual Regression Testing
これは Vue.js #3 Advent Calendar 2017 – Qiita 1日目の記事です。 最近、お仕事でVue.js x SSRを使って開発を進めていた カラーミーリピート というサービスをリリースすることが出来ました。このサービスの開発を進めていく上で、とあるcssの修正が想定外の場所にも反映されてしまい、スタイルが崩れてしまう。という問題が時々発生していました。リリ ...

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

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

Let’s Encryptの証明書をnginxに設定してhttps化した 6

今頃ではありますが、このブログをLet’s Encryptの証明書を使って、https化してみました。 Let’s Encryptとか、ACMEプロトコルってなに? Let’s Encryptは、無料で証明書を発行してくれるCA(Certificate Authority:認証局)です。日本で有名なCAといえば、GlobalSignやシマンテック(旧ベリサイン) ...

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

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

第1回ペパボテックカンファレンスでAngularJSの継続的なバージョンアップについて発表しました

第1回ペパボテックカンファレンスでAngularJSの継続的なバージョンアップについて発表しました
4月19日(日)に第1回ペパボテックカンファレンスが開催され、「AngularJSの継続的なバージョンアップ」というタイトルで発表しました。なんでこのイベントが開催されたか等は、antipopさんのエントリをどうぞ 第1回ペパボテックカンファレンスを開催しました #pbtech – delirious thoughts 最近、Angularを触ることが多く、どっかで何か喋りたい気 ...

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) 10

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