LINEのお年玉の検索結果1 - 3 件 / 3件

• あとで読む

  デコレータ使わない Vue.js + TypeScript で進んだ「LINEのお年玉」キャンペーン

  • 100 users
  • engineering.linecorp.com
  • テクノロジー
  • 2020/01/20

  皆さん、こんにちは。LINEでフロントエンド開発を担当しているUIT1室のシュウと申します。 今回、年に一度の企画「LINEのお年玉」キャンペーンにて JavaScript の部分を担当させていただきました。LINEのお年玉は多くのトラフィックが流れる大規模かつ短期間の企画となります。 技術的な挑戦をするためのプロジェクトとしてもちょうど良いサイズ感であったため、今回多くの挑戦を行いましたので、連載形式で紹介していければと思います。 初回である今回は、Vue.js と TypeScript を併用した開発についてです。 なぜ TypeScript を使うのか？ これまで LINE のプロジェクトでは、JavaScript をメインの言語としてフロントエンド開発を行ってきました。ですが、時代の流れもあり、現在では新規プロジェクトの多くが TypeScript を採用しています。 月並みですが

  • TypeScript
  • vue.js
  • Vue
  • あとで読む
  • Vuex
  • 開発
  • dev
  • techfeed
  • プログラミング

  
• あとで読む

  制作現場におけるビジュアルリグレッションテストの導入 - 「LINEのお年玉」4年目の挑戦

  • 22 users
  • engineering.linecorp.com
  • テクノロジー
  • 2020/03/05

  はじめに みなさんこんにちは。LINEのフロントエンドエンジニアの藤井です。年末年始に実施した「LINEのお年玉」キャンペーンも今年で４回目の実施となりました。 今年は過去４年で経験した様々な反省点を振り返り、様々な改善を行いました。今回はそのなかの一つである「ビジュアルレグレッションテスト」の実施についてご紹介します。この記事では、ビジュアルレグレッションテストを運用していく上で工夫したことや、得られた知見などを共有したいと思います。 案件の特徴を紹介 まずは「LINEのお年玉」キャンペーンの特徴をご紹介します。 デコレータ使わない Vue.js + TypeScript で進んだ「LINEのお年玉」キャンペーンや「LINEのお年玉」におけるフロントエンドでの UX へのこだわりでも紹介されていますが、毎年年末年始に行われるキャンペーンとして、トラフィックが多いアプリケーションを、短期間

  • test
  • テスト
  • あとで読む

  
• あとで読む

  「LINEのお年玉」におけるフロントエンドでの UX へのこだわり

  • 3 users
  • engineering.linecorp.com
  • テクノロジー
  • 2020/01/31

  皆さん、こんにちは。LINEでフロントエンド開発を担当しているシュウと申します。 昨年末に、年に一度の企画「LINEのお年玉」キャンペーンにて JavaScript の部分を担当させていただきました。そこで、今回は、 前回の記事に引き続き、「LINEのお年玉」での実装の裏側について紹介いたします。 今回は、小さいながらもアプリケーションの品質を大きく上げる、こまかな UX 向上施策について紹介したいと思います。 ローディングのストレス低減施策 初期ローディング時の Splash Screen の実装 今回はプロジェクト発足の段階で Progessive Loading の考えを取り入れ、コンテンツを段階的に読み込むすることを前提として設計しました。 しかし、UI 上どうしてもまとめて表示する必要のあるコンテンツもあります。今回でいうと、お年玉のメイン画面がそれにあたります。 通常、 Pro

  • performance
  • web