GROWI

【管理者必見】業務効率化のためのGROWIカスタマイズ方法

はじめに

こんにちは、システムエンジニアの かおり です。
今回は、弊社が提供するナレッジ共有サービス「GROWI」のカスタマイズ方法について取り上げます。
これから GROWI を組織に導入しようとしている方や既にGROWIを運用している管理者向けの記事となっています。
ワクワクするような自分好みの GROWI にカスタマイズしたり、作業効率アップに役立てていただければ幸いです。

続きを読む

【GROWI】可変的なAPI rate limitを実装する

はじめに

こんにちは、インターンの手塚です。今回は、GROWIに新たに実装されるAPIの制限について書いていきたいと思います。APIの制限とは、機械的にたくさんのリクエストが一気に送られるのを防ぐ機能です。そのために特定のエンドポイントに対して、一定時間内に一定回数以上のリクエストが送られたときに429 too many requestのエラーを返します。

続きを読む

シングルサインオンでユーザーの認証情報をまとめて管理

はじめに

こんにちは、Ryo です。本記事では、弊社サービスの GROWI.cloud でマネージドサービスとして提供している Keycloak と 情報共有ツール GROWI との連携方法について、シングルサインオンや SAML の認証フローも交えて解説します。

GROWI をご利用中の方で SAML 認証の設定にお悩みの方や、情報共有ツールをシングルサインオンの機能も込みで導入したいと検討されている方はぜひこの記事をご覧ください。

続きを読む

【GROWI ファン向け】GROWI の開発に参加する方法

皆さんこんにちは!WESEEK ソフトウェアエンジニアの 増山 です。

今回のブログでは、WESEEK で絶賛開発中の OSS Wiki システム GROWI の開発に参加する方法を解説していきたいと思います。

参加する目的別に主に5種類の方法が存在するので、それら全てについて説明します。

続きを読む

【webpack】GROWIにおけるwebpackの設定について

はじめに

こんにちは、インターン生の手塚です。

今回はGROWIにおけるwebpackの設定について、調べてみたので記事にします。この記事はGROWIにおけるwebpackの設定に着目しているのでwebpackの基礎知識や、使い方の詳細は説明していません。webpackについてある程度の知識がある人に、プロジェクトへの活用例として参考にしてもらえればなと思っております。

webpackは設定が複雑で、そのため「webpack職人」と呼ばれる人たちが存在します。本当は、誰もが簡単に設定できるのが理想であり、Next.jsなどでは一部を自動的にやってくれたりもしています。ですが、まだwebpackがweb開発におけるモジュールバンドラーとして多く用いられているのは事実であり、webpackの知識は持っていて損はないでしょう。ということを先輩に言われたのでそういう思いで勉強しました。

続きを読む

React&SWRでレンダリング時のチラつきを撲滅する3つのテクニック

ステータス 有用度 日時 備考
公開 ⭐⭐⭐ 2022/06/14
更新 ⭐⭐⭐ 2022/09/30 SWR 2.0 に関する追記

UI flickering はイケてない

WESEEK エンジニアの武井です。

みなさん、フロントエンドプログラミングやってますか?
今回のネタは「UI flickering」。React の初回レンダリングやステートを更新した際、こんな感じの挙動してないでしょうか。

react-ui-flickering-when-state-updated

出典: https://stackoverflow.com/questions/55032136/react-ui-flickering-when-state-updated

この一瞬今描画しているアイテム消えてパッと次のアイテムが出てくるまでの一瞬の間が見える現象、こちらが「UI flickering」です。

和製英語だと「UIフリッカー」とか言われる事もありますがあまり一般的ではなく、「カクつき」「チラつき」みたいな表現の方が馴染みがあるかもしれません。

UI flickering は、普通に React で Backend/DB からデータ取ってきて更新するコンポーネントを何も考えずに書くと大体起こってしまいます。UI/UX が壊滅的に悪くなるものではないのでプロダクト・実装箇所によっては許容されるかもしれませんが、イケてるかイケてないかで言えばやっぱりあんまりイケてない部類に入ります。

今回はそれを撲滅するための3つの Tips を紹介します。

続きを読む

semver(Node.jsライブラリ)のチートシートと実例紹介

はじめに(執筆の動機)

GROWI.cloud は、弊社が主に開発し、 OSS として GitHub に公開されている GROWI を、 SaaS としてクラウド版提供するサービスです。
本サービスでは、サービス上で立ち上げる GROWI のバージョンを適切にコントロールするために npm で公開されている semver ライブラリを利用しています。
実装の際に調べてみたところ、https://devhints.io/semver など semver の概念のチートシートはありましたが、Node.js の semver ライブラリの日本語版で分かりやすいチートシートや参考記事が少ないなと感じたため、今後の誰かのためになるならと思い執筆しました。
ご参考になれば幸いです。

続きを読む

Chromeの検索エンジン設定を活用して検索を素早く行う

はじめに

こんにちは。 田村 です。

今回は、 Google Chrome の検索エンジンの設定をして、素早く Google 英語版検索を行えるようにしたいと思います。

今回の記事は、 Google Chrome のみが対象です。 Firefox を始めとするその他のブラウザでは検証していません。執筆時に確認した Google Chrome のバージョンは、 102.0.5005.62 です。

続きを読む

【これさえ知っておけばいい】GROWI のおすすめ設定&便利機能8選!

GROWI Logo

皆さんこんにちは!WESEEK ソフトウェアエンジニアの増山です。

今回は、GROWI を使うにあたってこれさえ知っておけばいい基礎知識をまとめました。GROWI は多機能 Wiki であるがために、どうしても「何から手をつけたらいいかわからない...」なんてことがあるかと思います。

この記事で GROWI を便利に使うための情報を、効率よく学んでいってください!

続きを読む