クラウドワークス エンジニアブログ

日本最大級のクラウドソーシング「クラウドワークス」の開発の裏側をお届けするエンジニアブログ

CrowdWorks流!Webpacker活用術

今年の4月に入社した@sawadashota です。

カイゼンチーム」というデザイナー2名、エンジニア2名のチームで新規会員の応募率の向上に取り組んでいます。

Rails 5.1で導入されたWebpacker、みなさん使ってますか?

CrowdWorksにはコツコツ約7年書き溜められてきた約1.8万行にのぼるCoffeeScriptがあります。

既存箇所では、Sprocketsで全部のJSをひとかためにしていたのを読んでいたので、思わぬ影響を及ぼすことが多々ありました。

少なくとも新規開発部分では、局所的に読める仕組みを作っていきたいと思い、Webpackerを導入してみたので、導入時のポイントをご紹介したいと思います。

続きを読む

AWS Organizationsによるマルチアカウント戦略とその実装

SREチームの @tmknom です。ジョジョ5部のアニメ化に興奮を隠せない今日このごろです。

みなさん、AWS Organizationsは使ってますか?

クラウドワークスでも最近使い始めました。AWS Organizations、超絶便利です。こんなに便利なのに、意外と公開されてる事例が少なくて、ぐぬぬってなります。というわけで、使い始めたばかりですが、サクッと公開してみます。他の会社さんも、公開してくれ!!

  • AWS Organizations
  • マルチアカウント戦略
    • 先行事例の調査
    • コンセプト策定
    • Terraform戦略
      • Terraformモジュールによる共通化
      • インフラテンプレート
    • VPCIPアドレス空間
    • メールアドレスの管理ポリシー
    • OU(Organizational Unit)の責務
    • 管理用AWSアカウントの責務
  • Masterアカウントによるアカウント管理
  • Auditアカウントによる監査ログの集約管理
  • CustodianアカウントによるIAMユーザの集約管理
    • IAMポリシーとIAMユーザ
  • 各種AWSアカウントの初期セットアップ
    • AssumeRole対象のIAMロール
    • CloudTrail
  • 今後の展望
続きを読む

jQueryからVue.jsに乗り換えて良かった点・悪かった点をまとめてみた!

今年の3月からクラウドワークスで働き出した高梨です!

さっそくですが、
最近、jQueryで書いていたJavaScriptをVue.jsに変えていくということをやりました!

「がっつりcomponent化して、API用意して、SPAにして・・・」

みたいな感じではなく、
最低限jQueryでやっていた表示・非表示の処理だったり、金額を計算するといった処理を
そのままVue.jsに置き換えていくという感じですね。

実際、Google Trendを見ても
ここ数年でVue.jsの人気が急激に伸びているのは事実です。
(実はReactにも大差をつけている)

Google Trend JS比較】
https://trends.google.com/trends/explore?date=today%205-y&q=vue.js,react.js,angular.js

ここでは、実際に実装してみて感じた良かった点や悪かった点を
簡単に2つずつお話しさせていただきたいと思います。

すでにがっつりVue.jsを使っているという方には物足りない内容かと思いますが、
「脱jQueryを考えている」
「Vue.jsなどの他のライブラリに興味を持っている」
といった方はぜひ参考にしていただけると幸いです。

基本、コードの例を交えてお話ししていきたいと思いますが、
説明不足の箇所はVue.js公式ドキュメントで該当する箇所のリンクを貼っていますので、
「詳しく理解したい!」
という方は是非利用してみてください!

ここでのお話を聞いて
「Vue.jsいい感じじゃん!」
と思っていただけた方は最後に公式のチュートリアルのリンクも
載せておきましたので、
是非そちらからVue.jsの世界に踏み込んでいただけると幸いです。

目次

  • 目次
  • 良かった点
    • その1. イベントバインドさせる処理を一掃できる!
    • その2. HTML側の値とJavaScriptの処理が勝手に連動してくれている!
  • 悪かった点
    • その1. 初期表示が崩れがち...
    • その2. jQueryの便利メソッドが使えない...
  • まとめ
続きを読む

ペアプログラミング + メンタースイッチを組み合わせてやってみた!

テーマ:ペアプロ

こんにちは、今年4月に入社した新人プログラマの@flatbaです。クラウドワークスでは、開発手法にペアプログラミングペアプロ)を取り入れています。

今回、既存メンバーが新人(僕)を新たにチームに受け入れるにあたって、

  • 既存チームへ新メンバーのスムーズな受け入れ

  • 新メンバーと既存メンバーとの早期の相互理解

  • スキルアップ

を目的としてチーム内で ペアプログラミング + メンタースイッチ を導入して実感したメリット、実践するなかで出てきた課題とその解決の様子、 を今回のブログのテーマにします。

目次

続きを読む

Keen IOでスマホアプリの行動分析をやってみたらとっても良かった話

こんにちは、スマホアプリチームの@tkoshidaです!

今回は弊社のスマートフォンアプリCrowdWorks for Worker iOS / Android の行動分析をKeen IOを使っていい感じにできるようになったお話を共有できればと思います。

f:id:tkoshida:20180501162913p:plain

続きを読む

© 2016 CrowdWorks, Inc., All rights reserved.