Rails7のアプリでJSのビルドツールはesbuildを使用します。 環境構築の方法はこちらを参照ください↓↓ www.mof-mof.co.jp ReactとTypeScriptをインストールする 1. 以下のコマンドで必要なパッケージをインストール yarn add typescript react react-dom reac…

今回はTypeScriptで「DateRange型」のような型を作る利点とその正しさを保証する方法を書きます。 DateRange型の例 type DateRange = Readonly<{ since: Date; until: Date; }>; 利点について Domain Modeling Made FunctionalはF#で関数型によるDDDを実践す…

この記事について この記事は、全5回の第5回です。 RedwoodJSに入門してみた（第1回: アプリ作成〜モデル作成） RedwoodJSに入門してみた（第2回: CRUD作成 API編） RedwoodJSに入門してみた（第3回: CRUD作成 WEB編） RedwoodJSに入門してみた（第4回: dbAu…

この記事について この記事は、全5回の第4回です。 RedwoodJSに入門してみた（第1回: アプリ作成〜モデル作成） RedwoodJSに入門してみた（第2回: CRUD作成 API編） RedwoodJSに入門してみた（第3回: CRUD作成 WEB編） RedwoodJSに入門してみた（第4回: dbAu…

この記事について この記事は、全5回の第3回です。 RedwoodJSに入門してみた（第1回: アプリ作成〜モデル作成） RedwoodJSに入門してみた（第2回: CRUD作成 API編） RedwoodJSに入門してみた（第3回: CRUD作成 WEB編） RedwoodJSに入門してみた（第4回: dbAu…

この記事について この記事は、全5回の第2回です。 RedwoodJSに入門してみた（第1回: アプリ作成〜モデル作成） RedwoodJSに入門してみた（第2回: CRUD作成 API編） RedwoodJSに入門してみた（第3回: CRUD作成 WEB編） RedwoodJSに入門してみた（第4回: dbAu…

はじめに 今回から、全5回でRedwoodJSを使ってみて、その概要と所感などを公開していく。 RedwoodJSに入門してみた（第1回: アプリ作成〜モデル作成） RedwoodJSに入門してみた（第2回: CRUD作成 API編） RedwoodJSに入門してみた（第3回: CRUD作成 WEB編） …

やりたいこと React Nativeのアプリで 画面遷移はReact Navigationを利用しており ノートアプリのように、一覧画面と詳細画面があるようなアプリで 詳細画面（子画面）で行った変更に合わせて一覧画面（親画面）の情報(state)を書き換えたい これがReact Nav…

react-rails gemを使う方法 react-rails gemを使わない方法 TypeScriptを導入する 今回は、弊社メンバーが研修時に実装した課題のアウトプットがちょうど良かったので、そこに後からReactとTypeScriptを導入していきます。 この課題は、万葉さんが公開してい…

普段はApolloを使っているのですが、GQlessというものがあると聞き試してみました。 パッと見てめちゃくちゃ便利そうだったので、そのあたり紹介できればと思います。 コードはここに置いておきました。 https://github.com/yubachiri/play-gqless 特長 環境…

最近ホットなBlitzに入門します！ 公式チュートリアル(アンケートサービスみたいなものを作ります)に沿って進めていきますので、困ったら公式見てください() https://blitzjs.com/docs/tutorial ただ、バージョンが違うと自動生成されるコードが違ったりする…

あるものがどれくらいクリックされたかを計測したかったんですが、多少詰まったのでポイントを置いておきます。 技術スタックは - Nuxt: 2.12.2 - TypeScript: 3.8.3 - @nuxtjs/google-analytics: 2.2.3 といった具合です。 詰まったのは、あちこちで紹介さ…

バックエンドはRuby on Railsを主に使っていますがフロントエンドはフレームワークをあまりつかっていないことに気づいたので試してみる 環境構築 TypeScriptを導入する tsconfig.jsonを作成する Firebaseでユーザーをいい感じに認証させる ユーザー認証 Rec…