Webプログラミング

デモ画面

Webプログラミング

Material-UIでテーマを切り替えられるようにする

2020/3/22    ,

Material UIで複数のテーマをユーザが切り替えられるようにします。 完成図はこちら。リロードしてもテーマは維持されたままになります。   はじめに テーマをReactのContext ...

Webプログラミング

React+Nginx+Django Rest Frameworkでデプロイ

2020/2/11    , ,

一年ほど前からさくらのVPSにCentOS7を入れ、DjangoアプリをNginx+uWSGI環境で動かしていました。 今回アプリをReact(+Redux)+Django REST Framewor ...

Webプログラミング

React Hook Formがいい感じ!

2020/3/22    ,

はじめに ReactでWebアプリケーションを作る際に自力でフォームを作成するのは、現実的に考えるとやらない方がいいです。自力でフォーム用の状態管理をしたり、バリデーションを細かく作り込むのは労力が必 ...

Webプログラミング

React(SPA)での認証についてまとめ

2020/3/17    , ,

  Reactでの認証は厄介です。 Reactでコードを書いているとReduxやら外部ライブラリやら様々な「覚えること」「理解すべきこと」が出てきますが、結局ググればなんとかなることが多いで ...

Webプログラミング

amCharts4のForce Directed Treeでデザインをカスタマイズ

2020/1/28    ,

amCharts4のForce Directed Treeではデザインのカスタマイズも可能なので、よく使われるであろうカスタマイズ方法を紹介します。 前提 前提として以下のような形でForce Dir ...

Webプログラミング

ReactでamCharts4を使う

2020/1/27    , ,

従来のJavascript環境ではD3.jsなど多くのデータ可視化ライブラリが利用可能でしたが、Reactで使うとなると使うことの出来るライブラリは限られてきます。 色々と探してみたのですが、私はam ...

© 2020 エンジニアの本棚