HTML&CSS

【HTML・CSS】要素の配置方法のサンプル集

この記事では CSS を学ぶ上で一番苦手意識を感じやすいHTML要素の配置についてまとめていく。ブロック要素を横並びにするこの記事のサンプルの基本スタイルサンプルとして次のような3つの子要素(div.child)を持つ div 要素(div...
HTML&CSS

【HTML・CSS】ボタンの実装サンプル集

この記事では、HTML/CSSを使ってボタンの実装を行う必要が生じたときのために、ボタンの実装サンプルを書いていく。ボタンボタンの基本的なスタイル以降のこの記事の内容ではこのボタンを基本形として使用し、これにスタイルを当てることで様々なボタ...
Network

WEB の基礎知識

IPアドレスIPアドレス(Internet Protocol address)とは、インターネット上で通信する端末が必ず持つ住所のようなものであり、通信の相手先を識別するための番号として使用される 32 bit の数値のこと。例:192.1...
freee

【freee】ブログの収入(アフィリエイト報酬)の仕分・登録

2021年5月に初めてこのブログで収入を得ることができた。A8.net というアフィリエイトサービスを利用しているのだが、帳簿に記入するのが面倒くさい事態になってしまっていて、帳簿付けを後回しにしていた。夏休みで時間の余裕ができたので、この...
TypeScript

TypeScript の学習メモ

TypeScript のインストールTypescript は開発時にのみ必要なので、--save-dev を付けてインストール。$ npm init$ npm install --save-dev typescriptインストールしたバージ...
Git

Git と GitHub の使い方についての学習メモ

Git の初期設定ユーザー情報の登録ユーザー名git config --global user.name "githubに登録したユーザー名"メールアドレスgit config --global user.email githubに登録した...
Mac

Mac 操作メモ

アップデートソフトウェアのアップデート左上のリンゴのアイコンから「この Mac について」を開く。「ソフトウェア・アップデート...」をクリックする。App Store のアップデート左上のリンゴのアイコンから「App Store...」を...
TypeScript

【TypeScript】Literal 型の Widening / NonWidening を理解する

Literal 型でアノテーションやアサーションをすると、NonWidening な Literal 型になるlet str: 'Hello' = 'Hello';let str2 = str;str2 = 'Goodbye'; // er...
HTML&CSS

【HTML / CSS】Position と z-index についてのメモ

この記事では Position と z-index について解説する。Position プロパティは要素の位置を調節するために使用され、z-index プロパティは要素の重なりを指定するために使用される。Position プロパティPosi...
Markdown

Markdown の基本的な書き方についてのメモ

エンジニアであれば、README.md などの文章を書くために、Markdown についての知識は必須だ。とはいっても Markdown は非常にシンプルな記法なため、すぐに使いこなせるようになる。慣れると色々なメモを全て Markdown...