プログラミング Next.jsのSSG構成でDynamic Routesの使用時に例外ページでエラーが発生するときの暫定措置
開発環境において、Next.jsのApp Routerでダイナミックなルーティングを行う際、 存在しないページへアクセスした場合に404画面に遷移させる方法があります。 そのロジックを組むとエラーが発生してしまう事象が発生しているので エラ...
プログラミング 
Blender 【Blender】オブジェクトに簡単に穴を開ける方法。ブーリアン差分で穴が空かない対処法も（備忘録）
今回は、Blenderにて簡単にオブジェクトに穴を開ける方法を記します。 モディファイアーのブーリアンを使用した別オブジェクトの差分により穴を開ける方法を記しますが、このやり方でも上手くいかない場合があります。 その際の対処法も併せて記しま...
Blender 【Blender】オブジェクトに複雑な操作なく、テクスチャーペイントする。（備忘録）
はじめに 趣味でBlenderを触っていますが、 フリーソフトとはいっても専門知識のいる領域です。 入門者なら分かると思いますが、 作成したオブジェクトに色をつけるのですら苦労します。 Web上に手順が載っているサイトが数多くありますが、 ...
Docker さくらVPSで独自ドメインをSSL化と更新の自動化をした。docker-composeのリバースプロキシにて。
さくらVPS上で、DockerComposeにてリバースプロキシを立ち上げ、独自ドメインをSSL化および、自動更新されるように設定をしていきます。 本記事は、以下記事の摘要及び続きの自動化の部分を記します。 前回までの記事 ①独自ドメインの...
Docker Docker ComposeのリバースプロキシでHTTP-01 チャレンジからHTTPSでアクセスするまでの方法。
はじめに 本記事は、前記事の続きとなります。 前回は、DockerComposeを使用してリバプロを立てた後、Let's Encryptの証明書を発行し、CertBotを使用したHTTP-01チャレンジの認証から証明書の発行まで行いました。...
Docker DockerコンテナでCertbotを使ってHTTP-01 チャレンジする方法（無停止更新の準備）
はじめに Dockerのコンテナにて、リバースプロキシを構築しましたが、次に Let's Encryptを利用し、外部・リバースプロキシ間をSSL化します。 Let's Encryptにて証明書の発行、更新できるように構築にはいくつかの方式...
VPS さくらVPSでSSHキーを追加したのに公開鍵認証がエラーで接続できなかったときの解決方法。
はじめに 今回は、さくらVPSにSSHで接続できる端末を増やそうと、 公開鍵認証の設定を施したにも関わらず、接続できませんでした。 今回は、その解決方法を記します。 さくらVPSに沿った内容ですが、原因としては他のサービスでも起こり得ると思...
ネットワーク MacでSSHポートフォワーディングして踏み台サーバ経由でブラウザからWebアクセスする。
はじめに IP制限のあるサーバにアクセスしたいときに、踏み台サーバを経由してアクセスすることがあります。 今回は、SSHポートフォワーディング（SSHトンネル）のダイナミックポートフォワードを利用してブラウザを利用したWebアクセスを踏み台...
VPS さくらインターネットVPSに契約してSSHの設定まで行った。《Ubuntu》
余談 7年間、様々なレンタルサーバを行き来していました。 FC2ブログを2017年に開設し、数ヶ月後WordPressに移行する際に初めてレンタルサーバ（WordPress専用サーバ）を契約しました。 ある程度運営した2019年頃、併せてウ...
iptables 通常のSSHで接続できるのにVS Code の Remote-SSH だと繋がらないときの対処。
はじめに 本記事は、iptablesを検証設定し、Remote-SSHで繋げられないという内容です。 そもそも本事象や、同様な原因という可能性は極めて低いですが、備忘録として記します。 事象内容 ターミナル等で、SSH接続をすると、問題なく...
Docker Dockerで最小構成なリバースプロキシを作成した。《備忘録》
はじめに 本内容は、今後作成する構成のチュートリアルです。 私はDockerの初学者で、学習の一環で記しているため、不十分な内容の場合があります。 環境 ホスト：Ubuntu 24.04 構成 同一ネットワークでリバースプロキシ、Webのコ...
VMware VMware FusionのubuntuでホストとClipboard(コピペ）の共有ができなくて諦めて別の方法に移行。
VMware FusionにてホストがMac（Apple Silicon)、ゲストにUbuntuServerを使用して、開発環境を構築中に、クリップボード（コピーアンドペースト機能）がホストゲスト間で共有できない不具合に見舞われました。 結...
VMware 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...