Reactは簡単にいうと、Webなどの処理と開発を最適化するための新しいエコシステムといえます。 また、hookは関数ベースのみでReactを実装する方法なので、型システムと相性がいいです。
前半では、DOMを直接触らない大体のjsコードをhookで使用する方法をまとめました。 後半では、前半で使ったhookを使って、独自のhookを新たに作る方法をまとめました。
Reactは簡単にいうと、Webなどの処理と開発を最適化するための新しいエコシステムといえます。 また、hookは関数ベースのみでReactを実装する方法なので、型システムと相性がいいです。
前半では、DOMを直接触らない大体のjsコードをhookで使用する方法をまとめました。 後半では、前半で使ったhookを使って、独自のhookを新たに作る方法をまとめました。
アプリにはcss等のファイルが扱えるwebpack
, ライブラリには一つのファイルに縮小して変換してくれるrollup
が使いやすいです。
特にcreate-react-app
でReact環境を作成後、デモページの作成と同時にライブラリを開発するのが安定しているのでおすすめです。
今回は、cross-env
でグローバル変数を設定し、react-app-rewired
でcreate-react-app
の中の設定を変更します.
tsやcssなど追加で用いる場合はrollup/plugins: 🍣からプラグインを選んで使います。
create-react-app {yourapp}
and cd {yourapp}
npm i -D cross-env react-app-rewired rollup @rollup/plugin-babel @rollup/plugin-node-resolve @rollup/plugin-commonjs fs
THREE.js
は WebGL
を用いて3D表現ができるライブラリです。
従来の js
だと大規模なアプリになると予期しないことが多く起こるので、
view
に特化した React
のライフサイクル上で安全に構築します。
Djangoは設定とか面倒なので、簡単にする方法を考えました。 app1,2,3,4...と量産するアプリを例に、コードをかきます。
リモートサーバーからデータセットをwgetすると、403 Forbidden
が出ました。
(wget <URL> -d
で確認すると、You don't have permission to access <URL>
といわれていました)。
いつもはsshでデータを送っていたのですが、 今回は600GBを超えていました. (ローカルはあと5GBしかない...)
データセットを自動setupしてくれるscriptが、最近試したnvidiaのサンプルコードにあったので、 参考にして、Pythonで何とかしようとしました。 (メモリがあふれていたのとデータが大きすぎて途中で止めていたことに気づかず結構はまりました。)
requests.Sesssionの.iter_contentでメモリを分けてダウンロードし、 tqdmでプログレスバーを表示させるとうまくいきました。
自分用のメモです。英弱なので、ざっくり読んで、 重要そうな部分をひたすらgoogle先生に聞いて読んでます。 GAN全く詳しくないので間違ってる箇所多いと思います。