はじめに みなさんこんにちは。プロダクト開発部部長 / フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、迅速にプロダクトの価値を届けるために欠かせない、ロカオプが重要視しているCI/CDについてお話します。 CI/CD CI/CDは、Continuous In…

React npm ライブラリ/パッケージの作成入門からnpm公開まで（RollupとTypeScript編） こんにちは、皆さん！今日は、RollupとTypeScriptを使用してReactのnpmパッケージを作成し、exampleディレクトリで動作確認する方法について詳しく説明します。この記事…

みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 ローカル環境などでコンテナを使用していてMySQLを利用している場合に、GPG Keyの期限切れでapt-get updateなどが動かない場合は、apt-get updateをRUNする前に、以下のコマンド…

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、SaaSプロダクトにとって重要な「アウトカム」について考えてみたいと思います。 「アウトカム」という言葉 皆さんは、「アウトカム」という言葉をご存知ですか？ 「…

はじめに ロカオプの縣です。一番好きなJavaScriptの関数はpostMessageです！ ちょい前にiframeでの埋め込みでスクロールバーを出さずにピッタリの高さに中身とiframeの高さを同期が必要な要件がありました。 その際にResizeObserverとpostMessageを使ってう…

概要 01. 過剰なProp Drilling 02. 過剰なimport 03. component内に過剰にビジネスロジックを記述する 04. 過剰なre-render 05. ナンニデモuseEffect 06. ナンニデモ && 07. ナンニデモ三項演算子 08. propsをそのまま使用する 09. React.VC、React.VFCを使…

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、VSCodeからGoogle Apps Script を操作する素地を作ったので、記事にしようと思います。 スプレッドシートの作成 今回編集したいのはスプレッドシートのGASなので、…

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 最近、バウンスメールの対応を行なっていたのですが、バウンスメールにはSMTPステータスコードが記載されています。 このコードを元に、バウンスの原因が日本語でわかるよう…

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、新たにER図を作成する際に、Mermaid.js の書き心地や、見た目が良さそうだったので、VSCode上で書いたりプレビューできるようにしてからER図を書いてみたので、記事…

概要 みなさんこんにちは。フルスタックエンジニアの高瀬 @takasehiromichi です。 今回は、Reactのディレクトリ構成について再考する機会があったので、記事にしようと思います。 なお、技術スタックについては以下の記事を参照してください。 tech.locaop.…