…筋縄ではいきません。フロントエンドエキスパートチームでは、このようなツールを活用することでより効率よく、より安全に移行できないか日々探究しています。 今回のサンプルを応用し、型が保証された状態で安全に Closure Tools 側のコードを再利用できるのでは！と期待しています。 また、今回紹介した Clutz 以外に次のようなツールもあります。 Closure Library で記述されたコードを TypeScript のコードに変換するGents 逆に TypeScrip…

こんにちは、フロントエンドエキスパートチームの小林（@koba04）です。 本記事では、Lerna と Yarn Workspaces を使った Monorepo 管理について解説します。 Monorepoとは 本記事では、単一のリポジトリで複数のモジュールやパッケージ（今回の場合は npm パッケージ）を管理する手法を Monorepo と呼んでいます。 有名なところだと、Babel や Jest、Create React App などが後述する Lerna を使い複数パッ…

こんにちは、フロントエンドエキスパートチームの@sakitoです。 今回はフロントエンドエキスパートチームがリモートワークで工夫している内容や、解決してきた課題を共有したいと思います。 最近リモートワークをはじめた会社やチームにとって参考になれば幸いです！ ※ テレワークやリモートワークという言い回しがありますが、本記事内ではすべてリモートワークで統一しています。 所属しているチームと会社の状況 サイボウズには、リモートワークをいつでも行うことができる文化があります。オフィス…

こんにちは。フロントエンドエキスパートチームの@nakajmgです。 私が所属しているフロントエンドエキスパートチームは、プロダクトのフロントエンドを横断的に支援するチームです。今回はフロントエンドエキスパートチームが行っている、プロダクトへの支援活動について紹介します。 フロントエンドエキスパートチームがどういったチームかに関しては、次の記事をご覧ください。 サイボウズのフロントエンドエキスパートチームの紹介 フロントエンドエキスパートチームの活動 サイボウズは主力プロダク…

フロントエンドエキスパートチームの小林(@koba04)です。 先日、npmから脆弱性についての発表がありました。 調べていく中でいくつか思うところがあったので解説も兼ねて書いていきたいと思います。 The npm Blog — Binary Planting with the npm CLI npmの利用者としてやるべきことは、 npmのバージョンを6.13.4以上にあげる yarnのバージョンを1.21.1以上にあげる です。 npmのバージョンが6.13.4になったNo…

こんにちは、フロントエンドエキスパートチームです。 先日、11/16（土）に福岡の九州産業大学で行われたフロントエンドカンファレンス福岡 2019 にシルバースポンサーとして協賛しました。チームから@toshi-tomaと@__sakito__が登壇し、当日はチームで参加したので、その時の様子をお伝えしたいと思います。 https://frontend-conf.fukuoka.jp/ 登壇について まず、登壇した@toshi-tomaと@__sakito__の登壇内容につい…

…だいた理由の1つに「フロントエンドエキスパートチーム」があるからというものがありました。実際にお話をしてみて面白かったし学べることが多かったです。 他にも社内勉強会が1週間のうちに何度かありました。そのような機会が多くある環境なので学びやすいなと思いました。 ほかのインターン生みなさんもおっしゃられていましたが、「すごい会社だ」の一言に尽きます。 本当に楽しく過ごす事ができたのも、インターンプログラムだけでなく社員の方々の暖かい雰囲気（と美味しいランチ）が大きかったように思い…

こんにちは。フロントエンドエキスパートチームの穴井（@pirosikick）です。福岡在住で、普段は福岡のweworkで働いています。他のメンバーは皆、東京に居てリモートで仕事をしていますが、モブでわいわい開発していますし、weworkが快適すぎて、毎日楽しいです！ フロントエンドエキスパートチームでは、サイボウズの各プロダクトが抱えるWebフロントエンドの課題を解決するのが仕事の一つです。 blog.cybozu.io 最近の取り組みとして、Puppeteerで不要なCSS…

こんにちは、フロントエンドエキスパートチームです。 今回は私たちフロントエンドエキスパートチームの紹介をします。 フロントエンドエキスパートチームとは サイボウズの技術領域とフロントエンドエキスパートチームの立ち位置 まずサイボウズのWebフロントエンドについて触れておくと、以下の特徴を持っています。 プロダクトにとって、Webフロントエンドが非常に重要 B2Bのプロダクトを開発しているので、WebおよびPCでのユーザー利用率が高い JavaScriptで製品をカスタマイズす…

フロントエンドエキスパートチームの@koba04です。 10/25,26の2日間、ネバダで開催されたReact Conf 2018に参加して来ました。 今回は、気になっている人も多いKeynoteで発表されたHooksとConcurrent Reactについて紹介したいと思います。 今回紹介された内容は、2014年後半くらいからReactを見てきた中でも、最も大きな変更であると言えます。 React Conf 2018 React Conf 2018のストラップ カンファレン…

フロントエンドエキスパートチームの小林(@koba04)です。 2/1にReact.js meetup #5をサイボウズで開催しました。 当日は雪が降っていましたが、会場がいっぱいになるほどたくさんの人に集まって頂きましてありがとうございました。 https://reactjs-meetup.connpass.com/event/76375/ Contributing React! @koba04 最初に、まず私から「Contributing to React!」というタイト…

…めまして、開発基盤部フロントエンドエキスパートチームの小林(@koba04)です。 チームメンバーがまだひとりなので、仲間を募集中です！ macOS High Sierra及びiOS11のSafariで導入されたIntelligent Tracking Preventionについて紹介します。 詳細は、下記のWebKitのブログに書かれていますが、Intelligent Tracking Preventionはクロスサイトトラッキングを制限することを目的とした機能です。 In…