2019-01-01から1年間の記事一覧

大量にstate定義するときに毎回useStateを使うと辛い

繰り返しけどReactでhooks使って書きたいよね Reactのversionが16.8以降ならHooksを使って書くことができますね (2回目) reactjs.org useStateはいい って話は昨日しました https://zwzw.hatenablog.com/entry/2019/11/24/175427?_ga=2.153461688.1824511460…

useStateでの型定義

tl;dr flowでuseStateで定義したstateに型をつけるにはこう書けばOKです // @flow const [name, setName] = useState(''); (name: string) Reactでhooks使って書きたいよね Reactのversionが16.8以降ならHooksを使って書くことができますね reactjs.org Reac…

AWS Hands-on for Beginnersで初めてのサーバレスアーキテクチャ

やったこと 最近公開されたAWS Hands-on for Beginners 〜Serverless 編〜を受講しました! ハンズオン資料 | AWS クラウドサービス活用資料集 何を作るの? Lambda + API Gateway + DynamoDB + Amazon translateで日本語を英語に自動翻訳するサービスを サ…

flowのSyntheticFocusEventにはtarget propertyはない

やりたかったこと ユーザーがフォームに入力をして、フォーカスが外れたタイミングで stateを更新するってのをhooksで書こうとしてました cosnt [state1, setState1] = useState<string>(''); function _onBlurHandler(event: SyntheticFocusEvent) { setState1(even</string>…

React.fragmentを省略する方法

<> ←これ Pull Requestのレビューをしていたらこんなコードにであいました <> <div> foo bar </div> <div> hogehoge fugafuga </div> <> ってなんだろって思って調べたところReact.fragmentの省略形だそうです The only difference is that older versions of the JSX Babel plugi…

AWS / インフラエンジニアのスキルアップとキャリア戦略に参加してきました!

参加したイベント これです 「インフラエンジニアのキャリア最前線」@AWS 〜アーキテクト、マネージャー、フリーランスが語る〜 - connpass 五反田バレーという一般社団法人と品川区が主催するエンジニア向けのイベントです AWS Loft Tokyoで開催されました …

英語メモ jerk

jerk 意味 ひどいやつ、嫌なやつ 例文 You're such a jerk! 参考にしたサイト hapaeikaiwa.com

railsでcssに書いたpathはapplication.css内で解釈される

imageが表示されなかった css内で .example { background-image: image-url("hogehoge.png") } とか書いていたら本番環境で画像が表示されなかった assetsの配信方法 ディレクトリ構成は↓みたいな感じ sample-app app assets stylesheet application.css . .…

JavaScriptのimportのpathでディレクトリを指定するとindex.jsを探しに行く

こないだhogehogeディレクトリ内のhogehoge.jsという名前のcomponentを予防としてました 構成はこんな感じ↓ component hogehoge hogehoge.js index.js このcomponentは他のreact componentからも呼び出されていて、他のcomponentから呼ばれた時は setStateが…

JavaScriptのアロー関数はthisをbindしてる

jsのアロー関数ってありますよね function() { hogehoge fugafuga } って書く関数を () => { hogehoge fugafuga } って書くことができます 僕これただ関数を短く書ける記法としか思ってなかったんですが違うんですね 呼び出されたスコープのthisをbindしてい…

11月3日(日) 東京6R 振り返り

結果 race.netkeiba.com 勝ち馬は1番人気のメートルムナール 本命のスルーザリミッツは直線で徐々に離されて4着 外した原因 ダンチヒ * ダンチヒの父も母父の欧州型だったので血統フィルタで弾いていた さらに厩舎もA-Y型の安田隆厩舎だったので1番人気だが…

11月3日(日) 東京6R 2歳新馬戦

レース 東京6R2歳新馬戦 ダート1300m 左回り 馬場: 良 選んだ理由 昨日に引き続き本に習って新馬戦をやると決めていた 最近ダートの方が続いていたので(ほんの僅かでも)知見が活かせるかもしれない データ スタート直後に緩やかな登り、そのため速度は速くは…

11月2日(土) 京都6R振り返り

結果 2歳新馬 レース結果 | 2019/11/02 京都6R レース情報(JRA) - netkeiba.com 1着は厩舎フィルタで消したマティアス サダムスキャットは1馬身ちょい離されて2着だった はずした原因 マティアスはA-Y型の本田厩舎だったので切ったがそれだけで切っては行け…

11月2日(土)京都6R 2歳新馬戦

レース 京都6R2歳新馬戦 ダート1400m 右回り 馬場: 良 選んだ理由 令和の馬券会計学を読んで新馬戦か未勝利戦をやろうと思っていた 1番人気が1倍代、2番人気が12倍代で過剰人気感があった 前回も京都の短距離ダートを予想していたので反省が活かせそうだった…

JavaScriptは変数名を展開してkeyにできる

タイトルのまんまです jsでは変数名を展開してkeyにできる どいうことかというと const a = "key" let b = {} とある時に b[a] = "value" // b = {"key": "value"} とできる Reactでhandler書く時に handleChange = (e) => { this.setState({ [e.target.name…

JavaScriptのドット三つ three dots ...

JSの... js書いててたまにみるこれ→ ... こういうのググるときになんて調べたらいいのかわかんなくてよく困ってます 記号を検索に適応する方法を調べろって話なんだが 今回は 「javascripts three dots」とかで出ました 雑にめも 役割は二つ 引数で長さが不…

10月20日 (日)京都12R 大山崎特別 振り返り

結果 https://race.netkeiba.com/?pid=race&id=c201908040712&mode=result ケプラーだったー 最初のフィルタでは残ってたのに、、 外した原因 米国系の血統が父か母父にいない馬は馬券になっていないから外したがそこがミスだった 国系統よりは血統系統を重…

10月20日 (日)京都12R 大山崎特別

レース 京都12R 大山崎特別 - ダート1200m 右回り - 馬場: 重 選んだ理由 時間的に、東京・京都・新潟の3会場の10 - 12レースのどれか 昨日は16頭立て以上のレースでフィルタしたけど単勝一点に絞るならあんまり気にしなくていいかと思い直した 全9レースの…

10/19 (土) 京都11R 室町S 振り返り

結果 https://race.netkeiba.com/?pid=race&id=c201908040611&mode=result 本命のヒロシゲゴールドは、、 12着.............. 1着は2頭に絞ったうちの片方、モンペルデュでした 単勝は230円 はずした原因 これはゲートに尽きるかと 最近8レースはスタートす…

10/19 (土) 京都11R 室町S

レース 京都11R 室町S ダート1200右回り 馬場状態:重 選んだ理由 予想を開始した時点で全会場8レースまで終わっていた 残りの3会場 * 3レースの中で16頭以上出走するのは東京と京都のメインだけ (頭数多い方が荒れるという仮説) 東京メインはG3で強い馬が…