React Native+OpenGLで描画した画像をファイルに保存

React Native (expo) + Open GL で遊んでいると描画したものを保存したくなる。

需要ありそうな気がするんだけど全然情報がないので手探りでやってみます。

続きを読む React Native+OpenGLで描画した画像をファイルに保存

Javascriptオブジェクトのキーと変数宣言の関係

Reactを使っているとこんな書き方をすることがよくある。

const { width, height } = this.props;

 

これは書き換えるとこんな感じになる。

const width = this.props.width;

const height = this.props.height;

冗長だし倍近く文字数が増えてしまうので、この手の書き方をおさらいしてみます。

楽できるところは楽しよう。

続きを読む Javascriptオブジェクトのキーと変数宣言の関係

React Native+OpenGLペイント

gl-reactをReact Nativeで使う方法の覚書。

前回(設定やフィルタ処理)の続きのような感じ。

 

使ってみたいのはこちら。

https://gl-react-cookbook.surge.sh/paint

GLによるペイントプログラムです。

続きを読む React Native+OpenGLペイント

React Native+OpenGLで画像処理

gl-reactを使ってReactで画像処理してみます。

このプラグインはReact、React Native(Bare)、React Native(Expo)、Headlessで利用できるようです。

今回はExpo Managedの環境で使っていきますがメインの内容はGLSL(OpenGL Shading Language)なので大きな違いはないと思います。

パッケージ内でexpo-glを使っているようなのでついでに少し読んでおく。

expo 35.0.0 gl-react v3

続きを読む React Native+OpenGLで画像処理

React Nativeでモーダル表示

一時的な情報表示のためモーダル(ポップアップウィンドウ)を使いたい。

React Nativeの基本コンポーネントにModalがありますが、カスタムコンポーネントを使った方が楽できそうでもあったのでとりあえず3パターン試してみます。

React Native 0.60 Expo 34.0.1

続きを読む React Nativeでモーダル表示

【GCP】無料枠の使用状況を見る

他サービスでもいえることですがGCPでリソース使用量をまともに見れない。

ブラウザUIでちょくちょく見えなくもないですが、見たいものは見えないし全体的な使用を確認する方法が見当たらない。

 

何とか方法がないか探していたら以下の記事を見つけました。

ただ使い始めたばかりの初心者(自分)は少してこずったので手順を覚書き。

やることは3つです。

  • 課金データの書き出し設定
  • データの入れ物を作る(BigQuery)
  • データを読みだして可視化する(DataStudio)

続きを読む 【GCP】無料枠の使用状況を見る

【GCP】はじめてのApp Engine設定

前回軽くさわったGAE(Google App Engine)の使い方というかサービス構成を構造ファイルを作りながら見る。

Go1.12のapp.yaml構成を参考にYAMLファイルを書いてみます。

他の言語でもコア部分は同じですが必要なものがちょくちょく違います。

他言語についてはここから「APIとリファレンス→構成ファイル」を参照。

続きを読む 【GCP】はじめてのApp Engine設定

【GCP】DBからJSONを返すAPIを作る

前にGCPのFirestoreを使ってみました。

フロントで扱う時には認証で困るのでAPIで取得できるようにしてみます。

FunctionsかGAE(Google App Engine)を使えば良さそうですが、どっちを使えばいいか判断がつかなかったので両方使ってみます。

処理に使う言語はgolangにしました。

続きを読む 【GCP】DBからJSONを返すAPIを作る

【JavaScript】文字列のn文字目を置き換える

javascriptのstringの特定のn文字目を変更することを考える。

あまり使う機会はないけど例えば数値文字列”122.333″の1の位を変えたいとか、復活の呪文の特定文字を変更したいとか。

色々な方法で置き換えてみます。

続きを読む 【JavaScript】文字列のn文字目を置き換える

Google Cloud Platformを使ってみる(DB, GCE)

electronで定期的にAPI取得・DBに保存・データ表示とかしようとしてましたが、前2つはクラウドでやった方が色々と楽で便利なんじゃないかと思いついた。

AWSも最近放置気味なんで新しくGCPを触ってみることにしました。

なんといっても無料枠がありますし。

参考にしたリンク

続きを読む Google Cloud Platformを使ってみる(DB, GCE)