アクトインディ開発者ブログ

子供とお出かけ情報「いこーよ」を運営する、アクトインディ株式会社の開発者ブログです

いこレポ

いこレポの開発環境にProxySQL導入してみた

こんにちは、キエンです。 先日、ProxySqlの検証について以下のエントリを紹介しました。今回、いこレポの開発環境に実際にProxySQLを導入しましたので、ご紹介します。 tech.actindi.net 開発環境構成の変更点 いこレポの開発環境はDockerで動かしています…

PWA Night #7 で「いこレポ」のPWAの取り組みを話してきました。

morishitaです。 2019/08/21 行われたPWA Night vol.7 ~PWAのミライや活用方法をみんなで考えよう~ で 「いこレポ」でのPWAで事例ということで話してきました。 pwanight.connpass.com これまでにこの関係では次のブログエントリを書きました。 tech.actin…

ネストしたリストで Vue.Draggable を使ってみた

morishitaです。 Vue.Draggableをネストさせて利用してみたので紹介します。 Vue.Draggable とは Vue.Draggable はVueアプリケーションでドラッグドロップ操作を実現するのにとても便利なコンポーネントライブラリです。 単に編集対象のリストを表示して、そ…

Prontoでソースレビュー自動化

はじめまして。キエンと申します。ベトナム人です。 2月にアクトインディにウェブエンジニアとして入社しました。ブログ初投稿です! どうぞよろしくお願いいたします。 自己紹介 2014年にベトナムのハノイ工科大学を卒業して以来、仕事で日本に来ました。前…

Vue+Vuexにvalidatorjsを組み合わせると自在にバリデーションが書ける!

morishitaです。 今回はJavascriptのバリデーションライブラリvalidatorjsを紹介します。 TL;DR いこレポではクライアントサイドバリデーションにvalidatorjsを使っています。 validatorjsはとても柔軟に設定でき使いやすいバリデータです。 Vue+Vuexなアプ…

いこレポのRailsを5.1.2から5.2.2にアップグレードしました

morishitaです。 Rails 6のリリースも見えてきたので、やっといこレポのRailsをアップグレードしました。 具体的には、Rails 5.1.2 → 5.2.2 のアップグレードを実施しました。それについて紹介します。 アップグレードまでの道のり アップグレードはセオリー…

Github serviceをwebhookに変更した

morishitaです。 Github Service が使えなくなったので対応しました。 次の記事には2019年1月末に止めるよって書いてあるので、今月中になんとかすればいいかなと思っていました。 ところが、2019/01/08 から突然動かなくなったのです。 developer.github.co…

workbox を導入してServiceWorkerによるキャッシュを実装した話

morishitaです。 いこレポに workbox を導入してServiceWorkerによるキャッシュを実装しました。 そのことについて書きます。 導入の背景 いこレポはおかげさまで順調に成長できており、アクセス数も伸びてきています。 先日 1 周年を迎え、ますます頑張って…

メディア素人のWebディレクターがお出かけメディアを3年やって思ったこと3つ

メディア素人の元ECサイトWebディレクターが、お出かけメディアを3年やって思ったことを3つの切り口でまとめました。「SEO効果でオーガニック流入が増えてるまで何ヶ月かかる?」「表示スピードがどのぐらい数字にインパクトを与える?」「Webメディアの貢献…

Webpagetestでサイトのパフォーマンスを定期計測する

morishitaです。 今回は社内でプライベートに運用している Webpagetest について紹介します。 日経新聞やDev.toなど爆速を実現している Web サイトが度々話題となります。 それは Web サイトにとってページの表示速度が非常に重要で関心が高いからだと思いま…

Github + Lambda + CodeBuild で自動テスト

morishita です。 いこレポの開発環境でプルリクエストに push したら Lambda と CodeBuild を使って Rspecを実行する仕組みを作ったので、ご紹介します。 どんなの? Githubでプルリクエストを作ったり、プルリクエストにPushすると、こうなって テストがす…

Railsのログを awslogs で Cloudwatch Logs に出力する

morishita です。 今回はいこレポでのログ出力について紹介します。 いこレポの動作環境 いこレポは ElasticBeanstalk を利用してアプリケーションサーバを稼働させています。 ElasticBeanstalk ではプラットフォームを選択できますが、 Multi Container Doc…

いこレポ はじめました。

はじめまして。morishita です。 4月に入社以来、このブログに投稿する機会をうかがっていましたが、ついに初めての投稿です。 すでにサービスインから2週間ほど経っているのですが、いこレポ といういこーよの姉妹サイトをローンチさせました。 ざっくりど…