はい!今やってます!

Work Pertly, Live Idly

アプリケーションのベースパスを変更する

https://hoge.com などで作成していたアプリがあったとして、 https://hoge.com/fugaをルートURLとしてサービス運用したい場合、 ReactRouterのbasenameを指定してやると簡単に切り替えが可能。

import { BrowserRouter } from 'react-router-dom';
<BrowserRouter basename="/fuga">
  {省略}
</BrowserRouter>

のような感じ

採用のためのKPIツリー(途中)

母数増やす

スカウト(基礎)

エージェント(基礎)

アトラク

  • アトラクトの要件定義
  • アトラクトのタッチポイント(記事 / 媒体 / エージェント / 求人 / カジュアル面談 / 面接 / メンバーフィッティング)

母数の質を上げる

  • 自己応募の質を上げる
  • エージェント

カジュアル面談の数を増やす

  • 採用媒体(記事/媒体/エージェント/求人)でのアトラク

選考に進んでもらえる人を増やす

  • カジュアル面談でのアトラク
  • 採用ポジションの明確化

面接通過の判断基準を磨く

最終面接の件数を上げる

内定承諾件数を上げる

その他

仮説

  • 各ポイントでアトラクトが必要になってくるので、まずそこを磨くのがよいのでは?

レガシーなRailsアプリにとりえあずReact, TypeScript入れたときのメモ

react-railsのgemは使いたくなかったので、使わない方式です。

  • webpackerでReactとTypeScriptをインストール
$ bundle exec rails webpacker:install:react
$ bundle exec rails webpacker:install:typescript
  • tsconfig.jsonを修正してSyntheticDefaultImportsを有効にする
"allowSyntheticDefaultImports": true
  • 生成されたファイルの拡張子を変更
mv hello_react.jsx hello_react.tsx
  • ファイルを編集
// Run this example by adding <%= javascript_pack_tag 'hello_react' %> to the head of your layout file,
// like app/views/layouts/application.html.erb. All it does is render <div>Hello React</div> at the bottom
// of the page.

import React from 'react'
import ReactDOM from 'react-dom'
import { Hello } from './components/pages/Hello'

document.addEventListener("DOMContentLoaded", () => {
  ReactDOM.render(
    <Hello/>,
    document.body.appendChild(document.createElement("div")),
  )
})
  • erbにタグ記述
<%= javascript_pack_tag 'hello_react' %>

※jsxの時に起動してしまってると、変なキャシュが動いててtsxでエラーが出るということが発生した。serverを立ち上げ直すなどしたらなおった。

既存Railsアプリに後からReactとTypeScriptを導入する | もふもふ技術部

Webpacker で React + TypeScript - Qiita

以上