かんりにん

プログラミングが好きで個人でツール、Webサービスなどを作っています。 昔はPHPでWeb開発の仕事をしていました。最近はReact(MERNスタック)、Next.jsなど中心。Djangoもぼちぼち。

Webプログラミング

ReactでのCSSの使いかたをまとめる

2020/2/10    , ,

Reactでのスタイリングの方法はかなり色々な方法があり、私自身いまいち整理できていなかったため、まとめてみます。 大きく分けるとCSSでスタイリングする方法と、コンポーネントライブラリを使用する方法 ...

Webプログラミング

React+axios+Material UIでスピナーとメッセージを表示する

2020/2/7    ,

今回はReact + Material UIで通信中にスピナーを表示し、通信終了時にメッセージを表示するプログラムを作成します。非同期通信にはaxiosを利用します。   こちらの記事でRe ...

no image

その他

【書評】現場で使える Django の教科書《基礎編》

2020/2/4    ,

「現場で使える Django の教科書《基礎編》」の書評を書いていきたいと思います。 Djangoは世界的に人気のあるWebアプリケーションフレームワークでこちらのランキングによると執筆時点で第6位に ...

デモ画面

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)での認証についてまとめ

2021/10/2    , ,

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

Webプログラミング

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

2020/1/28    ,

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

その他

このサイトについて

2020/1/27  

はじめに このブログは私が何かしらのアプリやツールを作成する過程で得た知識や、調査した事柄などをアウトプットしていくブログです。それが誰かのためになればいいなと思っています。 特にWebのフロントエン ...

Webプログラミング

ReactでamCharts4を使う

2020/1/27    , ,

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