Qiita:Teamからesa.ioに乗り換えました - LCL Engineers' Blog

2019/01/28 43 users Qiita TEAM esa.io docs.esa.io

Webエンジニアの横塚です。 皆さんは情報共有ツールは利用しているでしょうか。 LCLエンジニアチームでは先日、以前から利用していたQiita:Teamからesa.ioに移行することにしました。 移行の背景と、実際に移行してみてどうだったかを簡単に紹介したいと思います。 teams.qiita.com docs.esa.io 移行しようと思った理由 ... 続きを読む

PagerDutyを導入して障害対応の体制と運用ルールを確立しました - LCL Engineers' Blog

2018/11/30 68 users PagerDuty LCL mackerel 古賀 体制

Webエンジニアの古賀です。LCLでは、障害対応の強化の一つとして多機能な通知機能を持つPagerDutyを導入しました。 組織的な対応シフト・フローが組めるようになり、精神的にとても安心できるようになったので紹介させていただきます。 pagerduty.digitalstacks.net 導入前の課題 LCLでは、Mackerelを利用して各サーバの... 続きを読む

Node.jsでGoogleスプレッドシートを操作する - LCL Engineers' Blog

2018/11/30 34 users Googleスプレットシート node.js 川辺 Blog

Webエンジニアの川辺です。 今回はNode.jsでGoogle スプレッドシートを操作する際に使用したnode-google-spreadsheetの紹介をしたいと思います。 使用したバージョン Node.js: 8.11.3 node-google-spreadsheet: 2.0.6 準備 コード上からGoogleスプレッドシートを操作するため、シートへアクセスを許可するための準備が必... 続きを読む

CodePipeline/CodeBuild/ECR/ECS/Fargateのコンテナデプロイ基盤を構築してみました - LCL Engineers' Blog

2018/10/12 42 users CLI ECR CodeBuild CodePipeline

モバイルアプリエンジニアの山下です。 今回は、AWSの以下のサービスを用いてコンテナデプロイ基盤の構築を試してみました。 CodePipeline CodeBuild ECR ECS Fargate AWSのドキュメントは丁寧で情報も豊富ですが、サービス毎に手順が書かれているため一連の流れをまとめました。CLIでの操作のみで手順を進めています。 ... 続きを読む

capistrano-bundle_rsyncを利用したデプロイ方式に変更しました - LCL Engineers' Blog

2018/09/27 14 users capistrano-bundle_rsync LCL

Webエンジニアの森脇です。LCLでは、Capitranoを利用してRailsアプリケーションのデプロイを行っていましたが、「capistrano-bundle_rsync」を利用する方式に変更しましたので、背景含めて紹介いたします。 デプロイの概要 capistranoを利用したデプロイでは、デプロイサーバではcapistranoを実行し、各Webサーバへsshで... 続きを読む

AWS EC2インスタンスの停止忘れを防止する - LCL Engineers' Blog

2018/09/10 31 users AWS EC2インスタンス テストサーバ LCL Blog

Webエンジニアの森脇です。 LCLでは、普段使わないテストサーバなど常時稼働が不要なEC2インスタンスは、必要に応じて手動で起動・停止する運用にしています。が、停止を忘れて起動したままになっているということが、時々発生してしまっています。 大した金額ではないですが無駄は無駄なので、AWS CLIの勉強会を兼ねて... 続きを読む

突撃！隣のフレックスタイム - LCL Engineers' Blog

2018/08/20 19 users フレックスタイム 突撃 LCL techblog.lclco

モバイルアプリエンジニアの山下です。 先日の記事でも少し触れられていましたが、LCLでは先月からフレックスタイムがトライアル導入されました。 techblog.lclco.com 今回は、エンジニアメンバーへどのような使い方をしたかをアンケートで聞いてみたのでお届けしたいと思います。 フレックスタイムを導入済み、または検... 続きを読む

npm scripsが特定の環境だけ動かない！ という時に確認すること - LCL Engineers' Blog

2018/08/16 12 users LCL Blog ローカ 環境 npm scripts

フロントエンドエンジニアの岡田です。 LCLのフロントエンドでは、npm scriptsを使っていますが、たまに特定の環境だけ動かないことがあります。 今回は、ケース別に確認すると良いこと・試すと良いことをご紹介します。 ケース別の確認事項等 自分のローカル環境では動くが、他の人の環境では動かない場合 自分のローカ... 続きを読む

輪読会がうまく回りはじめた話 - LCL Engineers' Blog

2018/07/11 25 users 輪読会 Blog

モバイルアプリエンジニアの山下です。 LCLでは今月から全社員を対象にしたフレックスタイム制のトライアル期間が始まりました。 エンジニアは以前からもフレックスに近い働き方が可能でしたが、いくつかの新しいルールが追加されました。 これまでの取り組みはこちらの記事でご紹介しています。 techblog.lclco.com こ... 続きを読む

地味に面倒なブランチ作成〜WIPプルリクエストまでをコマンド1つで行う - LCL Engineers' Blog

2018/07/04 33 users コマンド 岡田 フロントエンドエンジニア Blog 設定

フロントエンドエンジニアの岡田です。 やる気がでない時の最良の方法は、「とりあえず始めてみる」ことだと聞いたことがあります。 今回は、やる気がでないときでもコマンドを1つ叩くだけで、ブランチ作成〜WIPプルリクエストまで作ってくれるように設定をしましたのでご紹介します。 WIPプルリクエストを作るまでにす... 続きを読む

E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog

2018/06/27 163 users PhantomJS puppeteer Capybara

Webエンジニアの森脇です。LCLでは、以前より「Capybara + PhantomJS」でE2Eテストを行っていましたが、「Puppeteer + Headless Chrome」へ変更しました。 元々は、軽くPuppeteerを触ってみるだけのつもりでしたが、できが良く本格的にE2Eテストへ導入することにしました。 本記事では、変更の経緯や、PuppeteerでE2Eテ... 続きを読む

一部 React のサイトに MobX を導入しました - LCL Engineers' Blog

2018/06/26 13 users MobX コンポーネ React Blog コンポーネント同士

フロントエンジニアの田中です。 以下記事にもありますが、弊社のサービス：夜行バス比較なびの React 実装部分に MobX 導入しました。 techblog.lclco.com 目的 そもそもの導入目的は、親コンポーネントが違うコンポーネント同士の連携を行いたかったからです。 部分的に React を導入していたため、親が違うコンポーネ... 続きを読む

CSSのコンパイラをsass-railsからnode-sassへ変更しました - LCL Engineers' Blog

2018/06/22 12 users コンパイラ LCL CSS Rails Blog

フロントエンドエンジニアの岡田です。 先日、LCLが運営する夜行バス比較なびのCSSコンパイラを、sass-railsからnode-sassへ変更しました。 今回は、Node.jsへの移行にあたってRailsとの連携をどうしたか、移行で起きた問題などについてまとめました。 node-sassとは sass-railsからnode-sassへ変更した理由 Sassをフロ... 続きを読む

1日のスケジュールを可視化してタスク消化率の最適化を図る - LCL Engineers' Blog

2018/06/06 90 users タスク モバイルアプリエンジニア 山下 勤怠管理 メリット

2018 - 06 - 06 1日のスケジュールを可視化してタスク消化率の最適化を図る 働き方 1日のスケジュールを可視化してタスク消化率の最適化を図る モバイルアプリエンジニアの山下です。 今年からGoogleカレンダーにその日のタスクを予定として登録しています。 これにより、以下のメリットがあります。 日毎に消化したタスクを後から見返せる イベント・MTGや勤怠管理と一緒に予定を管理できる 他... 続きを読む

ALBのログをEmbulk + BigQuery + Redashで可視化する - LCL Engineers' Blog

2018/05/21 19 users Alb LCL BigQuery embulk redash

2018 - 05 - 21 ALBのログをEmbulk + BigQuery + Redashで可視化する Webエンジニアの森脇です。 LCLでは、AWS ALBのアクセスログを分析し、各種KPIを定期的に確認しています。今回は、Embulk + BigQuery + Redashを利用してのログ分析の事例について紹介したいと思います。 概要 AWS ALBのアクセスログは、S3へ記録されます... 続きを読む

Zeplinを導入してデザイナーとエンジニアの連携をもっとスムーズに - LCL Engineers' Blog

2018/05/01 17 users Zeplin LCL エンジニア デザイナー 連携

2018 - 04 - 30 Zeplinを導入してデザイナーとエンジニアの連携をもっとスムーズに フロントエンド iOS フロントエンドエンジニアの岡田です。 LCLでは、デザイナーとエンジニアの連携をスムーズにするために、Zeplinを導入しました。 今回は、導入にあたって行ったことをまとめました。 デザイン＆コーディング体制 Zeplin導入前に使っていたツール Zeplinとは Zepli... 続きを読む

自動タイムトラッキングツールのGTMを手動のTogglの結果と比較してみた - LCL Engineers' Blog

2018/04/20 14 users GTM Toggl 手動 ポチッ 岡田

2018 - 04 - 20 自動タイムトラッキングツールのGTMを手動のTogglの結果と比較してみた 業務改善 フロントエンドエンジニアの岡田です。 エンジニアは工数を出す機会が多いと思いますが、みなさんはどのようなツールを使っていますか？ 私は数年前から、 Toggl というツールを使って計測しています。 仕事を始める前にはボタンをポチッと押し、終わったらポチッと止める。 Togglの前に使... 続きを読む

エンジニアブログ編集部の立ち上げとその目的 - LCL Engineers' Blog

2018/04/19 19 users LCL Blog 目的 モバイルアプリエンジニア 山下

2018 - 04 - 19 エンジニアブログ編集部を立ち上げました 働き方 モバイルアプリエンジニアの山下です。 LCLでは今年からエンジニアブログ編集部を立ち上げました。 現在はフロントエンド、バックエンド、モバイルアプリエンジニアの3人で活動しています。 今回は立ち上げから3ヶ月が経過したので、立ち上げた経緯とその効果を紹介したいと思います。 エンジニアブログを運営する目的 ブランディング向... 続きを読む

Embulkを利用して、AWS請求情報をRedashで可視化する - LCL Engineers' Blog

2018/04/02 13 users embulk redash 森脇 コンソール 素振り

2018 - 04 - 03 Embulkを利用して、AWS請求情報をRedashで可視化する AWS Embulk Redash Webエンジニアの森脇です。 今更ながら、Embulkを使う必要がでてきたので、素振り兼ねてAWS請求情報(S3)をDBへ格納しRedashで可視化できるようにしました。 背景 AWSの費用は管理コンソールの「コストエクスプローラー」で確認できますが、コンソールへのロ... 続きを読む

ChatWork Webhookを利用したデプロイフロー - LCL Engineers' Blog

2018/03/29 17 users デプロイフロー LCL Blog ChatWork Hubot

2018 - 03 - 30 ChatWork Webhookを利用したデプロイフロー Webエンジニアの森脇です。 LCLでは、ChatWork + Hubotを利用してデプロイをしていましたが、ChatWorkがWebhookに対応したため、Hubotを廃止しました。ChatWork Webhookを利用して、どのようなデプロイフローとなっているかを紹介します。 なお、Hubotを利用した構成... 続きを読む

GASでラクをする技術（Gmail・Google Calendar・RSS編） - LCL Engineers' Blog

2018/03/15 76 users GAS LCL ラク スプレッドシート スクリプト

2018 - 03 - 15 GASでラクをする技術（Gmail・Google Calendar・RSS編） 業務改善 モバイルアプリエンジニアの山下です。 LCLでは業務や情報収集の中で定期的な作業を行う際にGoogle Apps Script（以下、GAS）を利用した自動化をしています。 GASとは、クラウド上でスクリプトを実行できるサービスです。スプレッドシートをはじめ、Googleが提供し... 続きを読む

iTerm2とfish shellを使ったターミナル環境構築のはじめの一歩 - LCL Engineers' Blog

2018/02/27 131 users techblog.lclco ハンズオン 心当たり 題材 山下

2018 - 02 - 27 iTerm2とfish shellを使ったターミナル環境構築のはじめの一歩 モバイルアプリエンジニアの山下です。 先日、エンジニアチームでの勉強会にてターミナルを題材としたハンズオンを行いました。 techblog.lclco.com 今回はその際に共有した業務効率を上げるためのターミナル環境構築について紹介します。 以下に心当たりのある方は一緒に構築していきましょう... 続きを読む

Varnish Grace Modeで非同期にキャッシュを更新する - LCL Engineers' Blog

2018/02/21 10 users 森脇 キャッシュ 非同期 Inside Frontend 弊社

2018 - 02 - 21 Varnish Grace Modeで非同期にキャッシュを更新する Varnish インフラ Webエンジニアの森脇です。 先日、 Inside Frontend というフロントエンドのイベントがあり、チームメンバーが参加しました。参加メンバーから日経新聞社様の「日経電子版を速くする」について共有をしてもらい、弊社でも活用できそうな点は、取り入れさせて頂くことにしまし... 続きを読む

Railsアプリケーションで採用しているDBスキーマ設計ガイドライン - LCL Engineers' Blog

2018/02/09 100 users Railsアプリケーション LCL Rails Blog 森脇

2018 - 02 - 09 Railsアプリケーションで採用しているDBスキーマ設計ガイドライン Rails PostgreSQL Webエンジニアの森脇です。 LCLのRailsアプリケーションで採用しているDB設計（スキーマ定義）のルールについて紹介します。 ※ 特にRailsに依存していない内容も含んでいます。 前提 環境違えば、採用するルールも異なると思いますので、まずは弊社で利用してい... 続きを読む

コードレビューの機械的な指摘はSideCIに任せる - LCL Engineers' Blog

2017/11/24 16 users GitHub JSHint rubocop SideCI 筆頭

2017 - 11 - 24 コードレビューの機械的な指摘はSideCIに任せる コードレビューを自動化してくれるSideCIを導入しました。GitHubのプルリクエストを自動で解析して指摘してくれます。 主にRubyを使用しているのでRuboCopを筆頭に解析ツールが豊富に揃っているのは助かっています。 導入の経緯 もともとRuboCop, JSHint, ESLintは使用しており主にローカル... 続きを読む