2017年2月23日木曜日

jsでimport/exportをするときには、fromに指定するのは"hoge"みたいに普通の文字列じゃないとダメだよ的なお話

  • このエントリーをはてなブックマークに追加

Reactでimport/exportを頻繁に使うことがある。
特にconfigを分けてやるみたいな。

もちろん分けてNODE_ENV=みたいな形で別々にファイルを読み出してあげればいいよね的な。
けど注意しておくことがあるので今日はそのお話をば。

2017年2月21日火曜日

ReactのStateless Functional Componentsでrefを関数で定義して、親のcomponentに渡してrefとして扱ってバリデーションする的なお話

  • このエントリーをはてなブックマークに追加

ReactのStateless Functional Componentsでrefの代わりにonChangeでstateを使いましょう的なお話」を書いたけど、refを使うやり方を考えたので今日はそれの解説をば。
ちなみに前回と同じくお問い合わせフォームに関するものなので、そちらと見比べてもらえるとわかりやすいかと。
onChangeとかstateが減るのでこちらの方がみやすくていいんじゃないかと。

ReactのStateless Functional Componentsでrefの代わりにonChangeでstateを使いましょう的なお話

  • このエントリーをはてなブックマークに追加

ReactでStateless Functional Componentsを使うと気持ち綺麗にかけるよねという感じ。
特にお問い合わせフォームでメールを送信したあとで画面を切り替えるときに、
jsx内で{}を使って条件分けするにも長いと見づらくなるわけで。
なのでStateless Functional Componentsを使うことによって綺麗にしましょうと。
ただその場合はrefが使えないのでじゃあどうしようという。

ということでrefの代わりにstateとonChangeを使うことで代替できるよ的なお話。

2017年2月20日月曜日

ReactでclassNameをサクッと動的に変化させる方法的なお話

  • このエントリーをはてなブックマークに追加

ローディング中とかでクラス名を変えたいときがあるわけだけれども。
そういう時に色々と面倒な感じの書き方は嫌だよね的な。

ということで今日はそれを一行で書きましょう的な。

2017年2月8日水曜日

React-Reduxを使っていてactionが複数ある場合の扱いが面倒だし、containerで都度importやdispatchするのが面倒な場合の対処的なお話

  • このエントリーをはてなブックマークに追加

reduxを使うとかなり便利なわけで。
ただサンプルだとか色々と公開されているのはactionが複数とかあまり考慮されていないものが多く。
そうなるとactionが複数の場合はどうすればいいんだとなったりするよね的な。

とりあえずはcontainerでactionを個別にimportしてdispatchをする手法が一つ。
次にそもそもcontainerでconnectする際にmapDispathToPropsを記述しないとthis.dispatchが渡されるので、
componentでactionを個別にimportしてdispatch(hoge())みたいにやる
方法がある。

どっちもactionを編集したら、containerなりcomponentなりにimportを反映させないといけないから面倒なわけで。
かといってreducerみたいにやろうにも、bindActionCreators()はobjectを再帰的にみるわけではないという。

ということで今日はとりあえず面倒なactionsをそもそも最終的に一つにまとめちゃおう的なお話をば。

2017年2月1日水曜日

lambdaでgmを使ってリサイズとかをするときに、「Stream yields empty buffer」が出てしまうのはtoBufferが原因だよ的なお話

  • このエントリーをはてなブックマークに追加

lambdaはちょっとした作業をするのにすごく便利なもののわけで。
特にAPI Gatewayと組み合わせ、CORSもさせるとそれはもう大体のことはクライアントサイドでできるわけで。
けどまぁ色々なことを考慮すると普通にサーバサイドを使う方が早いんだけども。

ただそんなことは言わず、とりあえず画像加工をlambdaに任せようかと。
で、そのときにgmを使うわけなんだけども「Stream yields empty buffer」というエラーがでてしまった。
ということで今日はそれを解決するには的なお話をば。

2017年1月11日水曜日

goamzを使ってGoでAWSに接続してEC2のインスタンス一覧を出そう的なお話

  • このエントリーをはてなブックマークに追加

とりあえずGoを再度勉強し始めたわけで。
今度作るものはPHP使わずGoでやろう的なことなので、まずは簡単なものから。

ってことで今日はEC2のインスタンス一覧を出す的なお話をば。

2017年1月6日金曜日

phpでAWSのSNSを使ってpush通知を送るときのパターン的なお話

  • このエントリーをはてなブックマークに追加

アプリを作っているとプッシュ通知を送る必要があるわけで。
もちろんAPNsを直接うんちゃらとかしたりすればよかったりするんだけど、AWSにはAmazon Simple Notification Serviceっていうのがあるわけで。
このSNSが諸々面倒なところを代替してくれるっていう優れたもの。

色々と情報を調べるとこうやればプッシュ通知を送信できる!とかは書いてあるんだけど、
attributesのenabledがfalseになってるものをどう復帰させるとか、そういったプラクティス的なのが全然情報がなく。
ということで今日はSNSを通してpush通知を送る際には、こうやったらいいんじゃないか的なお話をば。

2016年11月2日水曜日

React-Reduxを使ったWebアプリをサーバサイドレンダリング(SSR)するには、こういう風にしたらいいんじゃないか的なお話

  • このエントリーをはてなブックマークに追加

React-Reduxを使った開発でのディレクトリ構成をどうしたらいいのか的なことから、こうやって組んだらいいんじゃないか的なお話ということで、前回つらつらと書いたわけだけど。
これはクライアント側のjs単体で動くわけだから細かいことを気にする必要がなかったからよかったが、SNSにシェアしたときにOGPが設定されないと困るわけで。
というのもfacebookやtwitterのbotがjsをレンダリングすることができないから。
ちなみにgoogleはちゃんとjsをレンダリングしてクローリングしてくれるからSEOとかは問題ないわけだけど、たまにSEOのためにSSRをしないとって言っている人がいるのは個人的に謎。

ということで今日はOGPに対応するためのサーバサイドレンダリング(SSR)をするにはこういう感じがいいよ的なお話をば。

2016年10月17日月曜日

SESのSES関連のAPIを使うときにこれは古いから使わない方がいいよ的なお話

  • このエントリーをはてなブックマークに追加

まんまタイトル通り。
ドキュメントを見てたら書いてあったので、今日はその紹介をば。

Adsense