React 【Next.js】WEBフォントを追加する
<HEAD>コンポーネントを使います。例として、Google FontsのNoto Sans JPを追加するコードについて紹介します。全ページに追加する_document.jsxに書けば、全ページに反映できます。_document.jsxi...
2021-08
React 
読んだ本 「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...
HTML/CSS/JavaScript タグ付きテンプレート文字列とは？【JavaScript】
テンプレート文字列とは？テンプレート文字列は、文字列の中に変数を埋め込むことができる機能です。以下のように書きます。const name = "山田";console.log(`こんにちは。私は${name}です。`);//こんにちは。私は...
読んだ本 「図解即戦力 仮想化&コンテナがこれ1冊でしっかりわかる教科書」を読んだ感想 ⭐⭐
「図解即戦力 仮想化&コンテナがこれ1冊でしっかりわかる教科書」という本を読んだ。結論からいうと、微妙だった。書評読んで思った点： 浅く広い良かった点： AWSのコンテナ関連のサービスを浅く広く知ることが出来た悪かった点： かなり浅く広くし...
読んだ本 「HTML5&CSS3デザイン 現場の新標準ガイド【第2版】」を読んだ感想 ⭐⭐⭐⭐⭐
「HTML5&CSS3デザイン 現場の新標準ガイド【第2版】」という本を読んだ。結論からいうと、素晴らしい本だった。書評今まで読んできたHTML本の中で一番よかった。読んで思った点： 初級者～中級者以上向けの本であって、初心者向けではない。...
読んだ本 「この1冊で全部わかる Web制作と運用の基本」を読んだ感想 ⭐⭐⭐
「この1冊で全部わかる Web制作と運用の基本」という本を読んだ。結論からいうと、「んー、思ってたのと違う･･」って感じだった。書評この本を見つけた当初は、前者だと思っていたのですが実は後者でした。 ×：「エンジニアがWEB制作やサイト運用...
読んだ本 「できるポケット Web制作必携 HTML&CSS全事典」を読んだ感想 ⭐⭐
「できるポケット Web制作必携 HTML&CSS全事典」という本を読んだ。結論からいうと、普通だった。書評図書館で「なんか良い本ないかな～」と散策してたら、偶然この本を見つけたので読んでみた感じです。読んで思った点： 筆者には申し訳ないで...