フロントエンドエキスパート の検索結果:

サイボウズ社内ハッカソン2020開催〜オンラインで全社を巻き込んで盛り上げる💪〜

…」と思っていたら、 フロントエンドエキスパートチームにも所属している @toshi_toma がスクリプトを書いてくれたおかげで、数時間かかる作業が数秒で解決! 海外との調整難しい→慣れているメンバーが連携や翻訳の調整を担当💪 参加してくれたベトナムのメンバーとの各種調整や翻訳など、自分は経験がなかったのでどうしよう……となっていました。 困っていたところ、運営メンバーの ayumi が普段の業務で知見があるので思い切ってお任せ🙏 安心してベトナムとも連携することができました…

TypeScript による Isomorphic な API Client 開発

こんにちは、フロントエンドエキスパートチームの @koba04 です。 本記事では、kintone の REST API を使うためのクライアントである @kintone/rest-api-client (以下 rest-api-client) の構成や工夫した点について紹介します。 本記事は rest-api-client の 1.6.0 のバージョンに基づいています。 @kintone/rest-api-client とは rest-api-client とは、kinto…

フロントエンドエキスパートチームでWEB+DB PRESS Vol.119の特集記事を執筆しました

…示画像 こんにちは!フロントエンドエキスパートチームです! 私たちフロントエンドエキスパートチームの一部メンバーは、2020年10月24日発売のWEB+DB PRESS Vol.119に「フロントエンド脱レガシー 長く愛されるプロダクトをさらに改善していくために」というタイトルで特集を執筆しました。 WEB+DB PRESS Vol.119、どこよりも早い表紙画像です!今号はフロントエンド脱レガシー、インフラ障害対応演習、深層学習入門以前を大特集! 10月24日発売です!#w…

サイボウズの「開発・運用組織」で働く環境 @ 2020

…トエンドで困ったら「フロントエンドエキスパートチーム」 プロダクトチームが開発に集中し、より多くの価値をユーザーに届けるために、各プロダクトが抱えているフロントエンドでの辛みや問題などを解決するフロントエンド専門のチームがいます。 blog.cybozu.io MySQLで困ったらMySQLエキスパートの yoku0825 さん 2019年11月に、GMOメディア株式会社とコンサルティング業務委託契約を締結し、MySQLエキスパートの yoku0825 さんに相談ができるよう…

Node.js Dual Packages (CommonJS/ES Modules) に対応した npm パッケージの開発

こんにちは。フロントエンドエキスパートの平野(@shisama_)です。 フロントエンドエキスパートチームでは業務時間の 30 % の時間で技術探究を行っています。 今回は探究した技術の中から Node.js の ES Modules(以下 ESM)についてと Dual Package (CommonJS/ES Modules) に対応した npm パッケージの開発について紹介します。 ES Modules の特徴 ESM はブラウザ互換 ESM は Strict モード E…

#osc20hi でたちまちサイボウズ広島のはなしをしました

…の水戸(広島所属),フロントエンドエキスパートチームのsakito(東京所属),kintone開発チームのにしみね(広島所属),コネクト支援チームの西原(東京所属)の 4 名でお送りいたしました.主だった話題の 3 点に沿って報告をいたします. ※ 参考 : オープンソースカンファレンスについて → https://www.ospn.jp/ 当日は登壇者の都合が合わなかったので,録画配信対応となりました.当日流した動画は OSPN から YouTube に投稿されていますので…

フロントエンドエキスパートチームが選ぶ web.dev Live2020 オススメセッション

こんにちは、フロントエンドエキスパートチームです。 フロントエンドエキスパートチームでは、フロントエンドに関する情報共有会を社内向けに行っています。 2017年から2020年までに10回開催しており、「Web ページのパフォーマンス」、「React の今とこれから」、「Google I/O セッションまとめ」などフロントエンドに関する情報を社内に共有してきました。 今回行ったのは、2020年6月30日から7月2日にかけて3日間オンラインで開催された web.dev Live2…

#osc20do でサイボウズ開発本部各チームの文化とコミュニティについてお話ししました

…4t / 開発本部 フロントエンドエキスパートチーム 上岡真也 @ueokande / 開発本部 コネクト支援チーム 西原翔太 @tomio2480 / 開発本部 コネクト支援チーム (配信担当) 風穴江 @windhole / 開発本部 コネクト支援チーム よく試された道民であればわかると思いますが,今回のタイトルは道民に愛されしフレーズを RESPECT したものになっています.実はスライドの中にもいくつかそんなフレーズを盛り込んでおきました. セッションの内容は「サイボ…

styled-componentsの採用と既存資産を捨てた理由

こんにちは。フロントエンドエキスパートチームの@nakajmgです。 私が所属しているフロントエンドエキスパートチームでは、現在 kintone の脱レガシーの一環として React + TypeScript 化に取り組んでいます。この取組の中で Scss で定義されている既存のスタイルを styled-components で書き直していくという決定をしました。 今回は styled-components の採用を決定するまでの過程や、既存の Scss ファイルの扱いについ…

Cookie の SameSite 属性について

こんにちは、フロントエンドエキスパートチームの小林(@koba04)です。 フロントエンドエキスパートチームでは、日々の業務としてブラウザやライブラリの更新情報をキャッチアップして社内で共有しています。 例えば先日、CSSのプロパティである image-orientation のデフォルト値が none から from-image に変わったため、画像の Exif 情報の扱いが変更されました。 https://www.fxsitecompat.dev/ja/docs/2020…

Closure LibraryからTypeScriptの型定義を生成する

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

LernaとYarn WorkspacesでMonorepo管理

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

チームで行うリモートワークに対する7つの工夫

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

フロントエンドの開発体験向上と脱レガシー

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

npmとyarnの脆弱性とpostinstall

フロントエンドエキスパートチームの小林(@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…

フロントエンドカンファレンス福岡 2019 に行ってきました

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

サイボウズサマーインターン2019 報告 〜Webサービス開発コース リモートモブプログラミングでkintone開発体験

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

Puppeteerで不要なCSSを消す

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

サイボウズのフロントエンドエキスパートチームの紹介

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

React Conf 2018のKeynoteで発表されたHooks、Concurrent Reactのまとめ

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

React.js meetup #5 を開催しました

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

Safari 11 Intelligent Tracking Preventionについて

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