…giさん、nus3 フロントエンドエキスパートチームの話や発信のモチベーションの話、「記事や動画配信だけだと一方向だけど、勉強会やカンファレンスだと双方向でコミュニケーションが取れていいよね」というような話がされていました。 Design & Technologyについて教えて！ Design & Technologyについて、プロダクトデザイン部のsakuさんとsakitoさんとトビさんが話しました。 法被を着ているのが左からsakuさん、sakitoさん トビさん 主にデ…

…eklyなどを通したフロントエンドエキスパートチームとの交流などもできて、とても楽しかったです。 実は、内定者バイトとして参加する前はkintoneを実際に使ったことはあまりありませんでした。しかし、社内でも色々な用途で使われていたり、11月に参加させていただいたCybozu Daysでも様々な企業様に使っていただいていることが分かったので、正社員として入社後も開発に貢献できるように頑張りたいと思います。 生産性向上エンジニア 星にゃーん 生産性向上エンジニアとして4月に入社…

…ダクトマネージャー フロントエンドエキスパートチームメンバー OSSのメンテナーなど、OSS活動に積極的に取り組んでいるメンバー 新卒1, 2年目メンバー 取り組んでもらった内容（抜粋） インターン生に取り組んでもらったタスクの一部を抜粋して紹介します。 メンテナンスモードの設計検討 まずは、メンテナンスモード（アプリを一時的に非公開にする設定）という機能の設計検討です。 kintone.cybozu.co.jp これまでは、メンテナンスモード中のアプリにアクセスした際、アプ…

…@sajikix）とフロントエンドエキスパートチームのmugiさん（@mugi-uno）がイベントを進める有志として名乗り上げてくださったので、無事イベントを実行に移すことができました。 企画の具体化 運営有志との初回の打ち合わせでは、イベントのコンセプトなどの概要を細かく検討して決めました。 イベントのコンセプトとは、ブログの連投イベントを演出するためのテーマです。「アドベントカレンダーを真夏にやる」という触れ込みで走り出したものの、アドベントカレンダーは日程に宗教的な意味…

こんにちは、フロントエンドエキスパートチームの mugi です。 2024/08/24(土)にフロントエンドカンファレンス北海道が開催され、サイボウズもスポンサーとして協賛し、かつ弊社メンバーも複数名登壇しました。 今回は、当日の雰囲気や登壇の様子などをご紹介します。 スポンサーブース サイボウズはゴールドスポンサーとして協賛し、当日はブースを出展しました。 サイボウズブースの様子 Frontend Expert QUIZ 今回はブースを楽しんでもらうための企画として "Fr…

…た？ daiki: フロントエンドエキスパートチームの活動を ブログ とかイベントとかで見ていて知ってたのが大きいかな。就活するぞ！ってなってから、制度面とか事業内容とかちゃんと調べて、そこにも興味持てたから応募した感じ。 ──（saku）: カルチャー面ではどんなところがマッチした？ daiki: 団体運営してたのもあってチーム開発することが多く、チームで自分ができることを越えた成果物が生まれる瞬間が好きで、チームワークあふれる社会を作るっていう理念がいいな〜と思えた。 内…

…です。 こんにちは、フロントエンドエキスパートチームの @mugi_uno です。 DAY 4 の記事で nus3 がすでに一部紹介していますが、2024年7月2日にサイボウズ社内で実施された開発・運用に関わるメンバーの交流イベント "開運夏まつり 2024" に併せて、サイボウズでのWebフロントエンドの祭 "Cybozu Frontend Day 2024 Summer" を実施しました。 その中で、フロントエンドクイズ大会やライブコーディングバトルといった変わり種コンテ…

…です。 こんにちわ。フロントエンドエキスパートチームの@nus3_です。 サイボウズでは開発、運用に関わる様々なチームや職能の人が集まって交流を深める社内イベントとして開運夏まつり 2024 が 7 月 2 ~ 4 日の 3 日間で開催されました。 開運夏まつり 2024 については詳しくは次の記事をご覧ください。 組織を強くするために！サイボウズ社内テックカンファレンス開催 この開運夏まつり 2024 の初日に Cybozu Frontend Day 2024 Summer…

こんにちは。 フロントエンドエキスパートチームの Saji です 2024 年 4 月 19 日(金)にサイボウズのフロントエンドエンジニア主催で第 2 回 BARフロントえんどうを開催しました。 本記事では、当日の様子やセッションについて紹介します。 BARフロントえんどうとは BARフロントえんどうは Web フロントエンドのトピックからテーマを選び、登壇者や参加者の間で情報を共有することで知見を深めてもらおうというコンセプトの勉強会です。 第 2 回を迎える今回は「CS…

…PHPアップデート フロントエンドエキスパート フロントエンドリアーキテクト プラットフォーム(AWS) プラットフォーム(自社基盤) Kubernetes基盤開発 ストレージ iOS育成型 iOS実務体験型 Android1週間 Android2週間 プロダクトセキュリティ プロダクトデザイナー 生産性向上 (品質保証(QA) コースは現時点での詳細は未定です。） 各コースの内容、応募方法や報酬などの詳細は特設サイトをご確認ください。 cybozu.co.jp ※コースによ…

こんにちは。 フロントエンドエキスパートチームの BaHo です 2023 年 10 月 31 日(火)にサイボウズのフロントエンドエンジニア主催で第一回BARフロントえんどうを開催しました。 本記事では、当日の様子やセッションについて紹介します。 BAR フロントえんどうとは BARフロントえんどうは Web フロントエンドのトピックをテーマに、登壇者や参加者の間で情報を共有することで知見を深めてもらおうというコンセプトの勉強会です。 第一回は「フロントエンドリアーキテクト…

こんにちわ。フロントエンドエキスパートチームの@nus3_です。 最近、社内用の npm パッケージを作る必要があり、そのパッケージは依存が少なく、実装もシンプルだったので、npm パッケージの作成には Deno と dnt を採用しました。 dnt とは dnt は Deno で実装したモジュールを CJS、ESM に対応した npm パッケージに変換してくれるビルドツールです。 使い方も簡単で、次のように dnt が提供するbuild関数にエントリーポイントや出力先などの…

どうもこんにちわ。フロントエンドエキスパートチームの@nus3_です。 突然ですが、今日は新しくサイボウズにジョインしてくれた、ちょっと変わったお友達を紹介します。 ハシビロコウのハシコウ 彼はハシビロコウで名前をハシコウと言います。発音は「ハチ公」と言うように、ハシコ↑ウ↓のように「コ」で上がって、「ウ」で下がります。 ハシコウの特徴 一見すると、鋭い目つきと鋭いくちばしで、ちょっと怖そうに見えますが、実は面倒見がいいとても優しい子です。 鋭い目つきをしているのは、流れが速…

主催のkoba04による写真 こんにちは、フロントエンドエンジニアの@shisama_です。 6月30日にサイボウズ東京オフィスで開催された「Cybozu Frontend Day 2023」の資料と開催レポートを公開します。 「Cybozu Frontend Day 2023」は、サイボウズのフロントエンドエンジニアが集まりフロントエンドに関する知見を共有する社内イベントです。 発表資料 発表資料は以下の通りです。発表者が公開している一部の資料については、発表者の許可を得て…

…ntone機能開発 フロントエンドエキスパート フロントエンドリアーキテクト Android1week Android2week iOS ストレージ プラットフォーム Kubernetes基盤開発 生産性向上 プロダクトセキュリティ QA(品質保証) デザイン&リサーチ 各コースの詳細＆エントリーは以下のサイトから！！ cybozu.co.jp ※コースによって開催時期や応募期間が異なりますのでご注意ください。 参考情報 昨年までのインターンの報告も投稿しておりますので、ぜひ…

こんにちは、フロントエンドエキスパートチームの @mugi_unoです！ kintone では フロントエンドの刷新プロジェクト（通称フロリア）が進行中です。 blog.cybozu.io kintone の開発では E2E 主体の自動テストを整備していましたが、 フロントエンドの刷新に合わせて、新たにフロントエンド側でのテストコードを積極的に書いています。 テストを書くことに不慣れなメンバーもいるため、日々 Pull Request 上でのレビューやペア・モブ作業を通じて、…

…いと思い、フロリアとフロントエンドエキスパートチームの兼任をしています。 そのほか、二人の経歴の詳細は、次のレジュメやプロフィールサイトをご覧ください。 西川 : https://github.com/nissy-dev/resume 左治木 : https://sajiki.dev/ kintone フロントエンドリアーキテクチャプロジェクト（フロリア）とは 私たちが配属された kintone フロントエンドリアーキテクチャプロジェクト（フロリア）は、次の 3 つの目標を掲…

…dev こんにちは！フロントエンドエキスパートチームの@nus3_です。 kintone のフロントエンド刷新プロジェクト（フロリア）では、品質を保ったまま開発を加速させるためにフロントエンドのテストを積極的に行っています。 今回はそんなフロントエンドのテストの実装例をいくつか紹介します。この記事がフロントエンドのテストを行う上での参考になれば幸いです。 テストに使用する主なパッケージ コンポーネントのテスト 補足: Testing Library の記法をチェックしてくれる…

…tone開発チーム・フロントエンドエキスパートチーム・Poca11yチームのメンバーが集まる会議体を設定しました。この時間でスプレッドシートを閲覧しながらひとつひとつのルールを確認し、ルールの適用／不適用をまとめた設定ファイルを作成することにしました。また同時に議事録もとり、kintone開発チームのコミュニケーションスペースで共有しました。 議論になったルール ここでは具体的に議論したいくつかのルールについて、ルールの意味・議論の内容・ルールの適用結果を紹介します。 anc…

…ダクトセキュリティ フロントエンドエキスパート デザイン&リサーチ 各コースの内容、応募方法や報酬などの詳細は特設サイトをご確認ください。 cybozu.co.jp ※コースによって開催時期や応募期間が異なりますのでご注意ください。 参考情報 昨年までのインターンの報告も投稿しておりますので、ぜひご覧ください。 blog.cybozu.io *1:就業経験とは、原則として正社員や契約社員などでの 勤務経験を指します。学業と並行して行ったアルバイトや インターンシップは含まれま…

こんにちは！フロントエンドエキスパートチーム兼 Mira チームで活動している@nus3_です。 サイボウズが提供するkintoneは 10 年以上にわたり多くのユーザーにご利用頂いています。現在、kintone の開発が引き続きスケールできるように、Closure Toolsから React へと置き換えるフロントエンドリアーキテクチャプロジェクト(フロリア)が絶賛進行中です。 フロリアの詳細については次の記事をご覧ください。 Mira ってなんですか？ フロリアプロジェク…

こんにちは！フロントエンドエキスパートチームの @mugi_uno です。 みなさんは Visual Regression Test は普段活用していますか？ 昨今では事例もよく耳にするようになった印象です。一度使って手放せなくなった方もいるのではないでしょうか。 今回の記事では、通常のプロダクト新規開発とは異なる “脱レガシー” の文脈で Playwright を用いた簡易的な Visual Regression Test を試してみたので、導入に至る経緯と、どのように実施…

こんにちは、フロントエンドエキスパートチームのsakitoです。 本記事ではkintoneをマイクロサービス化するためのPoCプロジェクトにおけるWebフロントエンドの技術選定について紹介します。 プロジェクト背景 本記事で扱うプロジェクトは「kintoneマイクロサービス化Proof of concept(PoC)プロジェクト」です。 現在サイボウズの主力製品であるkintoneは大きなモノリシックなアーキテクチャになっています。 モノリシックなサービスに関わる人数が増える…

こんにちは、フロントエンドエキスパートチームの麦島(@mugi_uno)です！ 2021年5月に新しくメンバーとして加わり、富山からフルリモートで働いています。 最近はチームメンバーに誕生日を祝ってもらって嬉しかったです🎉 さて、以前に "kintoneのフロントエンド刷新に向けた取り組み"*1 というエントリでもご紹介しましたが、現在サイボウズ社内では kintone で利用するフロントエンドの技術スタックを刷新する取り組みを進めています。 その一環として、 "Closur…

…用しない 開発体制 フロントエンドエキスパートチームの支援 アクセシビリティチームの支援 生産性向上チームの支援 これからの活動 おわりに はじめに 現在 kintone 開発チームでは、フロントエンドの開発に使用している Closure Tools (Closure Compiler、Closure Library、Closure Templates で構成されるツール) を React をはじめとした技術スタックに移行する取り組みを進めています。 kintone のフロン…

…デザイン&リサーチ フロントエンドエキスパート new! DevOpsエンジニア(AWS版kintone) new! Kubernetes基盤開発 new! 生産性向上 new! 品質保証 プロダクトセキュリティ 各コースの内容、応募方法や報酬などの詳細は特設サイトをご確認ください。 cybozu.co.jp ※コースによって開催時期や応募期間が異なりますのでご注意ください。 参考情報 昨年までのインターンの報告も投稿しておりますので、ぜひご覧ください。 blog.cyboz…

…協力してもらったのはフロントエンドエキスパートチームの笠間(@b4h0-c4t)さん，モバイルチームの今野(@rkonno)さん，Slash/CyDE-C チームの竹内(@lrf141)さんの 3 名です．普段から近くにこういった職種の人がいるのがベストではありますが，同郷の先輩がそうした仕事をしているということも距離が縮まる一つの要因かなという妄想の元に作られたものです． これらのメッセージは学校教諭時代の自分では発信し得なかったかなと思っています．サイボウズの人となった今…

フロントエンドエキスパートチーム内でスピードハッカソンを行いました。通常のスピードハッカソンは共通の題材に対してチームごとにスコアを競うというイメージですが、今回はランダムに決めたチームでそれぞれのチームごとに題材を探すところからはじめ、計測方法も自由としました。 今回のハッカソンは、チームのコミュニケーション促進を主な目的として開催しましたが、結果としてプロダクトの改善につながる成果、とっかかりとなる知見などが得られました。 今回取り組んだ内容などを紹介します。 開催目的と…

…。生産性向上チーム&フロントエンドエキスパートチームです。 今回は私たちプロダクト支援チームが普段どのようにプロダクトチームを支援しているかの一例として、kintoneのStorybookを社内からいつでも確認できるようにホスティングするまでの流れを紹介します。 支援チームとプロダクトチームの関わり まずは私たち支援チームとプロダクトチームが社内でどのように関わり、開発しているのかを紹介します。 プロダクト支援チームはプロダクトチームに属しておらず、さまざまなプロダクトの課題…

こんにちは、フロントエンドエキスパートチームの鈴木(@__sosukesuzuki)です。 弊社のサービスである kintone では、コードのフォーマットを ESLint のみで行っているためプロジェクト内でコーディングスタイルを統一しきれていないという問題を抱えていました。 そこで opinionated なコードフォーマッター Prettier を導入し、コードベース全体でコーディングスタイルを統一するための支援をフロントエンドエキスパートチームで行いました。 2011…