作ったもの 「支払いの天才」というWEBアプリを作った
「支払いの天才」というWEBアプリを作りました。 はじめて作ったWEBアプリなので「ここはこうすればよかったな」のオンパレードなのですが、せっかく作ったので色々書きたいと思います😊 このアプリを作った理由 理由は以下のような感じです。 Re...
作ったもの 
読んだ本 「リーダブルコード」を読んだ感想 ⭐⭐⭐⭐⭐
「リーダブルコード」という本を読んだ。 結論からいうと、噂通り神本だった。 書評 どんな本か 読みやすいコードの書き方をひたすら説明している本 思った点 ある程度コードを書いた人じゃないと「分かりみ」が浅くなると思った まったくコードを書い...
読んだ本 「作りながら学ぶWebプログラミング実践入門」を読んだ感想 ⭐⭐⭐
「作りながら学ぶWebプログラミング実践入門」という本を読んだ。 結論からいうと、個人的には良本だったけど初心者にはキツイ本だと思った。 書評 どんな本か 以下を”超”ザックリ学べる本 HTML CSS JavaScript Node.js...
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 StrictHost...
読んだ本 「初心者からちゃんとしたプロになる HTML+CSS標準入門」を読んだ感想 ⭐⭐⭐⭐
「初心者からちゃんとしたプロになる HTML+CSS標準入門」という本を読んだ。 結論からいうと、良本だったけど自分には不要だった。 書評 自分のレベルには合っていませんでした。 どんな本か HTML/CSSの入門書 思った点 初心者向け🔰...
Git Git＋GitHubでブランチを切って開発する流れ
実際の本番環境でGit＋GitHubでブランチを切って開発していく流れをメモ。 記事中で使っているスクショはSourceTreeです。 1．cloneする プロジェクトが手元にないなら、cloneコマンドでコピーします。 git clone...
読んだ本 「Real World HTTP 第2版 」を読んだ感想 ⭐⭐⭐⭐⭐
「Real World HTTP 第2版 」という本を読んだ。 結論からいうと、難しくて4割くらいしか理解できなかった😭 書評 どんな本か HTTPプロトコルをめちゃくちゃ詳しく解説している本。 Go言語を使って様々なサンプルプログラムを動...
React 【Next.js】WEBフォントを追加する
<HEAD>コンポーネントを使います。 例として、Google FontsのNoto Sans JPを追加するコードについて紹介します。 全ページに追加する _document.jsxに書けば、全ページに反映できます。 _document....
読んだ本 「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全事典」という本を読んだ。 結論からいうと、普通だった。 書評 図書館で「なんか良い本ないかな～」と散策してたら、偶然この本を見つけたので読んでみた感じです。 読んで思った点： 筆者には申し...
Wordpress 【Cocoon】ブラウザキャッシュとは？ONにしたときのデメリット
「Cocoon」にあるブラウザキャッシュの有効化という機能は一体何をしているのか？ を調べた結果メモ。 先に結論 結論からいうとブラウザキャッシュの有効化をONにすると 画像 フォント JSファイル CSSファイル PDFファイル などの有...
Linux RewriteRuleとRedirectの違い【Apache】
どちらもリダイレクトするのに使うディレクティブですが、機能は全然違います。 Redirect RewriteRule モジュールが必要？ 不要 mod_rewrite.cが必要 リダイレクト後のURLは？ 変わる (HTTPレスポンスで30...
HTML/CSS/JavaScript キャッシュ系のHTTPヘッダー5種類の違い
とりあえずザックリ調べたことをメモ。（書いておかないと100%忘れそうなので･･･） キャッシュ関係のHTTPヘッダーには、以下の5つがあります。 レスポンスヘッダー リクエストヘッダー 問答無用でキャッシュを使う系 Expires × ×...
その他 Squooshをコマンドラインで使って複数画像を一括で圧縮する
Googleが画像圧縮ツールを公開しているらしい。 その名も「Squoosh」。 Squooshとは？ 詳しく説明は省きますが、ザックリ箇条書きすると以下のような特徴を持ちます。 画像の圧縮・縮小ができる 読み込み可能：画像全般 出力可能：...
HTML/CSS/JavaScript Google検索で画像を非表示にする方法【虫が怖い】
家のゴキブリを駆逐したい。 なので「まずはゴキブリの生態について調べたほうが良いのでは？」と思った。 ただ、ゴキブリのことを調べるとゴキブリの画像を載せているサイトに出くわすのが怖い。とても怖い😱 というかもう、ゴキブリに限らず虫全般が怖い...
HTML/CSS/JavaScript 1つのclassだけを持つ要素に適用する方法【CSS】
以下のようなHTMLがあったとして、 <p class="A B">山田太郎です。</p> <p class="A">山田太郎です。</p> 以下のCSSを適用すると、 .A {color: red;} .B {background-col...