HTML/CSS/JavaScript viewportとは？device-widthと実際の解像度との違い
HTMLで絶対に使われる以下の意味を知らなかったので、調べた結果メモ。<meta name="viewport" content="width=device-width, initial-scale=1.0" />「そもそもviewport...
2021-03
HTML/CSS/JavaScript 
読んだ本 「 この一冊で全部わかるWeb技術の基本」を読んだ感想 ⭐⭐⭐
「 この一冊で全部わかるWeb技術の基本」という本を読んだ。結論からいうと、自分（初級者）には微妙な本だったけど初心者には良本だと思った。書評良かった点： Web全般の知識を浅ーーーく広ーーーーく知ることができる ページの半分が図解ページな...
読んだ本 「オブジェクト指向でなぜつくるのか」を読んだ感想 ⭐⭐⭐⭐
オブジェクト指向でなぜ作るのか（第1版）という本を読んだ。結論から言うと、良書だったけど自分には早かった気がした。書評なぜシリーズの本は大体どれも名著らしいけど「オブジェクト指向でなぜ作るのか」はその中でも特に名著らしいので今回読んでみた。...
デザイン 【Figma】Auto layoutとConstrains
Auto layoutとは？名前のとおり、「自動でレイアウトしまっせー」という機能。例えば Rectangleでボタンを作る Textで文字を作る 2つをグループ化してAuto layoutを適用するという風にしてボタンを作ります。そして、...
HTML/CSS/JavaScript implements/interface/type/extendsの違い【TypeScript】
自分用のメモ。 interface：オブジェクト、クラス、関数の型のみを宣言する type：どんな型でも宣言する extends：継承する implements：実装するinterfaceとtypeはすごく似てるので正直どちらを使っても良い...
HTML/CSS/JavaScript aタグのcolorが親要素から継承されない
例えば以下のようなHTMLとCSSがある場合、index.html<div> <a href="google.com">google</a> <p>yahoo</p><div>style.cssdiv{ color:red;}「divの色...
HTML/CSS/JavaScript Jamstackとは？超わかりやすく
Jamstackについて調べた結果メモ。初心者向けに書きます。Jamstackとは「JavaScript＋API＋Markupを使ってサイトとかを管理しようぜー」なこと。頭文字を取って「Jam」。例えば、Wordpressでサイトを公開する...
HTML/CSS/JavaScript Jamstack・WordPress・静的化WordPressのメリット・デメリット
静的サイトジェネレーターには JavaScript＋API＋Markup（これがJamstack。APIの部分はWordpressを想定するものとする） JavaScript＋Markdown＋Markup（これに名前はないっぽいのですが、...
Node.js Node.jsでスクレイピングする方法
Node.jsに限らないことだけど、スクレイピングの手法には大きく分けて CurlコマンドなどのHTTPクライアントソフトでページを取得する方法 ヘッドレスブラウザ経由でページを取得する方法の2種類があります。１．の方法は昔ながらの方法。昔...
HTML/CSS/JavaScript 論理演算子の意味を勘違いしていた【JavaScript】
Reactの公式を見てると、以下のような記述を見かけて混乱した。 {unreadMessages.length > 0 &&<h2>You have {unreadMessages.length} unread messages.</h2>...
Node.js Node.js＋ExpressでCookieの設定・削除のサンプル
復習がてら、Node.js＋Expressで以下のgifのようなサンプルを作りました。それについてメモ。 ページを開いた際、cookieにuserNameが存在していれば、その値を使って名前を表示する 最初は未設定なのでゲストと表示される。...
読んだ本 「React.js & Next.js 超入門」を読んだ感想 ⭐⭐⭐⭐
「React.js & Next.js 超入門」という本を読んだ。結論からいうと、良本だった。書評フロントエンド側のフレームワークも1つくらい触っておきたいな―と思っててそんな中、自分の尊敬している人が「Reactが個人的には一番”熱い”と...