サイボウズ、「DX人材育成ガイドライン」を無料公開ノーコードツールを活用したDX人材育成方法を、大企業の実例とともに紹介 サイボウズ株式会社(本社:東京都中央区、代表取締役社長:青野慶久、以下サイボウズ)は、企業のDX責任者・推進者を対象に、企業のDX(デジタル・トランスフォーメーション)人材の育成のためのガイドライン「DX人材育成ガイドライン―ノーコード活用の先進事例―」をエン・ジャパン株式会社(本社:東京都新宿区、代表取締役社長:鈴木孝二、以下エン・ジャパン)と共同で執筆し、無料で公開しました。本ガイドラインは、ITの専門知識がなくてもDX推進の実現を可能にする、ノーコードツールを活用したDX人材育成手法、DX推進事例などを、 京セラ株式会社、日清食品ホールディングス株式会社、日本航空株式会社、星野リゾートなどの企業事例とともに紹介しています。 「DX人材育成ガイドライン―ノーコード活
「手間がめちゃくちゃ減った」 郵送とオンラインのハイブリッド給付金申請、非エンジニアの市職員が開発 経緯を聞いた(1/2 ページ) 政府が国民に一律10万円を支給する「特別定額給付金」を巡り、兵庫県加古川市が開発した「郵送ハイブリッド方式」がTwitterなどで話題だ。マイナンバーカードを持っていなくてもオンラインで申請でき、郵送方式より素早く給付金を支給できるという。受付開始から5日で申請が1万件に上り、9000件は既に支給準備が整っている。 開発した市の担当者はエンジニアとしての職務経験などはなかったが「特に難しいことはせずに作った」という。経緯を聞いた。 郵送、オンライン方式の課題 特別定額給付金は郵送方式とオンライン方式で自治体が申請を受け付けている。郵送方式の場合は手作業による事務処理が自治体職員の負担になり、支給までに時間がかかってしまう課題がある。 オンライン申請の場合も、普
弊社では2019年3月ごろから「無人化システム」の駆逐を進めています。本記事ではこの取り組みを、組織マネジメントとエンジニアリングの側面から紹介します。 恐怖の無人化システム 「無人化システム」は社内の独自用語なので、まずは言葉の意味から説明します。 無人化とはなにか 無人化の前に属人化について触れておきましょう。weblio辞書から属人化について引用します[1]。 ある業務を特定の人が担当し、その人にしかやり方が分からない状態になることを意味する表現。 無人化は属人化の進化系です。無人化とは「属人化していた業務の担当者がいなくなってしまい、誰にもやり方が分からない状態になること」と定義できます。誰がどう見てもダメな状態ですね。 無人化システムとはなにか システム運用が属人化し、かつその運用者が退職するとシステムが無人化します。我々の会社ではこのようなシステムを『無人化システム』と呼んでい
『はじめよう! 要件定義 ~ビギナーからベテランまで』はそのタイトル通り、ソフトウェア開発に携わるエンジニアやPM向けに、要件定義の進め方について優しく解説してくれる書籍です。かわいいイラストと平易な文章がとっつきやすく、するすると読めてしまいますが、要件定義って何をどうやったらいいの?とお悩みの方に対して、まずはこれだけやっておくべき基礎知識を得ることができる、とてもわかりやすい内容になっています。 そしてそして、ここからが本noteの主な趣旨ですが、この3部作はデザイナー目線で読み解くと、極めて明瞭で本質的で実践的な、ユーザー体験設計とUI設計の進め方について学べるデザイン教則本と言えるのです。 以下、その理由と、本シリーズを使ってUIデザインを進めていく方法を実例を踏まえて解説していきます。 要件定義とはUI・機能・データを決めることいきなり『はじめよう! 要件定義 』のキモ・コンセ
えっとね、タイトルの直後だけど少し追記するよ。 田舎に住んでいたらサイボウズデイズを楽しめない訳じゃない。 田舎に住んでいたら先進的な働き方ができない訳でもない。 実際、地方の小規模企業でイケてるところをいっぱい知っている。取材したり、飲みながら話を聞いたりしてきた。 でも、そんなところばかりじゃない。 そんなところを選べる人ばかりじゃない。 ライター業が、つまんなくなったもうね、きっかけは私のエゴ。 コロナ渦でリアルイベントが減って、人とふれあうことが減って、正直、つまんなくなった。そこに体調不良が重なって、取材をするだけしたのに、2ヵ月くらい筆もとらずにゴロゴロ寝てばかりいた。記事にならないので、それまでにかけた交通費は持ち出しで赤字。原稿を書かないから信頼もがた落ち。幸いにして妻が稼ぎ頭なので、飢えずに済んだ。 パートのおばちゃんになった実は友人に、保育施設を経営している人がいる。彼
サイボウズ株式会社が主催する「Cybozu Days 2021」。その中で行われた、「kintone hive 2021」は、日々の業務でkintoneを活用しているユーザーが一堂に会し、業務改善プロジェクトの成功の秘訣を共有するライブイベントです。本記事では、創業120年を誇る老舗製薬会社・ロート製薬の柴田久也氏によるプレゼンテーションの模様をお届けします。営業部門が抱えていた課題と、それを乗り越えるためのkintone活用の工夫が語られました。 3つのフェーズで語る、kintone活用と定着までの取り組み 柴田久也氏(以下、柴田):みなさん、こんにちは。ロート製薬の柴田と申します。約40分間の講演にお付き合いいただけますと幸いです。 このセッションの概要です。大きく3フェーズに分けてお話しします。まず導入期では、なぜkintoneだったのか、そもそもなぜ検討しだしたのか、何が課題だった
こんにちは!フロントエンドエキスパートチームの@nus3_です。 kintone のフロントエンド刷新プロジェクト(フロリア)では、品質を保ったまま開発を加速させるためにフロントエンドのテストを積極的に行っています。 今回はそんなフロントエンドのテストの実装例をいくつか紹介します。この記事がフロントエンドのテストを行う上での参考になれば幸いです。 テストに使用する主なパッケージ コンポーネントのテスト 補足: Testing Library の記法をチェックしてくれるeslint-plugin-testing-library カスタムフックのテスト 補足: React v18 では @testing-library/react の renderHook を使う 参考リンク 色々なテスト事例 setTimeout を使うコンポーネントのテスト 補足: Storybook の story を使
yagisan-reports開発チームリーダーのterurouです。 デンキヤギでは yagisan-reports という「Webで使うことを前提とした」商用の帳票エンジンを開発しています(厳密にはyagisan-reportsはエンジン単体の製品ではなくクラウドサービスとして開発していますが、この記事では帳票エンジンとして記載しています)。 yagisan-reportsとは 「Webブラウザ単体で動作すること」にこだわっている帳票エンジン です。 2023年11月現在、アーリーアクセス版を提供しています。既に3社5システムで本番稼働しており、一番長いものでは3年ほど本番稼働を続けています。開発中のシステムも含めると、さらに数社あります。 元々はアーリーアクセス版の公開から早めにパブリックベータに移行する計画だったのですが、ありがたいことに早期から大口の導入相談が複数あり、こちらを優
平素は格別のご高配を賜り厚く御礼申し上げます。 2021年4月26日9時より受付開始された東京都の新型コロナウイルスワクチン接種のオンライン予約受付システム(以下 ワクチン予約受付システム)につきまして、状況についてご説明申し上げます。 ワクチン予約受付システムの仕組みについて 東京都からの受託事業者により構築された受付フォーム(別システム)を経由して、データが登録されるバックエンドとして、サイボウズ製品「kintone(キントーン)」を採用いただいております。 kintoneへのアクセスおよび稼働状況について 2021年4月26日 9:00より負荷状況を監視しており、現時点まででkintoneに起因する障害は発生しておりません。 ワクチン予約受付システムのアクセス過多は、kintoneへデータが入る前の段階で発生していたと認識しております。 個人情報の扱いに係る不具合について 2021年
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
こんにちは、kintone フロントエンドリアーキテクチャプロジェクト (フロリア) に所属している 21 新卒の西川 (@nissy_dev) と左治木 (@sajikix) です。 フロントエンド刷新プロジェクトへの配属から約 1 年が経ち、プロジェクトに関わる中で多くの学びがあったので振り返ってみました。 目次 自己紹介 西川です 左治木です kintone フロントエンドリアーキテクチャプロジェクト(フロリア)とは 配属されてみて実際どう? プロジェクトから学べたこと 小規模なチームでのスクラム開発 Testing Trophy を意識した QA とのテスト設計 アクセシビリティを考慮した UI の開発 現在取り組んでいること いきなり刷新プロジェクトに配属されるのってどう? チームに任された裁量が大きく、新卒でも技術選定やより良い設計の提案をしながら開発できる 新規開発した機能に
こんにちは、フロントエンドエキスパートチームのsakitoです。 本記事ではkintoneをマイクロサービス化するためのPoCプロジェクトにおけるWebフロントエンドの技術選定について紹介します。 プロジェクト背景 本記事で扱うプロジェクトは「kintoneマイクロサービス化Proof of concept(PoC)プロジェクト」です。 現在サイボウズの主力製品であるkintoneは大きなモノリシックなアーキテクチャになっています。 モノリシックなサービスに関わる人数が増えるに伴って、意思決定や開発速度の低下が課題となってきています。 モノリシックなアーキテクチャや組織によって起こる課題を、マイクロサービスとして切り離して小さくすることで解決ができるのではないかと考えました。マイクロサービス化にあたって、まずはPoCとして一部の機能をマイクロサービス化するプロジェクトを発足し、kinton
kintone フロントエンドリアーキテクチャプロジェクトリーダーの @koba04です。 昨年末から、kintone フロントエンドリアーキテクチャをプロジェクト(フロリア)として再構成してスタートさせました。フロリアという名前は社内での公募により決定しました。 今回はプロジェクトで目指していることについて紹介します。本プロジェクトの開始前に Cybozu Meetup で話したスライドや動画も公開されているのでよければ見てください。 speakerdeck.com www.youtube.com これまでの取り組みについては下記の記事にて紹介しています。 blog.cybozu.io 3 行まとめ フロリアのゴール 全てのページが React によって表示されている 現状 今後 フロントエンドが技術的にもチーム的にも分割されている モノリスな構成からの脱却 アーキテクチャとチーム(
Next.jsのISRを使って業務フローを変えた話 この記事は Next.js アドベントカレンダー 2020 の最終日の記事です。 本記事では、Next.js の ISR の機能を使って業務フローを変えた話を紹介します。Incremental Static Regeneration(以下、ISR) とは、Next.jsアプリケーションをビルドしてデプロイした後も、特定のページのみ定期的に再ビルドする機能です。 ISRでのリクエスト先は Google Apps Script(以下、GAS)にしました。GAS でスプレッドシートのデータを返却する API を作成したので、コードも併せて紹介します。 作ったものは書籍の一覧更新を自動化するもの 開発しているサービス「弁護士ドットコムライブラリー」を紹介します 私は仕事で 弁護士ドットコムライブラリーというサイトを開発しています。このサイトは弁護
3行で マネージャーが喜ぶ承認システム、 CTO いわく「マジ便利すぎて鼻血出る」 5時間かかっていた承認リードタイムが58分に短縮 コストは月当たり1ドル未満 はじめに はじめまして、 IT 戦略部システム開発グループの長谷川です。入社以来一貫して社内システムの内製開発に携わっています。今では当部署のマネージャーを務める身ですが、基本的には開発大好きアプリケーションエンジニアであり、メンバーとああでもないこうでもないと意見交換しながらコーディングに没頭する日々を過ごしています。 社内システムの内製開発? 社内システムは会計、人事、総務、法務…と多領域にわたり、担当者あたりのシステム数が必然的に嵩むため、それぞれの運用効率というものが強く求められます。その意味で、社内の主軸となるシステムは原則 SaaS で賄うべしというのが世の流れです。しかしながら SaaS が提供してくれる機能はあくま
都政の構造改革「未来型オフィス実現プロジェクト」では、都庁本庁舎に加え、事業所のオフィス改革を進めています。都民生活に密着した600を超える事業所にディスプレイなどの基礎的なデジタルツールを導入し、あわせてタブレットやローコードのような実践的なツールを導入することで、事業所の業務を変革していくことを目指しています。 2021年度、豊洲市場の水産物等の衛生監視の業務を行っている福祉保健局の市場衛生検査所において、都庁職員自らタブレットとノーコード/ローコードツールを使って業務の進め方をデジタル化しました。 「ノーコード/ローコード(no-code/low-code)」:専門的なプログラミングの知識がなくとも、簡易なアプリ開発等が可能なツールのこと 今回のnoteでは、市場衛生検査所の野口所長、高田統括課長代理、田中主任をはじめとする担当者のみなさまと、それを支援したデジタルサービス局の民間出
2019年7月6日、株式会社サイバーエージェントが主催するイベント「Battle Conference U30」が開催されました。30歳以下のエンジニアによる30歳以下のエンジニアのための技術カンファレンスである本イベントには、さまざまな領域で活躍する若手が登壇。企業の枠を超えて、自身の技術・事業・キャリアに関する知見を発表しました。「大規模フロントエンドの技術的負債と向き合う。」に登壇したのは、サイボウズ株式会社・外松俊尚氏。登壇資料はこちら 「技術的負債」といかに向き合うか 外松俊尚氏:はい。それでは「大規模フロントエンドの技術的負債と向き合う」というタイトルで、サイボウズ株式会社の外松が発表いたします。よろしくお願いします。 (会場拍手) 私は今、新卒3年目になるエンジニアです。今はkintoneというプロダクトの開発をしています。最近だとフロントエンドエキスパートチームという横断的
2019年7月23日、M-SOLUTIONSは新サービス「Smart at tools for kintone」の発表にあわせたkintone活用セミナーをサイボウズ社内で開催した。前半ではSmart at tools for kintoneとともにアニメイトグループでのユーザー事例が披露された。 かゆいところに手が届くSmart at tools for kintone kintoneパートナーとして積極的にシステム構築やコンサルティング、プラグイン提供を手がけるM-SOLUTIONS。代表取締役社長CEO 植草 学氏に続いて登壇した営業部の大島淑夫氏は、発表されたばかりのSmart at tools for kintoneについて説明した。 「ビジネスを、機敏に、スマートに!」を掲げる「Smart at」は2013年から提供しているM-SOLUTIONSのサービスブランド。7月22日に
こんにちは、フロリアでQAエンジニアをやっている中園です。 現在サイボウズでは kintone のフロントエンドリアーキテクチャプロジェクト(フロリア)と称して、Closure Tools から React へと置き換えるプロジェクトが進行中です。 フロリアの詳細については 次の記事をご覧ください。 今回は、フロリアのチームの一つで、利用者に気づかれない形で React への置き換えを行っている Mira チーム1の開発・テストフローの紹介をします。 "最速で" React に置き換えたい Mira チームはただ React に置き換えるのではなく「最速で React に置き換える」という目標があります。 フロリアの各チームはそれぞれのチームごとにオーナーシップを持っており、チームごとに意思決定を行っています。Mira チームでは「最速で置き換える」という目標に向かって、開発スピードを向上
こんにちは、フロントエンドエキスパートチームの @koba04 です。 本記事では、kintone の REST API を使うためのクライアントである @kintone/rest-api-client (以下 rest-api-client) の構成や工夫した点について紹介します。 本記事は rest-api-client の 1.6.0 のバージョンに基づいています。 @kintone/rest-api-client とは rest-api-client とは、kintone が提供する REST API を利用するためのクライアントライブラリです。 GitHub 上は kintone/js-sdk の Monorepo の 1 パッケージとして開発されています。 kintone/js-sdk での Monorepo 開発については下記の記事を参照してください。 https://blo
こんにちは、フロントエンドエキスパートチームの小林(@koba04)です。 本記事では、Lerna と Yarn Workspaces を使った Monorepo 管理について解説します。 Monorepoとは 本記事では、単一のリポジトリで複数のモジュールやパッケージ(今回の場合は npm パッケージ)を管理する手法を Monorepo と呼んでいます。 有名なところだと、Babel や Jest、Create React App などが後述する Lerna を使い複数パッケージを単一のリポジトリで管理しています。 他にも React も Lerna は使っていませんが単一リポジトリで複数パッケージを管理しています。 また、上記のようなライブラリ以外にも企業で利用している npm パッケージを Monorepo として管理している例もあります。下記は Shopify の例です。 pack
市町、自衛隊、DMATなどが収集した避難所情報を集約 新たに運用を始めたのは、市町職員のほか自衛隊やDMATなどがそれぞれ収集した避難所情報を集約し、物資支援やWebサイトでの情報発信などにつなげる仕組みである。2024年1月14日に新システムを稼働させ、同17日から各避難所情報にIDを割り振り、他システムと連携する本格運用を始める。 それぞれの機関が避難所情報を収集し入力するシステムの情報を集約した。具体的には市町職員らが入力する「石川県総合防災情報システム(EYE-BOUSAI)」、自衛隊が入力する「kintone(キントーン)」、DMATが入力する「災害時保健医療福祉活動支援システム(D24H)」である。 これらを、新たに開発した可視化アプリケーションにいったん集め、データの重複チェックやデータクレンジングを行う。当初集約したデータ数は約2800件あった。これらをシステムの自動チェッ
ランサーズ Advent Calendar 2020 24日目の記事です。 昨日は まなみん さんの 「思考発話法でUXリサーチをしてみた話」 でした。 概要 社員ではなく、1人のフリーランス人材(ランサー)として、ランサーズ社を手伝っています。 「こんなことをやってきたよ!」という話を、書ける範囲で書きます。 CRM(顧客管理)x データ活用 の案件を主に担当しています。 注意 本稿は筆者個人の見解に基づく内容であり、関係組織を代表するものではありません。 不適切・考慮不足だと感じさせてしまう点があれば、それは筆者個人の責任によるものです。 どうぞ筆者個人宛てにご指摘のコメントをいただけますと幸いです。 もくじ 概要 注意 もくじ きっかけ 案件1:顧客セグメント可視化 案件2:社内システム改善 案件3:オープンデータ活用 その他:データプラットフォームのメンテナンス性向上 意識している
サイボウズの総合イベント「Cybozu Days Tokyo」内で開催された、対戦形式でkintoneカスタマイズのアイディアを披露するセッション「kintone hack」。予選を勝ち抜いた挑戦者たちがチャンピオンを目指して、華やかな演出と共にプレゼンテーションを行います。本記事では「電話が大嫌い!」と公言する、株式会社KDDIウェブコミュニケーションズの高橋克己氏による、ビジネスユーザーのためのまったく新しい電話のシステム「kinfone」のプレゼンの模様を公開します。 ビジネスユーザーのための、新たなる電話システム「kinfone」 高橋克己氏:みなさん、こんばんは。KDDIウェブコミュニケーションズの高橋といいます。今日みなさんにご紹介するのは、ビジネスユーザーのためのまったく新しい電話のシステム。その名も「kinfone」でございます。素晴らしいネーミングですね。 このkinfo
こんにちは、グローバル向けAWS版kintoneのバックエンドエンジニアをしている@ueokandeです。 8月になって暑い日々が続きますね。そして8月と言えば、Amazon Aurora MySQL-Compatible Edition version 1 with MySQL 5.6 compatibility(以下Aurora MySQL 5.6)のサポート終了までおよそ半年となりました。 グローバル向けAWS版kintoneでは、Aurora MySQL 5.6を採用しているバックエンドサービスがいくつかあり、チームで移行作業に取り組んできました。この移行作業は単なるアップグレードだけではなく、ダウンタイムなしでデータベースを移行するチャレンジにも取り組みました。この記事ではAmazon Auroraの移行作業の全貌と、移行戦略を紹介します。 Aurora MySQL 5.6のサポ
kintone フロントエンド刷新プロジェクトリーダーの @koba04 です。この記事では kintone フロントエンド刷新プロジェクトにおける Web パフォーマンス方針について紹介します。 kintone フロントエンド刷新プロジェクト(フロリア)とは プロジェクトの現状 なぜ Web パフォーマンスに取り組むのか Web パフォーマンスと生産性 kintone においての Web パフォーマンス 誰もが利用可能にするための Web パフォーマンス Core Web Vitals をメトリクスの中心に Core Web Vitals とは ローディングのパフォーマンス インタラクティブ性 レイアウトの安定性 なぜ Core Web Vitals を計測するのか SpeedCurve を活用した計測 Web パフォーマンスに取り組みやすい状態を作る これから 参考 kintone フ
サムネイル こんにちは!kintone のフロントエンド刷新プロジェクト(フロリア)の@nkgrnkgrです。 フロリアでは、kintone のフロントエンドの ClosureToolsで書かれたコードを React に置き換えています。 本記事では フォーム画面の UI の状態管理に使うライブラリを選定する際に、どのような検証と意思決定を行ったかについて紹介します。この記事が UI の状態管理を行う際に何かの参考になれば幸いです。 kintoneのアプリ作成フォーム はじめに アプリ作成フォーム画面 アプリ作成フォーム画面とは? ユーザーの操作と状態管理で考慮すべきこと ライブラリを選ぶ上での前提 今回の選定で考慮したライブラリの種類と特徴 3つのライブラリの特徴 Redux(ReduxToolkit) について Zustand について Jotai について 利用状況とプロダクト要件を
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く