flux/ReduxのStoreの持ち方について思う事

fluxもReduxもどうデータを持つかについてはあまり多く説明されてない気がします。もちろんアプリケーションによって持ち方は異なるとは思うんですが、自分用のメモとして改めて考え方を整理しておきたいと思います。

続きを読む

GraphQL Subscriptionsのお手軽お試しコード

GraphQL SubscriptionsというGraphQLでSocket.ioのようにリアルタイム通知を受ける仕組みがあります。リンク先はApollo社の記事だとサンプルコード全体がないので、どのような実装になるかサンプルを作ってみました。

続きを読む

もっと積極的にgeneratorを使おうと思った話

これまであまり積極的にgenerator を使ってこなかったんですが、最近作ってたプログラムが多めのデータを扱うもので、DBの読み込み負荷を減らす必要があって今回初めて使いました。Pythonのgenerator書きやすい。ついでにJavaScript, Ruby, PHPでもどう書くか調べました。自分メモです。

続きを読む

GraphQLのお気軽お試しコード

最近たまにGraphQLを触ってました。せっかくなので備忘録的にお試し用の簡単に試せるコードを残しておきます。本来はexpress-graphql等を使ってHTTP経由でアクセスすると思いますが、このコードは直接APIでアクセスして結果を取得してます。GraphQL自体がどのような動きをするのか確認するのに試しやすいと思います。

続きを読む

Socket.ioで通知を実装する

今回リアルタイムでWebブラウザに通知を送る簡単なサンプルを書いてみました。Socket.ioはチャットのサンプル(特にブロードキャストの)は腐るほどあるように思うのですが、ユーザー個別の通信だったり通知の実装は案外サンプルを見かけなかったように思います。

続きを読む

ReactのテストにJest Snapshotが便利

かなり久しぶりの投稿になってしまいました…。最近新しいお客さんの仕事でインプットが多めだったんですが、そろそろ落ち着いてきてるので忘れないうちに色々書き出しておきたいです。まずは最近お世話になっているJestについて。フロントエンドのテストの最適解っておそらくライブラリやフレームワークによってまちまちだとは思うんですが、ReactだとJestのSnapshot気に入って使ってます。

続きを読む

サーバーサイド用にWebpackでプリコンパイルする

サーバーサイド用のNode.jsのソースコードをWebpackでプリコンパイル&バンドルした際に少しハマったので備忘録的に残しておきたいと思います。
ぼくの場合は、Node.jsのサーバーでReactのサーバーサイドレンダリングをする時に必要になりました。クライアントのソースコードがES2015だったりJSX使って書いてるのでそれをサーバーサイドで実行するのにWebpackしておく必要があったという感じです。

続きを読む

ブラウザの識別にMobile Detectが良い感じ

できればUserAgentを判別する処理は入れたくないんですが「iOSのSafariの時だけ○○したい」等のケースが出てきてしまったので使えるNPMがないか調べました。NPMは探せば何かしらありますね。

続きを読む

Laravelを1ヶ月ほど触ってみて

Laravelを使い始めて1ヶ月ほどが経ちました。まだまだ使い込んでる感じではないんですが、今どんな感じで開発してるかとか、やって良かった事・ハマりがちだった事などをまとめます。

続きを読む

iPhoneで撮った写真をアップロードする際の画像補正

iPhoneやデジカメで撮った写真をフォームのfile等からそのままアップロードすると、iPhoneでは正常に表示されるんですがPC等で見ると横になってたり逆さまになったりして表示されてしまいます。これはiPhone等で撮った写真にExifのOrientationで向きが記録されておりiPhoneではその補正をかけて表示してくれるのにPC等ではそこが無視されるから起こるようです。

今回はこのiPhone等で撮った写真の画像補正をブラウザ側のJavaScriptだけで行えるか試してみました。

続きを読む