• D3.js on React Nativeでグラフ描画

    JavaScript React Native D3.js
    JavaScriptにはD3.jsというデータビジュアライゼーションのためのライブラリがありますが、 これをReact Nativeで使ってみました。 D3.jsは基本的にSVG(Scalable Vector Graphics)をいじってグラフを描画します。 React NativeでSVGを扱うには、公式で提供されているreact-native-ART... read more
  • 手軽にチャット機能を作れるSendBirdを試してみた

    JavaScript React Native SendBird
    SendBirdという簡単にチャット機能を作れるSDKとAPIを提供しているサービスがあります。 今回これを使ったサンプルアプリをReact Nativeで書いてみました。 次のように動きます。 リポジトリはこちらになります。 saitoxu/SendBirdSample SendBird SDK (JavaScript)の使い方 (1) はじ... read more
  • CarrierWave+FogでリソースをS3に保存・CloudFrontで配信するときの小ネタ

    Rails Amazon S3 CloudFront
    RailsでCarrierWave+Fogを使って画像などのリソースをS3に保存し、 それをCloudFront経由で配信するとき、ちょっと困ったことがあったのでメモしておきます。 環境は次のとおりです。 Rails 5.1.1 CarrierWave 1.1.0 Fog 1.40.0 問題 セキュリティのためS3に保存したリソースへ... read more
  • React NativeでInstagramのクローンを作ってみた

    React Native
    React Nativeで動画ってどう扱うんだろうと思い、 react-native-community/react-native-video を触りだしたんですが、いっそもう少し形にしようと思いInstagramのクローンを作りました(ホーム画面だけ)。 機能 とりあえず動画の取り扱いを知りたかったので、 本家Instagramのホーム画面の一部の... read more
  • RailsとAmazon SESを使ってメールを確実に届けるには

    Rails Amazon SES
    RailsとAmazon SESを使ったシステムで、 メールをなるべく確実に届ける方法について調べました。 メールを確実に届けるには? メールの到達率を上げるには次のことに気をつけなければなりません。 レピュテーション インフラ 認証 これらについて、RailsとSESを使う場合にどこに気をつけるべきか見ていきたいと思います。 1.... read more