PLAID Engineer Blog

PLAID Engineer Blog


KARTEを提供する株式会社プレイドのエンジニアブログです。プレイドのエンジニアのユニークなパーソナリティを知ってもらうため、エンジニアメンバーたちが各々執筆しています。

PLAID Engineer Blog

Vue.js

GitHub Actions を使って継続的ローカライゼーションをスクラッチから構築した話

こんにちは。先月アムステルダムに行って 初 Uber で UX に感動した @kazupon です。 PLAID がプロダクトとして提供する KARTE の管理コンソールは Vue.js で作られた Web アプリケーションです。そんな Vue.js で作られた Web アプリケーションを国際化対応するために、vue-i18n という国際化するためのライブラリを入れて日本語、英語対応できるようになっています。 この記事は、国際対応されたプロダクトを継続的ローカライゼーションのワークフローの仕組みをスクラッチから作り、作り上げたそのワークフローを導入した話です。 継続的ローカライゼーションとは?本題に入る前に、今回導入する継続的ローカライゼーションという用語、初めて知る人も…

kazuponkazupon

Vue.jsに関するイベントをラクスルさんと共催しました!

エンジニアの池上です。 私の横着によってイベントから1ヶ月以上経ってしまいましたが、2019/12/11(水)に、ラクスルさんとの共同主催で「Vue.js for 2020」というイベントを開催しました! 【PLAID × ラクスル】Vue.js for 2020 - connpass 会場はプレイドのオフィスを使い、LTや、スポンサーブース、懇親会など盛りだくさんの内容でした。 イベントの詳細については下記のイベントページからご覧いただけますが、takepepeさんによるvue-guardianの実装に関する30分間のセッションがあったり、スポンサー企業を主催2社も含めて6社取ってブースを設けてもらったり、お祭り感のあるイベントになりました。 運営自ら…

Jumpei IkegamiJumpei Ikegami

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

こんにちは。PLAID Software Engineer, tai-hey ( @Victoria_Peak_ ) です。 まえがき 私はプレイドに入社して1年ほどとなりますが、業務で Vue.js の開発を経験し、自身がフロントの実装にメインで携わり、サービス設計から実装まで取り組む中で設計について思慮することが多くなりました。 プレイドは SPA を実現可能な Vue.js を採用しているのですが、設計をしていく中で、設計のヒントをネット上で検索をしてみても、チュートリアルや部分的な設計の話はでてくるものの、設計概念の依存関係を表すものが無いことに気づきました。 そこで、今回のブログはフロントエンドに関連する設計概念を整理し、それぞれの依存関係を可視化すること…

kazushi oohirakazushi oohira

1,100 超えコンポーネントの Jade / Pug テンプレートを移行した話

こんにちは! 銀座でお昼パクチー食べれるお店があって大変満足している @kazupon です。 PLAID は KARTEという「リアルタイムユーザー解析プラットフォーム」を提供しており、様々な機能を提供します。また、その様々機能を制御するために管理コンソールを Web アプリケーションとして提供しており、Vue.js で作られています。 管理コンソールは、1,100 超える単一ファイルコンポーネント (Single-file components)で構築されており、テンプレートのマークアップとして Jade / Pug を使用しています。 この記事では、単一ファイルコンポーネントでこれまでテンプレートとして利用してきた Jade / Pug を Web 標準のマ…

kazuponkazupon

Vue Fes Japan 2018に登壇してきました!#vuefes

みなさま初めまして! PLAID Engineer Blog初投稿の韓 徹(@sskt0809 )です。 プレイドは、2018/11/3(土)に秋葉原UDXで開催されたVue Fes Japan 2018にプラチナスポンサーとして協賛しました。 私はスポンサーセッションで参加者全員の前で登壇する機会もいただき、Vue Fes Japan参加者の皆さんにKARTEについて伝えることができました。 今回のブログでは、Vue Fes Japanの様子や、スポンサー参加の裏話などをお伝えします。 会場の様子 自分が会場入りした午前9:00の時点でPLAID以外の各スポンサー企業さんも準備が整っていて、すでに会場はほぼ完成していました。 ヘイ株式会社さんはトイレットペー…

kantetsukantetsu