HerokuでSendgridのアドオンを設定するのにハマったので備忘録

  • SendGridのアドオンを追加するにはクレジットカード登録が必要
  • 環境変数のSENDGRID_NAME、SENDGRID_PASSWORDを先に設定しない
  • 先にSENDGRID_API_KEYを設定する

SendGridアドオン設定手順

  1. まずSendGridでAPIキーを作成、コピーする
  2. Heroku管理画面で、Settings > Config Vars で 環境設定のSENDGRID_API_KEYにさきほどコピーしたAPIキーを登録する
  3. Heroku管理画面で、Resources > Add-onsにSendgridを入力して一覧に表示された選択する
  4. Provisionのポップアップができるので、Provisionを押す
  5. 完了する

この時点でSENDGRID_NAME、SENDGRID_PASSWORDが設定されている

herokuにGoogle domainsのドメインを設定する

Google Domains + HerokuでSSL通信を使ったオリジナルドメインサイトのための設定のための設定
https://qiita.com/hidehiro98/items/b1bf98e0921b0d47e2c2

こちらを参考に設定。

たぶん複数のappがある場合は、heroku cliで、


heroku domains:add www.yourdomain.com --app appname

と直接設定してあげる

追記:

Herokuに独自ドメインのSSL接続を無料で導入できるようになった話(有料Dynoのみ)
こちらの手順でSSLを有効にしてあげる

Firebase Hostingに Google Domains でサブドメインを設定する

ここからFirebase
1. Firebase の Hostingにもろもろデプロイする
2. Firebaseコンソールに入って、Hostingを選択
3. ドメイン > ドメインを接続
4. 設定しようと思っているサブドメインを入力(sub.mydomain.com)、「次へ」をクリック
5. Aレコードタイプが2つ表示される

ここからGoogle Domains
6.mydomain.comのDNSを選択
7.カスタム リソース レコードの@にsubを入力
8.カスタム リソース レコードのIPv4アドレスに、先ほどのFirebaseのAレコードタイプの1つ目のIPアドレスを入力
9.次に入力したIPアドレスの右にある「+」をクリックして入力枠を追加
10. 追加された入力枠に2つ目のIPアドレスを入力

ここからまたFirebase
11. ドメイン接続画面の「終了」をクリック
12. Hostingに戻ると、ドメイン欄のsub.mydomain.comのステータスが保留中に変更してあれば完了

[xcode] フレームワークの実機ビルドエラーとitunes connectのリジェクトを回避したときのメモ

carthageで入れたいくつかのライブラリで、実機ビルドでエラーがでたり、エラーを回避してもiTunes Connectでリジェクトされたりして、ハマったのでメモ。

SwiftyDropboox.framework
SocketIO.framework
Starscreem.framework

あたりをCarthageでいれてる。いろいろやったのでどれが効果があったのかはっきりよく覚えてないので、やったことをメモ。

Alamofire.frameworkで実機ビルドでエラー
=> Embedded FrameworkにAlamofire.framework追加して回避

Alamofire.frameworkがiTunes connectでリジェクト
=> Embedded Frameworkから外して、Run scriptでコピーで回避
=>Alamofire.frameworkのswiftmoduleからi_386,x86_64を削除

[Unity] CanvasScalerと座標

uGUIやRectTransformを使った画面のレイアウトをスクリプトから制御しようと思うと、座標の扱い方で混乱することがあるのでメモ。

mousePositionやtouchesの座標 > 画面の解像度座標
uGUI(RectTransform) > CanvasScaler内の座標

なので、座標の変換が必要

[VirtualBox][npm][webpack][Browsersync] windows10で突如Browser syncでExternalで接続できなくなった時の対処

  • ネットワーク設定をプライベートにしているか
  • プライベートネットワークのファイアウォールを切っているか

このあたりをまずチェック。それでもダメで半日いろいろとやっててわかったのは、

VirtualBoxのネットワーク設定で、環境設定>ネットワーク>ホストオンリーネットワークの中でアダプターがIPアドレス固定していると、browsersyncがそのIPアドレスでExternalを作る

なのでアダプターの設定を削除。

VirtualBox使うときにはまた追加しましょう。

[IE][ES6] Assignment to read-only properties is not allowed in strict modeを回避

ReactでUIを動的に変化させる実装をしていてEdge/IEで、


Assignment to read-only properties is not allowed in strict mode

とエラった。

これは、


const cell = findDOMNode(this.refs.cell);
let _rect = cell.getBoundingClientRect();
_rect.y += 10;

みたいに、DOMのRectがread-onlyのものに代入するとでるから、


let _rect = cell.getBoundingClientRect();
let _rect2 = $.extend(true,{},_rect);
_rect2.y += 10;

って感じでディープコピーしてやる