axiosのpostリクエストをginで受け取る

React Go言語

Reactでaxiosからgolang＋ginのAPIサーバにpostリクエストを送る時にこんな感じ↓でaxiosからpostされてきた値を受け取ろうとしてうまくいかなかった。 ginで作ったサーバサイド func (pc Controller) Login(c *gin.Context) { param_name := c.PostForm("nam…

2020-07-23

Goの独自パッケージimportメモ

Go言語

個人開発でGo＋Gin＋GormでAPIサーバを作ろうとした際に、コードを独自パッケージに切り出した。パッケージの扱いが多言語とちょっと違って戸惑ったのでメモ。やろうとしたこと最初main.goに書いていたGormでのMySQLへの接続処理をdbパッケージに、Ginで…

2020-07-10

useEffect、useStateでhttpリクエストを飛ばしてrenderする時のテスト

React Javascript

useEffect、useStateでhttpリクエストを飛ばしてレスポンスの内容を元にテーブルの内容を描画する画面を書いていた。で、レスポンスを元に表示した内容をテストしたかった。よくありそうな話だしすんなりいくだろう、、と思ったら思いの他苦戦したので作業…

2020-07-09

js側でPCとスマホ、タブレットの表示分ける

React Javascript

スマホ、タブレットで表示を変えるときにCSSで@media指定して制御するのはよくやるけど、要素の順番とか配置等ガッツリ見た目に変更足したい時があった。 CSSだとスマホの時に要素の並び替え変えるのはflex指定すればできたりするけどどうも綺麗にいかなかっ…

2020-07-08

TypeScript＋jest＋enzymeでのテスト環境構築

React Javascript Rails

Rails＋webpacker＋Reactのフロントにテストコードを導入した時のメモ。結構やることがあった。。最近はReactのテスト環境の動向調べると、テストフレームワークjestにテストユーティリティツールのEnzymeの組み合わせがメジャーっぽいので素直に採用した。…

2020-07-06

Rails＋webpacker環境で「default is not a constructor」のエラーが出た時の対応

React Rails

ビデオ通話機能を実装するためにskyway-js というライブラリをRails＋webpacker＋Reactのサービスにインストールしたときにエラーが出て軽くハマったのでメモ。エラー内容 Rails＋webpacker＋Reactの環境でyarn add skyway-jsを実行。それをimportするとこ…