ReactでTwitterのタイムラインなどを埋め込む

React(Next.js)でTwitterの埋め込みを行いたい。

主にタイムラインが対象ですが、一応何でも埋め込めるようにしておきます。

ライブラリを使ったり使わなかったり。

続きを読む ReactでTwitterのタイムラインなどを埋め込む

GLSLでお絵描き【極座標系と周期関数】

gl-reactを使ってGLSLでお絵描きをしてみます。

以下と同じようなGLSLの練習メモです。

続きを読む GLSLでお絵描き【極座標系と周期関数】

新アプリ「カレイドカメラ」をリリース

新アプリ「カレイドカメラ」をリリースしました。

前作「カレイドツクール」のカメラ版ですね。

カレイドスコープ(万華鏡)の写真を撮るアプリです。

続きを読む 新アプリ「カレイドカメラ」をリリース

React Nativeでスリープからの復帰処理

React Native(Expo)で端末の状態を気にすることは少ないです。

以前のカレイドツクールではOpenGL関係で復帰処理が必要でしたが、ライブラリで復帰直後に発火するイベントがあったためそれを使っていました。

今回はカメラのリロードが必要になったので復帰イベントを調べました。

続きを読む React Nativeでスリープからの復帰処理

React Nativeの複数スタイル指定

状態に合わせてスタイルの上書き(オーバーライド)をしたいことはよくある。

スタイル自体はStyleSheet.createで定義してると思ってください。

通常[](配列)を使えばいいのですがちょっとハマったことがあったので、3つの方法と注意する点を書いておきます。

続きを読む React Nativeの複数スタイル指定

React Native, ExpoでカメラビューのOpenGL処理

一月ほど前に失敗した「React Native (Expo)でカメラプレビューにエフェクト」のリベンジです。

React Native(Expo managed)の環境で、カメラのプレビュー画面を入力としてOpenGLで編集して表示する方法を見つけたので書いておきます。

続きを読む React Native, ExpoでカメラビューのOpenGL処理

React.FCでもforceUpdateしたい

React管理下にない値の変更時に描画を更新したい。

あまり使いたいものでもないですが、React.Componentでは適切なタイミングでthis.forceUpdate()を使うことになります。

今回は関数コンポーネントで作成中にforceUpdateに当たる処理が必要になったのでどうにかしようという内容です。

続きを読む React.FCでもforceUpdateしたい

【ポータル追加】うずらウォレットの蛇口一覧

うずらウォレットの蛇口一覧ページを作りました。

続きを読む 【ポータル追加】うずらウォレットの蛇口一覧

React Native, Expoのメモリ問題について

特定の端末で特定の写真を開くとエラーも出ずすっとアプリが再起動する。

OpenGLの問題で同じようなこともありましたが今回はより条件がわからない。

結果的におそらくメモリ不足であろうという推測に至ったので、ImagePickerで取得する画像の調整や使えるメモリ量などの備忘録。

最終的にImagePickerが原因で対処療法しかないという内容ですが、これを機に色々調べることが出来たので時系列順に書いていきます。

続きを読む React Native, Expoのメモリ問題について

Let’s Encryptの証明書を使ったExpressのSSL化

next.jsで作ったアプリをSSL化しようとしたところ以下のエラーに悩まされた。

Error: error:0909006C:PEM routines:get_name:no start line

調べて出てくる情報が色々とおかしかったので大分苦労しました。

今回の内容は基本的にexpressLet's Encryptの証明を行うための方法です。

続きを読む Let’s Encryptの証明書を使ったExpressのSSL化