.mitmproxyを使ってHTTPSの通信を確認

公式のドキュメント https://docs.mitmproxy.org/stable/ # install ## mac ``` $ brew install mitmproxy ``` ## iPhone ### 証明書 セキュアな通信を傍受するために、プロファイルのインストールを行う ``` http://mitm.it ``` その後、「設定」> 「一般」> 「情報」> 「証明書信頼設定」 "ルート証明書を全面的に信頼する"にチェックを入れる そうするとhttpsの通信も閲覧できるようになる <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6JgOuweZN9-9e3I2jl-YjDg9nrj1EUfYEufTLUDVdjltI1u3TBqBchX4JGZ9pOyxdJnRHpSr01WngsZLBxqOGVoGyjeNj6zxLY_2CTdUC0m4n0t4ia-aVzTEB2hvXyOG0hBYVTbdIidA/s1600/IMG_0490.PNG" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6JgOuweZN9-9e3I2jl-YjDg9nrj1EUfYEufTLUDVdjltI1u3TBqBchX4JGZ9pOyxdJnRHpSr01WngsZLBxqOGVoGyjeNj6zxLY_2CTdUC0m4n0t4ia-aVzTEB2hvXyOG0hBYVTbdIidA/s320/IMG_0490.PNG" width="148" height="320" data-original-width="739" data-original-height="1600" /></a> ### プロキシ設定 wifiのプロキシ設定で、PCのアドレス、port 8080にする # 使い方 ``` $ mitmproxy ``` ## Flows通信一覧が表示 ``` d 1行削除 z 全行削除 ```

Firebase Functionsの登録

Cloud Storageに保存した画像をCloud Functionsを使って、サムネイル画像を生成する # 公式ドキュメント https://firebase.google.com/docs/functions/gcp-storage-events?authuser=1 ## インストール ``` $ npm install -g firebase-tools # ブラウザが起動して認証する $ firebase login # 初期設定 $ firebase init or $ firebase init functions ``` ## ディレクトリ構成 ``` $ tree -L 2 . ├── firebase.json └── functions ├── index.js ├── node_modules └── package.json ``` ## 利用するパッケージを追加 ``` # Cloud Storage への再アップロード用 $ npm install --save @google-cloud/storage # 外部プロセス実行用 $ npm install --save child-process-promise ``` ## index.js ここの中身をそのままコピー https://github.com/firebase/functions-samples/blob/90ac6c8083122cedae19141f8ac8cb124ec8f321/quickstarts/thumbnails/functions/index.js#L60-L83 ## 特定のパケットをトリガーにする 特に指定しなければ、デフォルトのバケットが使われる コード上で指定できる ``` # デフォルトを使う場合 functions.storage.object() # 特定のバケットの場合 functions.storage.bucket('バケット名').object() ``` ## Deploy ``` $ firebase deploy --only functions ```

ReactNativeのリリース自動化、CodePush x CircleCI

# CodePushのアクセスキーを作成 ``` $ code-push access-key add "CircleCI" Successfully created the "CircleCI" access key: XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Make sure to save this key value somewhere safe, since you won't be able to view it from the CLI again! ```

iOSシミュレータでURLスキームで起動する方法

URLスキームの実行方法

simctlがXcode6から付属しているのでそれを実行する

$ xcrun simctl openurl booted hoge:/foo/bar

simctl

シミュレータをコントロールできる

$ xcrun simctl

usage: simctl [--noxpc] [--set ] [--profiles ] ...

       simctl help [subcommand]

Command line utility to control the Simulator

For subcommands that require a argument, you may specify a device UDID

or the special "booted" string which will cause simctl to pick a booted device.

If multiple devices are booted when the "booted" device is selected, simctl

will choose one of them.

Subcommands:

        create              Create a new device.

        clone               Clone an existing device.

        upgrade             Upgrade a device to a newer runtime.

        delete              Delete a device or all unavailable devices.

        pair                Create a new watch and phone pair.

        unpair              Unpair a watch and phone pair.

        pair_activate       Set a given pair as active.

        erase               Erase a device's contents and settings.

        boot                Boot a device.

        shutdown            Shutdown a device.

        rename              Rename a device.

        getenv              Print an environment variable from a running device.

        openurl             Open a URL in a device.

        addmedia            Add photos, live photos, or videos to the photo library of a device.

        install             Install an app on a device.

        uninstall           Uninstall an app from a device.

        get_app_container   Print the path of the installed app's container

        launch              Launch an application by identifier on a device.

        terminate           Terminate an application by identifier on a device.

        spawn               Spawn a process on a device.

        list                List available devices, device types, runtimes, or device pairs.

        icloud_sync         Trigger iCloud sync on a device.

        pbsync              Sync the pasteboard content from one pasteboard to another.

        pbcopy              Copy standard input onto the device pasteboard.

        pbpaste             Print the contents of the device's pasteboard to standard output.

        help                Prints the usage for a given subcommand.

        io                  Set up a device IO operation.

        diagnose            Collect diagnostic information and logs.

        logverbose          enable or disable verbose logging for a device

デバイス確認

$ xcrun simctl list

== Device Types ==

iPhone 4s (com.apple.CoreSimulator.SimDeviceType.iPhone-4s)

iPhone 5 (com.apple.CoreSimulator.SimDeviceType.iPhone-5)

iPhone 5s (com.apple.CoreSimulator.SimDeviceType.iPhone-5s)

・・・

== Runtimes ==

iOS 9.3 (9.3 - 13E233) - com.apple.CoreSimulator.SimRuntime.iOS-9-3

iOS 10.3 (10.3.1 - 14E8301) - com.apple.CoreSimulator.SimRuntime.iOS-10-3

iOS 11.2 (11.2 - 15C107) - com.apple.CoreSimulator.SimRuntime.iOS-11-2

tvOS 11.2 (11.2 - 15K104) - com.apple.CoreSimulator.SimRuntime.tvOS-11-2

watchOS 4.2 (4.2 - 15S100) - com.apple.CoreSimulator.SimRuntime.watchOS-4-2

== Devices ==

-- iOS 9.3 --

    iPhone 4s (269EF856-87D0-41E1-B303-CE36A65E712E) (Shutdown)

    iPhone 5 (35804246-54E9-47BC-AFC2-83E639744F7B) (Shutdown)

    iPhone 5s (AFAA2A65-FB92-441B-820F-CE7C97BE6AF1) (Shutdown)

    iPhone 6 (98529E42-EE5A-404F-B476-27C61737AD12) (Shutdown)

・・・

-- iOS 11.2 --

    iPhone 5s (A698838A-704E-43C6-AE8B-1E81AB0E1311) (Shutdown)

    iPhone 6 (6412A351-97A7-49A1-B860-A51EDB631C48) (Booted)

    iPhone 6 Plus (8AD29BA9-06A5-4036-BA95-477D05FE30AB) (Shutdown)

    iPhone 6s (6048B53E-87FF-429C-A5A1-5BE62CB8C2F4) (Shutdown)

Open URL

$ xcrun simctl openurl

Usage: simctl openurl

deviceとURLを指定する

deviceは先ほどしらべたUUIDでも良いし、bootedと指定しても良い

react-navigationのバージョンアップ

react-navigationのバージョンをあげてもう一度ドキュメントをよみなおしてみる

Headerのボタンの挙動

https://reactnavigation.org/docs/header-buttons.html

navigationOptionがstaticメソッドのため、navigation.state.paramsを使ってやりとりを行う

static navigationOptions = ({ navigation }) => { const params = navigation.state.params || {}; return { headerTitle: <LogoTitle />, headerRight: ( <Button onPress={params.increaseCount} title="+1" color="#fff" /> ), }; }; componentWillMount() { this.props.navigation.setParams({ increaseCount: this._increaseCount }); } state = { count: 0, }; _increaseCount = () => { this.setState({ count: this.state.count + 1 }); };

didFocusイベントが取れる？

https://reactnavigation.org/docs/status-bar.html

子のコンポーネントにnavigationを渡す方法

https://reactnavigation.org/docs/connecting-navigation-prop.html

いちいちnavigationを渡さなくて良いので便利

import React from 'react'; import { Button } 'react-native'; import { withNavigation } from 'react-navigation'; class MyBackButton extends React.Component { render() { return <Button title="Back" onPress={() => { this.props.navigation.goBack() }} />; } } // withNavigation returns a component that wraps MyBackButton and passes in the // navigation prop export default withNavigation(MyBackButton);

DeepLink

前回のバージョンではTabNavigationを使うと動かなかったけど、今回は動くようになったのかな？あとで試す

https://reactnavigation.org/docs/deep-linking.html

ESLintとFlowができること

react nativeをやっていて、ESLintとFlowについて

ESLint

静的解析ツール。
括弧や、スペース、空行などスタイルの統一も可能。
ルールを個別で指定可能

airbnbの設定など公開されている

エディターとの連携次第で自動フォーマット可能


例えばこんな感じ

先頭に空行はダメ

後ろで定義している変数を使うのもダメ

Flow

静的型付けツール。

実行前にチェックが可能

Componentやメソッドの引数の型を定義する

type UserType = {

  name: string;

  age: number;

}

type Props = {

  user: UserType,

  text: string,

};

class Foo extends Component {

  componentDidMount() {

  }

  render() {

    const { user, text } = this.props;

    return (

     

        {user.name}

        {user.age}

        { user.age < 20 ? '未成年' : '成人' }

        {text}

     

    );

  }

}

ageがnumberではなく、文字列で指定した場合

DataStoreのデータをBigQueryにインポートする

GAE/goでサービス運用中
DataStoreをメインで使ってる
redash用のgceサーバーがあり

やるとこ

1. DataStoreのバックアップをGCS(Google Cloud Storage)に保存する

2. GCSのバックアップをBigQueryにロードする

3. gceのサーバーにcron登録する

やったこと

環境が整って入れば以下のスクリプトをcron登録すればOK

#!/usr/bin/env bash

set -e

PROJECT="[プロジェクトID]"

BUCKET="[バケット]"

KINDS=("KIND1" "KIND2")

# kindsをカンマ区切りにする

kinds_str="$(IFS=,; echo "${KINDS[*]}")"

gcloud config set project ${PROJECT}

# 前回のファイルが残っている場合、削除する

gsutil -m rm -rf gs://${BUCKET}

# バックアップ作成

gcloud beta datastore export --kinds="$kinds_str" --format=json gs://${BUCKET}

# インポートする

for x in ${KINDS[@]}

do

    echo import ${x}

    bq load --project_id=${PROJECT} --headless --source_format=DATASTORE_BACKUP --replace datastore.${x} ${BUCKET}/all_namespaces/kind_${x}/all_namespaces_kind_${x}.export_metadata

done

1つずつ説明

1. DataStoreのバックアップを作成

https://cloud.google.com/datastore/docs/export-import-entities?authuser=3&hl=ja

gcloud beta datastore export --kinds="KIND1, KIND2" --format=json gs://${BUCKET}


--kindを指定しなければ全てのkindを作成する

またすでにexport先にbacketが存在する場合、エラーになるので、実行する前にファイルを削除する


gsutil -m rm -rf gs://${BUCKET}

2. GCSのバックアップをBigQueryにロードする

    bq load --project_id=${PROJECT} --headless --source_format=DATASTORE_BACKUP --replace datastore.[table name] ${BUCKET}/all_namespaces/kind_[KIND1]/all_namespaces_kind_[KIND1].export_metadata

--replaceを指定しないと追加される

3. gceのサーバーにcron登録する

デフォルトの権限設定ではdatastoreやBigQueryのアクセス時に権限エラーとなる

Computer Engineではデフォルトでサービスアカウントが追加されている

[PROJECT_NUMBER]-compute@developer.gserviceaccount.com

このアカウントに対して、IAMで権限を付与しても権限エラーは直らない

一度vmを停止してから設定を変更する

$ crontab -e
0 15 * * * /home/username/load_datastore.sh