管理人

SEとして働く管理人「まつ」がつぶやく個人運営サイトになります。 ITの難しい用語や、仕事で感じた事などを中心に"わかりやすさ"を意識して記事にしています。少しでも共感や参考にしていただける人がいたら嬉しいです。

Webサイトの閲覧

2023/12/31

【OSI参照モデル】アプリケーション層とは

アプリケーション層 アプリケーション層とは、OSI参照モデルの第7層(レイヤ7)で定義されている層で、その役割は利用者が操作するアプリケーションが提供する機能についての仕様や通信手順などを定めることです。 私たちが普段生活する上で当たり前になってきているコンピュータでの操作。例えば Webサイトの閲覧 や 電子メールの送受信、ファイルのアップロードやダウンロードなどの操作が実現しているのは、アプリケーション層がコンピュータと利用者の架け橋となりサービス(通信プロトコル)を提供しているからです。 上記はアプ ...

プレゼンテーション

2023/12/23

【OSI参照モデル】プレゼンテーション層とは

プレゼンテーション層 OSI参照モデルの「プレゼンテーション層」 プレゼンテーション層とは、OSI参照モデルの第6層(レイヤ6)で定義されている層で、その役割はコンピュータ間のデータ形式(文字コードや圧縮、暗号化など)を定義することです。 例えば異なる文字コードを使用していると、文字化けが発生します。このような文字化けの問題はコンピュータ間で文字コードを統一することで解決できます。 文字に限らず画像や音楽などもデータ形式を統一する必要があります。このようにコンピュータ間のデータ形式を統一することがプレゼン ...

2022/12/25

【令和元年】ブログ収入がある人必見!確定申告書類の作り方

ブログ収入がある人必見!確定申告書類の作り方 2018年に厚生労働省が副業禁止を解禁したことで、副業できる会社 そして 副業をしているサラリーマンも増えてきています。 そして副業収入が年間で20万円を超えると確定申告を行わなければいけません。   本記事では次の条件に当てはまる人を対象とした、確定申告書類の書き方について紹介しています。 事前準備 広告収入の「収入」と「支出」 広告収入の収入と支出(経費)がわかるように表にまとめておきます。 収入は毎月いくらの収入があるのか、支出(経費)はレンタ ...

開始・終了

2023/12/17

【OSI参照モデル】セッション層とは

セッション層 OSI参照モデルのセッション層 セッション層とは、OSI参照モデルの第5層(レイヤ5)で定義されている層で、その役割はコネクションの確立から切断までの通信の一連の手順を管理(セッションの管理)することです。 セッション層は、上位層であるプレゼンテーション層(レイヤ6)からのサービス要求に応じ、下位層であるトランスポート層(レイヤ4)に対してサービス要求を行います。 ただし、近年ではセッション層のプロトコルが使われる場面は少なくなっており、実際はほとんど使用されていません。 TCP/IP 4階 ...

会話

2023/12/9

【OSI参照モデル】トランスポート層とは

トランスポート層 トランスポート層とは、OSI参照モデルの第4層(レイヤ4)で定義されている層で、その役割はデータ送受信に関しての信頼性の取り決めを行うことです。 ネットワーク層では、IP(Internet Protocol)を使い目的地までデータを届けることが目的でした。IPはコネクションレス型(一方的に送る)のため、信頼性の低いプロトコルです。 そこで、通信の信頼性(データが正しく渡るための方法)について定めているのがトランスポート層です。 トランスポート層で使う主な通信プロトコルには、コネクション型 ...

Network

2023/8/4

WAN(ワイドエリアネットワーク)とは

WAN(ワイドエリアネットワーク) WANとは WAN(Wide Area Network:ワイドエリアネットワーク)とは、LANとLANを繋いだ広い範囲のネットワークのことです。 WANはLAN(ローカルエリアネットワーク)の利用者がISP(インターネットサービスプロバイダ)と契約することで利用することができます。 例えば、一般家庭の例ではISP(インターネットサービスプロバイダ)と契約することで、コンピュータはブロードバンドルータ(デフォルトゲートウェイ)を経由してインターネットに接続します。 この時 ...

社内LAN

2023/8/4

LAN(ローカルエリアネットワーク)とは

LAN(ローカルエリアネットワーク) LANとは LAN(Local Area Network:ローカルエリアネットワーク)とは、社内や家庭内などで構成された一定範囲の大きさのネットワークのことです。 例えば次の図のように、家庭LANや社内LANに接続されたコンピュータが所属しているネットワークはLAN(ローカルエリアネットワーク)です。 そしてLANから外部ネットワーク(WAN)へとアクセスしていきます。 家庭LANや社内LANから見た外部のネットワークをWAN(Wide Area Network:ワイ ...

チェックボックス

2022/12/25

Bootstrapでチェックボックスを作成する方法

Bootstrapでチェックボックス(checkbox)を作成する方法 縦並びのチェックボックス 縦並びチェックボックスは typeにcheckbox、classに .form-check-input を指定することで作成することができます。 ■ HTML表示イメージ ■ HTMLサンプル <div class="form-check-inline"> <div class="custom-control custom-checkbox"> <input class="cus ...

ネットワーク

2023/12/2

【OSI参照モデル】ネットワーク層とは

ネットワーク層 ネットワーク層とは、OSI参照モデルの第三層(レイヤ3)で定義されている層で、その役割は目的地までデータを届ける(エンド・ツー・エンド)ことです。 OSI参照モデルの第二層(レイヤ2)で定義されているデータリンク層の役割は、隣接する機器間の通信を可能にすることでした。 ネットワーク層では、IPアドレスと呼ばれるインターネット上の住所と、ルーティングと呼ばれる最適経路を導き出す仕組みで、目的地までの経路を導き出します。 上記は目的地までデータを届けるイメージ図です。(※PC1からPC6宛にデ ...

入力

2022/12/25

Bootstrapで入力フォーム(input)を作成する方法

Bootstrapで入力フォームを作成する方法 テキストボックス テキストボックスは typeにtext、classに.form-control を指定することで作成することができます。 ■ HTML表示イメージ   ■ HTMLサンプル <div class="form-group"> <label for="text">名前:</label> <input type="text" id="text" class="form-control"> ...

VLAN

2023/8/4

VLAN(仮想LAN)とは

VLAN(Virtual Local Area Network) VLAN(仮想LAN)とは VLAN(仮想LAN / バーチャルLAN)とは、LANを仮想的に作る技術です。 VLANの設定は主にレイヤ3スイッチ(ルータとレイヤ2スイッチの機能を持つ)やレイヤ2スイッチなどのネットワーク機器で行います。 VLAN(Virtual Local Area Network)の技術がなければ、上記図のようにルータやレイヤ3スイッチに接続されたコンピュータは、同じLAN(Local Area Network)セグメ ...

レスポンシブ

2022/12/25

Bootstrapでレスポンシブな画像を作成する

Bootstrapでレスポンシブな画像を作成する方法 レスポンシブとはPC、タブレット、スマートフォンなど、異なる画面サイズの幅を基準にWebサイト表示を柔軟に調整し、見やすく最適な表示にすることです。 HTMLの「img」タグにBootstrapで用意してある.img-fluidを指定することでレスポンシブな画像を作成することができます。 レスポンシブ設定なし ※.img-fluid設定なし レスポンシブ設定をしていない場合、次のようにスマートフォンでは表示でデザインが崩れてしまいます。 ■ PCの表示 ...

玄関

2023/10/28

デフォルトゲートウェイとは

デフォルトゲートウェイ デフォルトゲートウェイとは デフォルトゲートウェイ(default gateway)とは、内部ネットワークと外部ネットワークを繋ぐためのネットワーク機器のことです。一般的にはルータがデフォルトゲートウェイの役割を担当します。 ゲートウェイという言葉は英単語では「玄関」の意味を持ちます。その意味の通り、内部ネットワークにいるコンピュータからインターネットなどの外部ネットワークにアクセスする際は必ず玄関であるデフォルトゲートウェイを経由します。 上記図のように内部ネットワークであるLA ...

ツリー構造

2022/12/25

Bootstrapで簡単にパンくずリストを作成する

Bootstrapでパンくずリストの作り方 [手順1] パンくずリストのエリアを作る まず、パンくずリストを表示させたい場所に<nav aria-label="breadcrumb">タグを追加します。 <nav aria-label="breadcrumb"> </nav> [手順2] パンくずリストの中身を作る 次にパンくずリストの中身を追加してきます。 パンくずリストの中身は「ul」もしくは「ol」タグで作成し、「ul」もしくは「ol」タグには.breadcrum ...

ナビゲーションバー

2022/12/25

Bootstrapでナビゲーションバーを作成する方法

Bootstrapでナビゲーションバーを作成する方法 ナビゲーションバーの設置 ナビゲーションバーは「nav」タグに.navbarを指定することで作成することができます。 そして、ナビゲーションバーの文字色と背景色を指定します。 背景が黒系の場合は .navbar-dark 白系の場合は .navbar-light   背景色は次のスタイルが用意されているので、お好みの色を選択します。 スタイル 色 .bg-primary #007bff .bg-secondary #6c757d .bg-su ...

【入門】Bootstrapでtableを作成する方法

2020/2/11

Bootstrapで簡単にtableを作成する

Bootstrapでtableを作成する方法 基本テーブル .tableクラスを指定すると、Bootstrapの基本テーブルが表示されます。 [HTMLイメージ] [HTMLサンプル] <table class="table"> <thead> <tr><th>#</th><th>名前</th><th>年齢</th></tr> </thead> <tbody> & ...

【入門】Bootstrapの使い方

2020/2/11

【入門】Bootstrapの使い方

Bootstrapとは Bootstrapとは、Twitter社が開発したCSSの「フレームワーク」です。 このフレームワークには、様々なデザイン(CSS)が用意されており、用意されているデザインを使うだけで簡単にWebサイトのデザインを作ることができます。 Bootstrapを使う利点はもう一つあります。それは「レスポンシブWebデザイン」に対応しているところです。   レスポンシブWebデザインとは、PC、タブレット、スマートフォンなど、複数の異なる端末に対し画面サイズをWebサイト表示の判 ...

ルータ(router)とは

2024/2/23

ルータ(router)とは

ルータ(router) ルータ(router)とは、コンピュータネットワーク上において異なるネットワーク間の中継器です。そして、OSI参照モデルやTCP/IPの階層モデルではネットワーク層(インターネット層)で動作するネットワーク機器です。 次の図のように「ネットワークA」「ネットワークB」「ネットワークC」と異なるネットワークが3つあるとします。ルータは異なるネットワーク間の中継器なので、各ネットワークに所属しているコンピュータが異なるネットワークにアクセスする際は必ずルータを経由します。 ルータの機能 ...

ルーティングプロトコルとは

2024/2/23

ルーティングプロトコルとは

ルーティングプロトコル ルーティングプロトコルとは、ルータが保持している経路情報を自動で更新する際に使用する通信プロトコルです。 ルーティングプロトコルで経路情報を交換し、ルータが保持している「ルーティングテーブル」を最新化します。「ルーティングテーブル」を最新化することで、ルータがどのルートが最適ルートであるか判断することができ、ネットワーク上での通信を可能としています。 ルーティングとは ルーティングとは、ネットワーク上で通信する際、宛先までの最適経路を導き出してくれる仕組みのことです ネットワーク層 ...

ルーティングとは

2023/8/4

ルーティングとは

ルーティング ネットワーク上での通信の仕組みは宅配便の仕組みと非常に似ています。 宅配便は、まず「届け先住所」に近い営業所へと荷物が送られます。そして営業所から「届け先住所」へと荷物を届ける流れです。 ネットワーク上での通信も宅配便の仕組みと似ています。ルータ(もしくはL3スイッチ)と呼ばれるネットワーク機器が「宛先IPアドレス」を見て、宛先に近いルータへとデータを転送します。(※ルータは営業所のイメージ)   そして宛先に近いルータから「宛先IPアドレス」が設定されているコンピュータへとデータ ...