← ハシトシステム トップ ツール一覧ブログEnglish
FREE / 無料
身のまわりの技術を、ふりがな付きでわかりやすくまとめた縦長の高解像度ポスター(PNG)です。 学校の掲示や授業、自由研究、ご家庭での学習に、印刷して自由にお使いいただけます。会員登録は不要です。
QRコードの設定値を小中学生向けに説明した学習ポスター
QRコード

QRコードの設定値

型番(バージョン)・誤り訂正レベル・マスクなど、QRコードのしくみを図解。「丈夫だけど大きくなる」関係まで1枚で。

バーコードの種類と記載設定を小中学生向けに説明した学習ポスター
バーコード

バーコードのきほん

JAN・CODE128・CODE39などの種類、JAN(13桁)のしくみ、きれいに作るコツ(余白・コントラスト)をわかりやすく。

IPアドレスとサブネットマスクを小中学生向けに説明した学習ポスター
IPアドレス

IPアドレスのきほん

IPアドレス=住所、サブネットマスク=町の区切り。「/24」の書き方やDHCP・ゲートウェイなど設定と役割を図解。

HTMLの役割と歴史を小中学生向けに説明した学習ポスター
HTML

HTMLのきほん

Webページの「骨組み」を作るHTML。タグの形、意味づけの大切さ、1991年からの歴史までを図解。

CSSの役割と歴史を小中学生向けに説明した学習ポスター
CSS

CSSのきほん

Webページの「見た目」を整えるCSS。書き方(セレクタ)、レスポンシブ、1996年からの歴史をやさしく。

JavaScriptの役割と歴史を小中学生向けに説明した学習ポスター
JavaScript

JavaScriptのきほん

Webページに「動き」を与えるJavaScript。役割・できること・1995年からの歴史を1枚で。

Webページが表示されるまでの流れを説明した学習ポスター
Webのしくみ

ページが表示されるまで

URLを入力してから画面に出るまで。DNS→接続→取得→描画の技術的な流れを図解。

主なサーバ攻撃の仕組みと対策を説明した学習ポスター
セキュリティ

サーバ攻撃と対策

DDoS・SQLインジェクション・XSSなど主な手口の仕組みと、守り方を防御目線でわかりやすく。

脆弱性とCVEによる管理・対応の流れを説明した学習ポスター
セキュリティ

脆弱性とCVE

ソフトの弱点「脆弱性」とは。CVE番号・CVSS、発見から修正・公開までの流れと対策を図解。

OSS(オープンソース)の開発の流れ・利用例・歴史を説明した学習ポスター
開発

OSSのきほん

オープンソースとは。GitHubでの開発の流れ、身近な利用例、GNU・Linuxからの歴史を1枚で。

2進数・16進数のしくみを小中学生向けに説明した学習ポスター
情報

2進数・16進数のしくみ

電気のON/OFF=0と1で数を表すしくみ。2進数・16進数と10進数の関係、FF=255などの変換を1枚で。

ハッシュ関数のしくみを小中学生向けに説明した学習ポスター
情報

ハッシュ関数のしくみ

データから決まった長さの「指紋」を作る一方向のしくみ。暗号化との違いや、改ざん検知・パスワード保管での使い方まで。

カラーコードと光の三原色を小中学生向けに説明した学習ポスター
情報

カラーコードと光の三原色

画面の色は赤・緑・青の光でつくる。0〜255の強さ、#FF0000などのHEX、RGBとHSLの関係をやさしく図解。

安全なパスワードのつくり方を小中学生向けに説明した学習ポスター
セキュリティ

安全なパスワードのつくり方

パスワードは自分だけの合言葉。長くして、ほかのサイトと使い回さないのが安全のいちばんのコツ。

Base64のしくみを小中学生向けに説明した学習ポスター
エンコード

Base64ってなに

画像などのデータを、英数字と記号だけの文字に変えるのがBase64。暗号ではなく「運ぶための変換」。

JSONのしくみを小中学生向けに説明した学習ポスター
データ形式

JSONってなに

コンピュータ同士がデータをやりとりするときによく使う、人にも読みやすい書き方がJSON。

UUIDのしくみを小中学生向けに説明した学習ポスター
識別子

UUIDってなに

たくさんの機器がそれぞれ勝手に作っても、ほとんどかぶらない長い番号がUUID。

URLエンコードのしくみを小中学生向けに説明した学習ポスター
Web

URLエンコードのしくみ

URLには使える文字が決まっている。使えない文字を「%+番号」に置きかえて安全に運ぶのがURLエンコード。

Unix時間のしくみを小中学生向けに説明した学習ポスター
日付と時刻

コンピュータの時間

コンピュータは時刻を「1970年1月1日からの秒数」で数える。これがUnix時間。

差分(diff)のしくみを小中学生向けに説明した学習ポスター
アルゴリズム

差分(diff)のしくみ

2つの文章のちがいを見つけるのがdiff。同じ所を最大限そろえて、増えた所・減った所を見せる。

JWTのしくみを小中学生向けに説明した学習ポスター
認証

JWTってなに

ログインしたあと「確かにあなた」と示す通行証のしくみがJWT。3つの部分でできている。

HTMLエスケープとXSSを小中学生向けに説明した学習ポスター
セキュリティ

HTMLエスケープとXSS

入力をそのまま表示すると、悪いプログラムが動くことがある(XSS)。特殊文字を変換して防ぐ。

命名規則(ケース)を小中学生向けに説明した学習ポスター
コーディング

名前のつけかた

プログラムでは名前のつけ方に「型」がある。そろえると読みやすく、まちがいも減る。

正規表現を小中学生向けに説明した学習ポスター
コーディング

正規表現ってなに

「数字だけ」「メールの形」など、文字のパターンを表して探すしくみが正規表現。

CSVとJSONを小中学生向けに説明した学習ポスター
データ形式

CSVとJSON

表のようなデータを保存・やりとりする代表が CSV と JSON。それぞれ得意がちがう。

文字コードとUTF-8を小中学生向けに説明した学習ポスター
文字コード

文字コードとUTF-8

コンピュータは文字も数字で記録する。世界中の文字を表せるのがUnicodeとUTF-8。

ダミーテキスト(Lorem ipsum)を小中学生向けに説明した学習ポスター
デザイン

ダミーテキストってなに

デザインの見た目を確かめるために入れる「意味のない仮の文章」がダミーテキスト。代表が Lorem ipsum。

ご利用について