これはなに リッチなエディタとしてajaxorg/aceというものがあり、Reactから使おうとするとsecuringsincity/react-aceが便利。 react-aceが提供するコンポーネントをラップするような独自のコンポーネントを実装する。 具体的には、以下の三点。 ファイルタ…

まとめ Routeに異なるkeyを設定する <Route exact key={'new'} path={'/posts/new'} component={EditPostComponent} /> <Route exact key={'edit'} path={'/posts/:id/edit'} component={EditPostComponent} /> <li>などでリストを表示したときにkeyを設定してないとwarningが表示されるが、それと同じことが起きていると思えばよい。 https://reactjs.org/docs/lists-and-keys.html#keys サ…</li></route></route>

何番煎じかわからないが実装してみたから残しておく。 やりたいこと Reactのカスタムhookとして実装する フォームのバリデーションをする フォームをなるべく共通化する onSubmitとかonChangeについては共通化する JSXやスタイルについては共通化せず個別に…

2019/07/01にArm Treasure Data株式会社に入社していました。 ｼｭｯ pic.twitter.com/jX9qq54Ygs— こむ (@petitviolet) 2019年7月1日 丸4ヶ月経ったところです。 経緯とか 転職を考えていた頃にタイミングよくスカウトメールが来てｵｯてなって応募してみたら受…

以前こんなエントリを書いた。 petitviolet.hatenablog.com が、最近はpecoからfzfに大体を移行している。 主な理由はfzfについているpreview機能が気に入ったからで、ファイルやGitをインタラクティブに選択する際にpreviewが出来ると助かることが多いため…

2019/06/30を持ってFringe81株式会社を退職します。 最終出社でした。ありがとうございました！ pic.twitter.com/YRvrLUhBXn— こむ (@petitviolet) May 24, 2019 2015/04/01で新卒入社したので4年と3ヶ月の在籍ということになりました。 お世話になった方々…

「ピュアなドメインを支える技術」というタイトルで発表してきました。 2019.scalamatsuri.org ScalaMatsuriは2017で発表して以来だったので楽しみにしてました。 petitviolet.hatenablog.com 資料 内容としては関数型プログラミング + CQRSという感じでDDD…

Scalaのオブジェクト同士を比較する際に、==を使って比較することは出来るが、同値かそうでないかしかわからない。 そこで、具体的に何がどう変わったのかをジェネリックに取得するライブラリを作ってみた。 こんな雰囲気で使える。 $ amm Loading... Welcom…

社会人4年目の振り返り。 昨年度のはこれ。 petitviolet.hatenablog.com エンジニアとして 相変わらずサーバサイドでScalaを書くことがほとんど。 GraphQLを実戦投入出来たし、FPとかDDDらへんも深めることが出来た感覚。 GraphQLについてはGraphQLナイトとS…

自分のポートフォリオ的なWebサイトとしてhttps://www.petitviolet.netを作っている。 www.petitviolet.net もともとはHTMLべた書き + Bootstrapで作っていたが、GatsbyJSを使って作り直してみた。 www.gatsbyjs.org たいして更新することもないので静的サイ…

2019/02/21にMicrosoft品川オフィスで発表してきました。 イベントページはこちら。 microsoft-events.connpass.com 今発に携わっているプロジェクトでMicrosoft Azureを使っていることもあり、お声がけいただいてセッションしてきました。 ありがとうござい…

昨年11月と今年1月に社内勉強会でKubernetesと12factor appについて話した資料があるのでそれをはるだけのポスト。 Kubernetesを知る いま開発しているプロダクトではKubernetesを採用していて旗振り役っぽいところもあったのでチーム向けにハンズオンやった…