2021-09-01から1ヶ月間の記事一覧

【React/Portal】関数コンポーネントで作るPortalの使い方

モーダルやスナックバーなどを使用するとき、z-indexの関係でうまく一番上に出てこない...なんてことありますよね。そんな悩みに、React Portalという救世主がいるのでご紹介します。 React Portalとは Reactの公式ドキュメントでは、以下のように説明されて…

【GraphQL/Apollo】クエリのrefetch時にonCompletedが動かない

問題 apollo clientでクエリのリフェッチ時にonCompletedで指定した処理が動かない。(今回は取得情報に基づいて一覧を表示する処理でした) 解決方法 notifyOnNetworkStatusChange: true を追加する。 const { loading, data, refetch } = useQuery( GET_DO…

本番環境にデプロイしたらTailwind CSSが効かない時に確認すること

tailwindを使用していた時に、本番環境やdev環境にデプロイしたらスタイルが効いてない時がありました。そんな時に確認することを2つ紹介します。 tailwindcss.config.jsのpurge設定を見直す tailwindcssにはパージ機能があり、使用していないクラス名のCSS…

powerlevel10kを入れてiTerm2をカスタマイズする方法

以前から他の人のターミナルをチラ見して、私もカスタマイズしたいな〜と思ってたのをいざ実行です! 前提:iTerm2 プラグインマネージャーをインストール 選択肢は複数あるのですが、一番デフォルトっぽいものにしました。 git clone --depth=1 https://git…

【Django】SECRET_KEYをGithubで公開しない方法〜環境変数を用いて〜

趣味でDjangoアプリを立ち上げてみて、GithubにプッシュするとGitGuardianからこんなメールが! GitGuardian has detected the following Django Secret Key exposed within your GitHub account. 「DjangoのSECRET KEYが漏洩してますよ」と。初めてだったの…

【Docker×Django】新しいライブラリをインストールする方法

dockerとdjangoでプロジェクトを作ったはいいものの、ライブラリの追加ってどうやってするんだ?となったので備忘録です。 requirement.txtに追加したいライブラリを記載する 今回は django-environ を追加しました。 Django>=3.0 psycopg2 django-environ …