RIT Tech Blog

株式会社RITのエンジニアが知見を共有する技術ブログです。

2022-11-07から1日間の記事一覧

React Navigationで遷移元に応じて戻る先を変える

React Navigationで、ネストされたStackの遷移元によって戻る先を出し分けたい場合があったので、その対処法を記事にしました。 環境 Expo TypeScript ReactNavigation セットアップ 型安全なプロジェクトを作成します expoプロジェクトを作成 $ expo init n…

インターフェース分離の原則とは何か

エンジニアの前田です。 インターフェース分離の原則とは オブジェクト指向で用いられる五つの原則の頭字語である、SOLIDのうちIの部分です。 不要なインターフェースに依存することを避けるべきという原則です。 不要なインターフェイスとは? 例えば以下の…

リスコフの置換原則とは何か

エンジニアの前田です。 SOLIDの原則のLにあたる「リスコフの置換原則」を調べてみました。 概要 リスコフの置換原則とは、 is a関係にあるクラスを定義する時に、サブタイプのオブジェクトはスーパータイプのオブジェクトの仕様に従わなければならない、と…

Prisma × PlanetScale × Netlify で PlanetScale入門

エンジニアの岸本です。 現在、総額1億500万ドル(約120億円)を調達したことで話題になった、「PlanetScale」というサーバーレスデータベースを皆さんご存知ですか? docs.planetscale.com 今回は簡易掲示板を実際に作りながら、PlanetScaleの導入から使用…

ZENDESKのexternal_idをZENDESK上から変更できるアプリをつくる

こんにちは。RITの関です。 ZENDESKのアプリを作成したのでその方法を紹介します。 基本的には下記の公式ドキュメントと https://developer.zendesk.com/documentation/apps/getting-started/overview/ 下記のZENDESK公式ブログ https://developerblog.zende…

バグと戦う

問題が発生しデバッグをする必要があるときに、今、自分にはどの選択肢があり、何をして、何を解決できるのか、体系的にまとめる試みです。 ただ今回は、バグを修正するよりも、問題の特定に焦点を当てて、まとめてみようと思います。 体系的にデバッグ手法…

Git の ブランチ管理は VS Code の Source Tree で GUI 管理すると楽チンになる

こんにちは。エンジニアの岸本です。 日々開発をしていると、git add .コマンドを叩いて意図しないファイルをステージングエリアに追加した経験は、エンジニアなら誰しも経験したことがあると思います。また、git commitでコメントを記述している最中に、文…

Blitz.js 迷った時のディレクトリ構成

こんにちは。エンジニアの岸本です。 Blitz.jsを使って開発をしている時に、「このファイルはどこに配置しよーかなー」と悩んだことはないでしょうか? 私は多々あります。主にutilsか?それともservicesか?とか。 感覚値で配置場所を決めてたこともあった…

Gitでディレクトリの大文字小文字の変更が認識されない

こんにちは、RITエンジニアの三浦です。 Gitでディレクトリの大文字小文字の変更を反映するのに苦戦したので、解決方法を記します。 原因 解決策 方法①:renameで認識させたところだけをcommitする 方法②:一度全く別のディレクトリ名に変更する まとめ 原因…

Github Actionsを触る

業務の中で特定のリポジトリへpushした際に任意の処理を行う必要が出てきました。 そういう時に活躍するのが「Github Actions」。 もちろんpushだけに限らず、特定のリポジトリへpushされた時や、毎日決まった時刻に任意の処理(テストしたり、ビルドしたり …

【Next.js × CSS Modules × ReactBootstrap】CSSフレームワークの管理から外れずにカラー変数を定義して、エンジニア、デザイナー間で共通認識を取る

エンジニアの三浦です。 業務で新規サービスを構築する中で、カラーコードの定義方法のベストプラクティスがわからず、手戻りが発生するケースがあったので、自戒も込めて記事に残します。 経緯 基本的にWebアプリは特定の色に制限して配色を決定します。 よ…

CORS(Cross-Origin Resource Sharing)とSOP(Same-origin policy)について

こんにちは。エンジニアの岸本です。 個人的な開発をしていて、linkタグで @font-face を使った Web フォントの読み込みをする際に「crossoriginが付与されていませんよ!」警告を頂戴した。何となくで理解していたcrossorigin属性の存在意義を調べるうちにC…

React Bootstrap(v2.1.0)のAccordionで複数のAccordion Collapseを同時に開閉するボタンを作る

こんにちは。RITの関です。 React BootstrapのAccordion.Collapseを同時に開閉するボタンを作るという実装に少し苦労したので、その方法を紹介します。 ※この記事は下記記事のreact-bootstrap 2.~版の実装方法です。react-bootstrap 1.6~版を使われている方…