新着記事

Docker

Dockerで最小構成なリバースプロキシを作成した。《備忘録》

はじめに 本内容は、今後作成する構成のチュートリアルです。 私はDockerの初学者で、学習の一環で記しているため、不十分な内容の場合があります。 環境 ホスト:Ubuntu 24.04 構成 同一ネットワークでリバースプロキシ、Webのコ...
環境構築

VMware FusionのubuntuでホストとClipboard(コピペ)の共有ができなくて諦めて別の方法に移行。

VMware FusionにてホストがMac(Apple Silicon)、ゲストにUbuntuServerを使用して、開発環境を構築中に、クリップボード(コピーアンドペースト機能)がホストゲスト間で共有できない不具合に見舞われました。 結...
環境構築

Mac(Apple silicon)に無償版VMware Fusionを入れてubuntuを動かしてみた。

VMwareは仮想化ソフト「VMware Workstation Pro」「VMware Fusion Pro」について、 2024年5月13日に個人利用を無償化すると発表しました。 VMware WorkStation Proは、Wind...
プログラミング

ReactMarkdownでLinkや見出しにスタイルや要素を適用する方法。(独自コンポーネント)

はじめに 環境 react-markdown: 9.0.1 ReactMarkdownでLinkや見出しにスタイルを適用する 以下のように、componentsに構造を定義することで、 独自な要素のスタイルなどを適用できます。 import...
プログラミング

MUIのTextFieldで枠線(fieldset)を消す方法。

はじめに MUIのTextFieldを使用すると、Borderが適用されて、このBorderを無効化したい場合があります。例えば、TextFieldをrenderInput内で使用して、スタイルはラッパー側を適用したい場面など。 そういった...
プログラミング

【Next.js】NextRouter was not mountedとエラーが出て、router.push(“/”)が使えない

はじめに router.push("/")等で、画面遷移を実装しようとした時、 Unhandled Runtime Error Error: NextRouter was not mounted. とエラーが出ていしまいます。 環境 nex...
プログラミング

Django REST framework × MySQLでよく使うコマンド集(覚書)

Django REST framework 依存パッケージのインストール pip install -r requirements.txt データベースのマイグレーション python manage.py makemigrations app...
プログラミング

MUIのAppBarでfixedを使用すると要素が重なり、stickyだと固定されないときに確認すること。

はじめに MUIのAppBarを固定させたい時、positionをfixedにすることで実現することができます。 しかし、fixedを使用すると、元々reativeで下にあった要素が上がり重なってしまいます。 AppBarのheightはド...
プログラミング

【MUI,Next.js】MediaQueryの判別ユーティルティ作成した。備忘録

はじめに 環境 mui/material:^5.15.5 next: 14.0.3 typescript": ^5 MediaQueryの判別用ファイル import useMediaQuery from '@mui/material/us...
プログラミング

DataGridのヘッダーから「…(テンテンテン)」や上矢印のメニューをなくす方法。

はじめに DataGridのヘッダーから「...(テンテンテン)」や上矢印のメニューをなくす方法を記します。 このテンテンテンは、Kebab Menu (ケバブメニュー)と呼ぶそうです。 環境 @mui/x-data-grid”: “6.1...
プログラミング

DataGridのセルにてWidthが一定以上小さくならないときに確認すること(備忘録)

はじめに Data Gridで表を作成するとき、セルのサイズなど指定することができますが、 Widthを一定以上小さくしようとプロパティを設定しても小さくならないです。 そのときに確認するべきことを記します。 環境 @mui/x-data-...
プログラミング

MUIのDataGridでshowCellRightBorderを使うとエラーが出る。対処法。

はじめに DataGridを使っていて、セルにBorderを適用させたかったのですが、用意されていたプロパティ「showCellRightBorder」を設定しても割り当てられないとエラーが発生してしまいます。 <DataGrid rows...
スポンサーリンク