HTML/CSS/JavaScript リアルタイム通信を実現するWEB技術の違い【ポーリング、ロングポーリング、SSE、WebSocket】
リアルタイム通信を実現する方法として ポーリング ロングポーリング SSE WebSocketの4つがあるらしい。その違いをメモ。違い ポーリング： クライアント側が定期的に「更新されてない？」と尋ねて、それに対してサーバー側は更新されてい...
HTML/CSS/JavaScript 
読んだ本 「ハンズオン Node.js」を読んだ感想 ⭐⭐⭐⭐⭐
「ハンズオン Node.js」という本を読んだ。結論からいうと、神本だった。書評どんな本か Node.jsの初級～中級までの内容を網羅している本学べた点自分の知らないことだらけだったので、めちゃくちゃ知識が増えました。理解するのに40時間く...
WEB業界 WEB制作会社「当社はUI/UXに強い会社です」←どういう意味？
求人を見てると「当社はUI/UXに強い会社です！」みたいに謳っているWEB制作会社が多いですけどUI/UXに強いってどういう意味なんだ･･･？と調べた結果メモ。 UI：ユーザーインターフェース UX：ユーザーエクスペリエンス結論から言うと、...
PA-API 【Amazonビデオ】ASINコードの仕組みメモ
ググっても情報が見つからなかったので私が調べた限りの情報をメモしておきます。1つのビデオ → 複数のASINコード例えば、「シン・ゴジラ」という邦画を例にします。「シン・ゴジラ」とAmazonで検索すると、以下のように表示されます。検索1件...
読んだ本 「フロントエンド開発入門」を読んだ感想 ⭐⭐⭐
「フロントエンド開発入門」という本を読んだ。結論からいうと、普通だった。書評どんな本か フロントエンドエンジニアに必要な現場の知識を”浅く広く”紹介している本読むのに必要な知識最低でも以下の基礎知識がないとまったく理解できない内容となってま...
読んだ本 「UIデザインの教科書」を読んだ感想 ⭐⭐⭐
「UIデザインの教科書」という本を読んだ。結論からいうと、微妙だった。書評どんな本か 「WEBサイトはこういう風にするとUIが使いやすくなるよ」を中心に紹介している本思った点 最初から最後まで「ふーん。で？」って感じだった よく考えれば分か...
読んだ本 「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」を読んだ感想 ⭐⭐⭐⭐
「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」という本を読んだ。結論からいうと、良本だった。書評どんな本か HTML/CSS初心者向けの本。 JavaScriptは解説されていない。 WEB業界で著名なManaさ...
暗号 暗号利用モードの違い | ECB以外なら何でもいい
「暗号利用モードってどう違うんだっけ」って毎回なるのでメモしておきます。そもそもブロック暗号とは？一定の長さごとに暗号化していく方式。例えば「やまだたろう」という文章を暗号化する場合、まず「やま」「だた」「ろう」みたいに一定の長さで分割して...
Node.js dependenciesとdevDependenciesの違い【package.json】
調べたことメモ。 dependencies：→「アプリ本体で使うよー」なパッケージ devDependencies：→「開発のときだけ使うよー」なパッケージインストール方法例えば、パッケージAをインストールする場合は、それぞれ以下のように書...
読んだ本 「JavaScriptモダンプログラミング完全ガイド」を読んだ感想 ⭐
「JavaScriptモダンプログラミング完全ガイド」という本を読もうと思ったんですが以下の2つの理由からすぐに読む気が失せました。 英数字が全角で書かれている これありえなくないですか･･･？ 全角の英数字とか読みにくすぎるんですが。。 ...
React 【Next.js】サブディレクトリにデプロイする
Next.jsでは、パスがデフォルトで/になっているらしい。なので、例えばソース内で<img src="/image/a.jpg">みたいに書いた状態で、example.com/sub/にアプリをデプロイすると、example.com/im...
作ったもの 「支払いの天才」というWEBアプリを作った
「支払いの天才」というWEBアプリを作りました。はじめて作ったWEBアプリなので「ここはこうすればよかったな」のオンパレードなのですが、せっかく作ったので色々書きたいと思います😊このアプリを作った理由理由は以下のような感じです。 React...
読んだ本 「リーダブルコード」を読んだ感想 ⭐⭐⭐⭐⭐
「リーダブルコード」という本を読んだ。結論からいうと、噂通り神本だった。書評どんな本か 読みやすいコードの書き方をひたすら説明している本思った点 ある程度コードを書いた人じゃないと「分かりみ」が浅くなると思った まったくコードを書いたことが...
読んだ本 「作りながら学ぶWebプログラミング実践入門」を読んだ感想 ⭐⭐⭐
「作りながら学ぶWebプログラミング実践入門」という本を読んだ。結論からいうと、個人的には良本だったけど初心者にはキツイ本だと思った。書評どんな本か 以下を”超”ザックリ学べる本 HTML CSS JavaScript Node.js SQ...
CI/CD UserKnownHostsFileとStrictHostKeyChecking【ssh】
メモ。 StrictHostKeyChecking： known_hostsに書き込むかどうか？についての設定 UserKnownHostsFile： デフォルトのknown_hostsの代わりに使用するファイルの設定前知識まず前提を説...
CI/CD rsyncコマンドでXサーバーにローカルのファイルを同期する
rsyncコマンドで、以下のように書くと同期できました。rsync -auvz -e "ssh -i Xサーバーからダウンロードした秘密鍵.key -o UserKnownHostsFile=/dev/null -o StrictHostK...
読んだ本 「初心者からちゃんとしたプロになる HTML+CSS標準入門」を読んだ感想 ⭐⭐⭐⭐
「初心者からちゃんとしたプロになる HTML+CSS標準入門」という本を読んだ。結論からいうと、良本だったけど自分には不要だった。書評自分のレベルには合っていませんでした。どんな本か HTML/CSSの入門書思った点 初心者向け🔰 自分の場...
Git Git＋GitHubでブランチを切って開発する流れ
実際の本番環境でGit＋GitHubでブランチを切って開発していく流れをメモ。記事中で使っているスクショはSourceTreeです。1．cloneするプロジェクトが手元にないなら、cloneコマンドでコピーします。git clone clo...
読んだ本 「Real World HTTP 第2版 」を読んだ感想 ⭐⭐⭐⭐⭐
「Real World HTTP 第2版 」という本を読んだ。結論からいうと、難しくて4割くらいしか理解できなかった😭書評どんな本か HTTPプロトコルをめちゃくちゃ詳しく解説している本。 Go言語を使って様々なサンプルプログラムを動かして...
React 【Next.js】WEBフォントを追加する
<HEAD>コンポーネントを使います。例として、Google FontsのNoto Sans JPを追加するコードについて紹介します。全ページに追加する_document.jsxに書けば、全ページに反映できます。_document.jsxi...
読んだ本 「JavaScript コードレシピ集」を読んだ感想 ⭐⭐⭐⭐⭐
「JavaScript コードレシピ集」という本を読んだ。結論からいうと、良本だった。書評株式会社ICSの人が書いているので「どうせ良本だろうな」と思いつつ読んだのですが、案の定良本でした。思った点： 初心者向けではなく、初級者以上向け 超...
CI/CD タスクスケジューラーが勝手に無効になるのでJenkinsに乗り換えた話
タスクスケジューラーを使って「定期的にバッチファイルを走らす」というのをやっていたのですがなぜか設定したタスクがいつの間にか「無効」になってしまう😣何度も設定を見直したり、1から作り直したりしてもダメ。もう原因突き止めるの面倒くせえわ！！😇...
読んだ本 「仕組みと使い方がわかる Docker&Kubernetesのきほんのきほん 」を読んだ感想 ⭐⭐⭐⭐⭐
「仕組みと使い方がわかる Docker&Kubernetesのきほんのきほん」という本を読んだ。結論からいうと、最高の本だった。書評「Linuxの基本はある程度知ってるけど、DockerとKubernetesは全然知らん！」みたいな人に超オ...
読んだ本 「Web技術のしくみ」を読んだ感想 ⭐
「Web技術のしくみ」という本を読んだ。結論からいうと、最悪だった。書評良かった点： 特になし悪かった点： 内容が浅い 表面をサラーッと撫でているだけなので、自分でGoogle検索するなりして深堀りしていかないと、読み終わった後も「よくわか...
HTML/CSS/JavaScript 【違い】dns-prefetch、preconnect、prefetch、preload、prerender
ブラウザがリソースを取得するまでの流れ。 -> -> -> -> 意味dns-prefetch「DNSの名前解決だけ先にやっとけ」な指示preconnect「HTTPの接続の確立までやっとけ」な指示prefetch「リソースを取ってくるとこ...
HTML/CSS/JavaScript クリティカルCSSとは？わかりやすく
一言でいうと ページを読み込んだ際に「最初に見える部分」のCSSだけをHTMLファイルにインラインCSSとして書き込んでおいて、「最初に見える部分以外」のCSSは外部ファイルとして非同期で読み込んで高速化しようぜ！なテクニックのことらしい。...
仮想環境 Windows版Docker｜3種類の違い
調べたことメモ。大前提まず大前提として、DockerはLinux上でしか動きません。大事なことなのでもう一度言います。DockerはLinux上でしか動きません。え？でもMacやWindowsでも動いてるじゃん？と思うかもですが、厳密に言う...
HTML/CSS/JavaScript DefinitelyTypeとは？Flowtypeとの違い
違い DefinitelyType： 「いろいろなライブラリ用のTypeScriptの型定義ファイルを公開しようぜー！」なプロジェクトのこと。 またはそのプロジェクトによって作られた型定義ファイルのこと。 flow（日本ではflowtype...
読んだ本 「Webデザインの新しい教科書 改訂3版」を読んだ感想 ⭐
「Webデザインの新しい教科書 改訂3版」という本を読んだ。結論からいうと、微妙だった。書評読んで思った点： WEBデザインのことがほとんど紹介されていない HTML/CSSの説明で8割くらい使われているので「WEBデザインの本というよりH...
読んだ本 「改訂新版JavaScript本格入門」を読んだ感想 ⭐⭐⭐⭐⭐
「改訂新版JavaScript本格入門」という本を読んだ。結論からいうと、噂通りの良書だった。書評読んで思った点： 本が分厚い良かった点： 文章が平易でわかりやすい JavaScriptの基本的な文法・機能がほぼ全部網羅されてる（Proxy...