HTML&CSS

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

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

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

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

WEB の基礎知識

IPアドレス IPアドレス(Internet Protocol address)とは、インターネット上で通信する端末が必ず持つ住所のようなものであり、通信の相手先を識別するための番号として使用される 32 bit の数値のこと。 例:192...
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'; //...
HTML&CSS

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

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

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

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