React 【Next.js】WEBフォントを追加する
<HEAD>コンポーネントを使います。 例として、Google FontsのNoto Sans JPを追加するコードについて紹介します。 全ページに追加する _document.jsxに書けば、全ページに反映できます。 _document....
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デザインの本という...
読んだ本 「改訂新版JavaScript本格入門」を読んだ感想 ⭐⭐⭐⭐⭐
「改訂新版JavaScript本格入門」という本を読んだ。 結論からいうと、噂通りの良書だった。 書評 読んで思った点： 本が分厚い 良かった点： 文章が平易でわかりやすい JavaScriptの基本的な文法・機能がほぼ全部網羅されてる（P...
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全事典」という本を読んだ。 結論からいうと、普通だった。 書評 図書館で「なんか良い本ないかな～」と散策してたら、偶然この本を見つけたので読んでみた感じです。 読んで思った点： 筆者には申し...