フロントエンドエンジニアの亀田です。気が付けばあっという間に年末ですね。バックエンドエンジニアの星野です。最近、節電を意識して自宅のUbuntuサーバーを停止しました。夏真っ盛りですが、電気代の値上げで自宅サーバーにとっては冬の時代です。フロントエンドエンジニアの亀田です。アドベントカレンダーなのにここ数日ブログ更新がなかったのは予定通りで、決して自分が止めていたわけではありません。フロントエンドエンジニアの川辺です。年末は毎年ソワソワしているのですが、私事ですが今年は12月末に子供が生まれる予定なので例年以上にソワソワしています。フロントエンドエンジニアの亀田です。気が付けば12月と今年もいよいよ大詰めですが、個人的には体感はとても早い1年でした。時期的にも丁度良いので、自分が所属しているフ...2019-03-31フロントエンドの改善、継続中ですフロントエンドフロントエンドエンジニアの岡田です。現在は、開発環境の改善とリファクタリングに力を入れています。今回は、3月に入って改善したことについてお伝えします。npmフロントエンドエンジニアの岡田です。今日は、最近1ヶ月間に行った、フロントエンド開発環境のプチ改善についてお伝えします。すべてLCLが運営するバス比較なびの改善です。フロントエンドフロントエンドエンジニアの岡田です。今年の私のブログの目標は、「技術的な話を月に1本は書く」です。昨年の記事を振り返ってみると、私が書いた話の半分くらいは技術以外の話でした。Reactフロントエンドエンジニアの岡田です。先日、Reactでmetaタグを変える必要があったので、react-helmetを導入してみました。うまくいかないケースがあり、結局はES2015で書き換えました。効率化フロントエンドエンジニアの岡田です。LCLではフロントエンドエンジニアがマークアップも担当しており、画像の圧縮もエンジニアが行っています。画像圧縮、面倒ですよね。いままでいくつか自動化を試しましたが、どれも長くは続きませんでした。npmフロントエンドエンジニアの岡田です。scriptsを使っていますが、たまに特定の環境だけ動かないことがあります。今回は、ケース別に確認すると良いこと・試すと良いことをご紹介します。行いましたフロントエンドフロントエンドエンジニアの田中です。導入しましたフロントエンドフロントエンジニアの田中です。Node.jsフロントエンドエンジニアの岡田です。先日、LCLが運営する夜行バス比較なびのCSSコンパイラを、sass-railsからnode-sassへ変更しました。今回は、Node.jsへの移行にあたってRailsとの連携をどうしたか、移行で起きた問題などについてまとめました。node-...2018-05-31ESLintを使用しているプロジェクトにPrettierを導入しましたフロントエンドフロントエンドエンジニアの田中です。今回、プロジェクトにコードフォーマットのプラグインであるPrettierを導入しました。ESLintを使用してコードの品質担保をしていたのでPrettierとの競合が起きないよう設定も行いました。iOSフロントエンドエンジニアの岡田です。LCLでは、デザイナーとエンジニアの連携をスムーズにするために、Zeplinを導入しました。今回は、導入にあたって行ったことをまとめました。...2018-03-28Bugsnagでエラーが多すぎる時に設定する3つの項目フロントエンドフロントエンドエンジニアの岡田です。以前ブログでもご紹介しましたが、LCLでは、JavaScriptのエラー検知のためにBugsnagを利用しています。フロントエンドフロントエンドエンジニアの岡田です。先日、AMPページにsticky広告を追加しました。その際にいくつかつまづいた点があったのでまとめます。弊社が運営するバスとりっぷでは、AMPページを用意しています。通常の広告は表示していたのですが、今回...2017-11-14InstabugのWeb版(Beta)導入方法フロントエンドInstabugでWebサイトのフィードバックを送れるように設定しました。iOSでは使い始めていて、iOSの設定については以下の記事で軽く触れています。Web版は現時点(2017/11/13)でBeta版のためか、少し導入でつまづいた点もありまし...2017-06-28パフォーマンス計測ツール:SpeedCurveの使い方フロントエンドフロントエンドエンジニアの岡田です。今回は、パフォーマンス計測ツール:SpeedCurveをLCLでどのように使っているかお伝えします。計測タイミングは多いに越したことはないとは思いますが、コストとのバランスで、今...2017-06-01パフォーマンス計測、はじめました(フロントエンド編)フロントエンドフロントエンドエンジニアの岡田です。LCLでは、フロントエンドのパフォーマンスを計測するために、SpeedCurveを導入しました。導入にあたっては、以下のサービスも検討しました。Monitorin...2017-04-03ES5からWebpack管理下の関数を呼び出す方法フロントエンドフロントエンドエンジニアの岡田です。先日ご報告したとおり、LCLが運営する「夜行バス比較なび」では、jQueryで作られたサイトをReactへ置き換えています。botフロントエンドエンジニアの岡田です。botを改良しましたのでご紹介します。前回の状態では、botはテキストメッセージを返すだけでした。これでは開いてみるまでどんなヨガ動画かわかりませんし、候補が1つしかないの...2017-03-08スクロールするタブはスライダーのプラグインで実装できるフロントエンドフロントエンドエンジニアの岡田です。本日、夜行バス比較なびでは、プレミアムフライデー用の特集ページをリリースいたしました。こちらの特集でつかった、スクロールできるタブの実装についてご紹介します。botフロントエンドエンジニアの岡田です。先週の金曜日は、プレミアムフライデーでしたね。LCLでも従業員全員が15時に退社しました。botをつくってみま...2017-01-31JavaScriptのエラーをBugsnagで監視していますフロントエンドフロントエンドエンジニアの岡田です。先日、夜行バス比較なびを一部React+ES2015化しましたが、これに備えて、LCLでは昨年11月頃からBugsnagでJavaScriptのエラー監視を開始していました。今回は、Bugsnagについて、簡単な説明と導入方法をまとめました。働き方フロントエンドエンジニアの岡田です。私の仕事は、勤務時間中はほぼPCの前にいなければなりません。なると、1日8時間は座って同じ姿勢を続けることになりますが、それは体に良くないそうですし、頭の回転も悪くなる気がします。ES2015で書き換えましたフロントエンドフロントエンドエンジニアの岡田です。昨年末に、弊社のサービス:夜行バス比較なびの一部分をReactで書き換えました。夜行バス比較なびのJavaScriptは、構築から3年以上たつこともあり、コードの見通しが悪くなってきています。リグレ...2016-10-03Webブラウザへのプッシュ通知はpushnateを使うと簡単フロントエンドフロントエンドエンジニアの岡田です。Conferenceに参加してから、プッシュ通知を試したくてしかたがなかったのですが、ようやくまとまった時間が取れたので試してみました。definedが出るときに確認することフロントエンドフロントエンドエンジニアの岡田です。弊社では現在、フロントエンド環境の見直し中です。現在はjQueryが中心ですが、サービスを運用しながら、少しずつ以下の環境へ移行していく予定です。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。