仮想環境【WSL2】Watchpack Error (initial scan): Error: EACCES: permission denied, lstat ‘/mnt/c/というエラー
Next.jsのプロジェクトで、next devを実行すると Watchpack Error (initial scan): Error: EACCES: permission denied, lstat '/mnt/c/ ・ ・ ...
仮想環境Linux【Next.js】Error: error:0308010C:digital envelope routines::unsupportedなエラー
Next.jsのプロジェクトでタイトルのエラーが出たので、ググると以下のページがヒットして Next.jsでError： error：0308010C：digital envelope routines：：unsupportedを直す方法...
Linux/bin/sh: 1: redis-server: not foundというエラー
sudo apt-get install redis-server で解決しました。 redis-serverってNode.jsのソフトかと勘違いしてたけど、Linuxでインストールして使うものなんですね･･･。 てかよく考えればそう...
MySQLUbuntuでローカルで使えるMySQLコンテナを作る→VScodeからアクセスする
以下のコマンドで作れます。 docker run --name コンテナ名 -e MYSQL_ROOT_PASSWORD=パスワード -d -p ホストのPORT番号:コンテナ側のPORT番号 mysql:タグ番号 例えば以下のよう...
仮想環境docker-composeで立ち上げたコンテナの時間ズレ
問題 docker-composeで立ち上げたWordpressで記事を書いてみたら、投稿時間がずれていることに気づきました。 具体的に言うと 実際の時間：18:30 表示された投稿時間：17:47 みたいな感じ。 ...
React【Next.js】widgets.jsを使ってTweet埋め込みをした際にNotFoundError
やろうとしたこと Next.jsで「記事データ（.html）からSSGで静的ブログを作成する」というのをやろうとした。 やり方としては、rehypeやrehype-reactを使って、HTML→ReactElementに変換して...
Wordpressdocker-composeでWordPress環境を作ってHeadlessCMSとして利用する
やろうとしたこと Next.jsで静的なブログを作るために、WordpressをHeadlessCMSとして使いたいと思いました。 なので、Docker ComposeでWordpress環境をローカルに作って、それをGitHubと同期...
ReactNext.jsでJamStackな静的ブログを作った→MarkdownじゃなくてHTMLで記事を管理することにした
作ったブログ： ソース： Markdownが苦手 「Next.js 静的ブログ」などでググると、Markdownで記事を管理している方法ばかりヒットします。 具体的に言うと、MarkdownをHTMLに変換して、それを re...
読んだ本「基礎から学ぶ React/React Hooks」を読んだ感想 ⭐⭐⭐
「基礎から学ぶ React/React Hooks」という本を読んだ。 結論からいうと、普通だった。 書評 どんな本か Reactの基礎が学べる本 読者想定 「React公式のチュートリアルを終わ...
Node.jspeerDependenciesとは？【package.json】
以下の2つの違いが分からなくて「ぜんぜん意味がわからん😭😭😭」となったのですが dependencies peerDependencies この2つは、「銃」と「マガジン」の関係に例えると分かりやすいかもしれま...
React【React】React.memo、useCallback、useMemoの違い
忘れそうなのでメモしておきます。 React.memo コンポーネントのメモ化できるHOC。 propsが変更されない限り、コンポーネントが再レンダリングされなくなる。 useCallback ...
HTML/CSS/JavaScriptリアルタイム通信を実現するWEB技術の違い【ポーリング、ロングポーリング、SSE、WebSocket】
リアルタイム通信を実現する方法として ポーリング ロングポーリング SSE WebSocket の4つがあるらしい。 その違いをメモ。 違い ポーリング： クライアント側が定期的...
読んだ本「ハンズオン Node.js」を読んだ感想 ⭐⭐⭐⭐⭐
「ハンズオン Node.js」という本を読んだ。 結論からいうと、神本だった。 書評 どんな本か Node.jsの初級～中級までの内容を網羅している本 学べた点 自分の知らないことだらけだったので、めちゃ...
WEB業界WEB制作会社「当社はUI/UXに強い会社です」←どういう意味？
求人を見てると「当社はUI/UXに強い会社です！」みたいに謳っているWEB制作会社が多いですけど UI/UXに強いってどういう意味なんだ･･･？と調べた結果メモ。 UI：ユーザーインターフェース UX：ユーザーエクスペ...
PA-API【Amazonビデオ】ASINコードの仕組みメモ
ググっても情報が見つからなかったので 私が調べた限りの情報をメモしておきます。 1つのビデオ → 複数のASINコード 例えば、「シン・ゴジラ」という邦画を例にします。 「シン・ゴジラ」とAmazonで検索すると、以下のよう...
読んだ本「フロントエンド開発入門」を読んだ感想 ⭐⭐⭐
「フロントエンド開発入門」という本を読んだ。 結論からいうと、普通だった。 書評 どんな本か フロントエンドエンジニアに必要な現場の知識を”浅く広く”紹介している本 読むのに必要な知識 最低でも以下の基礎...
読んだ本「UIデザインの教科書」を読んだ感想 ⭐⭐⭐
「UIデザインの教科書」という本を読んだ。 結論からいうと、微妙だった。 書評 どんな本か 「WEBサイトはこういう風にするとUIが使いやすくなるよ」を中心に紹介している本 思った点 最初から最後...
読んだ本「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」を読んだ感想 ⭐⭐⭐⭐
「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」という本を読んだ。 結論からいうと、良本だった。 書評 どんな本か HTML/CSS初心者向けの本。 JavaScriptは...
暗号暗号利用モードの違い | ECB以外なら何でもいい
「暗号利用モードってどう違うんだっけ」って毎回なるので メモしておきます。 そもそもブロック暗号とは？ 一定の長さごとに暗号化していく方式。 例えば「やまだたろう」という文章を暗号化する場合、まず「やま」「だた」「ろう」みた...
Node.jsdependenciesとdevDependenciesの違い【package.json】
調べたことメモ。 dependencies： →「アプリ本体で使うよー」なパッケージ devDependencies： →「開発のときだけ使うよー」なパッケージ インストール方法 例えば、パッケー...
読んだ本「JavaScriptモダンプログラミング完全ガイド」を読んだ感想 ⭐
「JavaScriptモダンプログラミング完全ガイド」という本を読もうと思ったんですが 以下の2つの理由からすぐに読む気が失せました。 英数字が全角で書かれている これありえなくないですか･･･？ ...
React【Next.js】サブディレクトリにデプロイする
Next.jsでは、パスがデフォルトで/になっているらしい。 なので、例えばソース内で <img src="/image/a.jpg"> みたいに書いた状態で、example.com/sub/にアプリをデプロイすると、...
作ったアプリの紹介「支払いの天才」というWEBアプリを作った
「支払いの天才」というWEBアプリを作りました。 はじめて作ったWEBアプリなので「ここはこうすればよかったな」のオンパレードなのですが、せっかく作ったので色々書きたいと思います😊 このアプリを作った理由 理由は以下のような感じで...
読んだ本「リーダブルコード」を読んだ感想 ⭐⭐⭐⭐⭐
「リーダブルコード」という本を読んだ。 結論からいうと、噂通り神本だった。 書評 どんな本か 読みやすいコードの書き方をひたすら説明している本 思った点 ある程度コードを書いた人じゃないと「分かり...
読んだ本「作りながら学ぶWebプログラミング実践入門」を読んだ感想 ⭐⭐⭐
「作りながら学ぶWebプログラミング実践入門」という本を読んだ。 結論からいうと、個人的には良本だったけど初心者にはキツイ本だと思った。 書評 どんな本か 以下を”超”ザックリ学べる本 HTML ...
CI/CDUserKnownHostsFileとStrictHostKeyChecking【ssh】
メモ。 StrictHostKeyChecking： known_hostsに書き込むかどうか？についての設定 UserKnownHostsFile： デフォルトのknown_ho...
CI/CDrsyncコマンドでXサーバーにローカルのファイルを同期する
rsyncコマンドで、以下のように書くと同期できました。 rsync -auvz -e "ssh -i Xサーバーからダウンロードした秘密鍵.key -o UserKnownHostsFile=/dev/null -o S...
読んだ本「初心者からちゃんとしたプロになる HTML+CSS標準入門」を読んだ感想 ⭐⭐⭐⭐
「初心者からちゃんとしたプロになる HTML+CSS標準入門」という本を読んだ。 結論からいうと、良本だったけど自分には不要だった。 書評 自分のレベルには合っていませんでした。 どんな本か HTML/CSSの...
GitGit＋GitHubでブランチを切って開発する流れ
実際の本番環境でGit＋GitHubでブランチを切って開発していく流れをメモ。 記事中で使っているスクショはSourceTreeです。 1．cloneする プロジェクトが手元にないなら、cloneコマンドでコピーします。 git...
読んだ本「Real World HTTP 第2版 」を読んだ感想 ⭐⭐⭐⭐⭐
「Real World HTTP 第2版 」という本を読んだ。 結論からいうと、難しくて4割くらいしか理解できなかった😭 書評 どんな本か HTTPプロトコルをめちゃくちゃ詳しく解説している本。 Go言語を...