はじめに こんにちは。最近娘に絵本を読むのがめんどくさいダン吉です。今日は、巷で話題のWebhookとは何かをわかりやすく伝えるために、画力に圧倒的に自信のない私が恥を覚悟で、子どもによく描いてあげるような絵で表してみます。 Webhookとは Webhookとは何？という方のために、cybozu developer network内のこちらのTipsの冒頭の記述を引用します。 Webhookとは（略）、Webアプリケーションでイベントが実行された際、外部サービスにHTTP で通知する仕組みです。 （参照）「コーディングなしで超簡単！kintoneのWebhookでGmailに通知する」-cybozu developer network サービス同士の連携に使うものだとシステムに関わる方はピンと来ると思いますが、そうでない方にはちょっとまだかたいでしょうか。 私も最初に聞いたときは、上のハ

JavaScript Object Notation（JSON、ジェイソン）はデータ記述言語の1つである。軽量なテキストベースのデータ交換用フォーマットでありプログラミング言語を問わず利用できる[1]。名称と構文はJavaScriptにおけるオブジェクトの表記法に由来する。 JSONはウェブブラウザなどでよく使われているECMA-262, revision 3準拠のJavaScript[2] (ECMAScript) をベースとしている。2006年7月にRFC 4627で仕様が規定され、その後、何度か改定され、2017年12月14日[3]にIETF STD 90およびRFC 8259およびECMA-404 2nd editionが発表された。MIMEタイプは application/json、拡張子はjsonとされた。 IETFおよびECMAおよびISOの仕様の改定の歴史 2006年7月

簡単に書くよ 帯域幅（読：タイイキハバ　英：bandwidth）とは 「何種類の波を出せるの？」のこと。 もう少し具体的に書くと 「あ～、これはね～。最低○周波数から最高×周波数までの波が出るよ」のこと であり 通信するときに使われる電波や光の周波数（単位時間あたりの波の数）の範囲のこと です。 状況によっては 通信速度 の意味で使われている場合もあります。 サクっと一言で説明すると 通信に使われる波の周波数の範囲 が「帯域幅」です。 単に「帯域」と表現されたり「バンド幅」と表現される場合もあります。 ……と、いきなり言われても、よく分かりませんよね。 大丈夫です。 順番に見ていきましょう。 まず、周波数は「単位時間あたりの波の数」です。 単位は「Hz（ヘルツ）」を使うことが多いでしょう。 例えば、1秒間に1回揺れる波は「1Hz」です。 1秒間に5回揺れる波は「5Hz」になります。 波の揺

簡単に書くよ デーモン（英：daemon）とは メモリ上で「さぁ、いつでもかかってこい」と待機している常駐プログラムのUNIX系OSにおける呼び名 です。 順番に見ていきましょう。 まずは予備知識として「OS」と「常駐プログラム」について簡単に説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 OSは「パソコンさんの人格に相当するソフト」です。 パソコンさんは中にOSを入れることで、はじめてパソコンとしてのお仕事ができます。 「これが無いとパソコンじゃねーよ」な基本ソフトです。 OSには、いくつかの種類があります。 Windows、Mac、Linuxなどです。 パソコンさんにWindowsを入れれば「ボクはWindowsだよー」な人格になります。 Linuxを入れれば「ミーはLinuxさー」な人格になります。 ※「OS」という用語が世間に広まったきっか

簡単に書くよ ハッシュ値（読：ハッシュチ　英：hash value）とは ハッシュ関数（入力されたデータをもとにして作った適当な値を返してくれる関数）から返される値 であり 元のデータをあれやこれやして作られた一見すると適当に見える値 です。 順番に見ていきましょう。 まずは予備知識として「関数」と「ハッシュ関数」について簡単に説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 関数は「何かを入れると何かをやって何かを返してくれる、処理のまとまり」です。 一般的には、入力を受けて処理を行い、その結果として出力があります。 ついでなので書いておくと、関数に入れる値は「引数（ヒキスウ）」と言います。 関数から出てくる値は「戻り値」です。 ちょっと汚い話で恐縮ですが、人間は、ご飯を食べて、ウンチを出します。 人間が関数だと考えてください。 ご飯に相当するもの

簡単に書くよ スタック（英：stack）とは 後に入れたものが先に出る構造になっている何か です。 順番に見ていきましょう。 まずは予備知識として「先入先出（FIFO）」と「後入先出（LIFO）」について説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 先入先出（FIFO）は「先に入ったものが先に出てくる」です。 後入先出（LIFO）は「後に入ったものが先に出てくる」です。 例えば、そうですね。 ここに2つのトンネルがありました。 1つは通り抜け可能な普通のトンネルです。 入った方と逆側から出てこれます。 もう1つは中が行き止まりになっている偽物トンネルです。 通り抜けできないので、入った方から戻って出てくるしかありません。 ある日のことです。 ピヨ太君、ピヨ子さん、ピヨ太ママが、それぞれの車でドライブに出かけました。 道が狭いので、縦一列に並んで爆

簡単に書くよ カーネル（英：kernel）とは 白い頭とお髭が特徴のチキンなおっさん ではなくて OS（コンピュータの人格に相当するソフト）がやらなくちゃいけない仕事のうち、とっても大事な部分を担当しているソフトウェア です。 一般的には OSの中核部分として頑張っているソフトウェア と説明されます。 順番に見ていきましょう。 まずは予備知識として「OS」について簡単に説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 OSは「パソコンさんの人格に相当するソフト」です。 パソコンさんは中にOSを入れることで、はじめてパソコンとしてのお仕事ができます。 「これが無いとパソコンじゃねーよ」な基本ソフトです。 ※「OS」という用語が世間に広まったきっかけがパソコンなので「パソコン」と書きましたが、スマホやその他のコンピュータ類でも同じです。 以上を踏まえて、

簡単に書くよ イーサネット（Ethernet）とは LANに採用されている通信規格 であり LANで使われる「物」に関する決まり事 です。 よく分からなければ LANのこと だと思っても、かまいません。 「ねぇねぇ、LANってさ。こんな取り決めの通信にしたらいーんじゃね？」と誰かが言ったところ、みんなが「それ、いーねぇ」と言いました。 そして「こんな取り決め」に沿ってLANは設計されたのです。 この一連の流れで「こんな取り決め」がいくつか決まりました。 その中のひとつが「イーサネット」です。 「こんな取り決め」には他にも「TCP/IP」などがありますよ。 イーサネットとTCP/IP、LANのお話ではよく登場する用語ですよね。 「なんで2つもあるのさ？」と思うかもしれませんが、守備範囲が違うのです。 イーサネットは「物」に関する規格です。 例えばLANケーブルとかそんな奴等ですね。 一方のT

狭い範囲で作られるネットワークだよ インターネットじゃないネットワークだよ よく「WAN」と比較されるよ 「LAN」と表現された場合は「Local Area Network」の略だよ 簡単に書くよ ローカルエリアネットワーク（LAN）（英：Local Area Network）とは 内輪なネットワークのこと。 もう少し真面目ぶって書くと 狭い範囲で作られるネットワークのこと です。 よく分からなければ インターネットじゃないネットワークのこと だと思っても、かまいません。 サクッと一言で説明すると 狭い範囲内のネットワーク が「ローカルエリアネットワーク」です。 一般的には「Local Area Network（ローカル・エリア・ネットワーク）」の頭文字を取って「LAN（ラン）」と表現されます。 ※「Local Area Network」を何となく日本語にすると「局地的な範囲のネットワーク

例えば、そうですね。 １．AからB1とB2に枝分かれしている ２．B1からC11とC12に枝分かれしている ３．B2からC21が伸びている 構成の何かがあったとしましょう。 これを点と線のみで簡略化して書くと、以下のようになります。 この簡略化した構成図における 点の部分 が「ノード」です。 あと、ついでなので書いておくと、線の部分は「エッジ」と言います。 あるいは、そうですね。 [パソコン]―[ルータ]―[サーバ] な構成のネットワークがあったとしましょう。 このネットワークの構成図を書くと、以下のようになります。 さらに、これを点と線のみで簡略化して書くと、以下のようになります。 この簡略化した図における、点の部分（パソコン、ルータ、サーバ）が「ノード」です。 まずは図を点と線で簡略化して書いてみてください。 その際の点に相当する部分がノードです。

IPアドレスのどの部分がネットワーク部で、どの部分がホスト部かを示す情報だよ 2進数表記で「1」の部分がネットワーク部だよ 2進数表記で「0」の部分がホスト部だよ 簡単に書くよ サブネットマスク（英：subnet mask）とは IPアドレス（インターネットをするときにコンピュータに割り当てられる住所）のどこからどこまでが「どのネットワークですよ～」な情報で、どこからどこまでが「どのコンピュータですよ～」な情報かを示す情報 です。 順番に見ていきましょう。 まずは予備知識として「サブネット」と「IPアドレス」について簡単に説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 サブネットは「1つの大きなネットワークを分割して作った小さいネットワーク」です。 ネットワークが会社、コンピュータが社員だとすれば部署みたいなものです。 用語に含まれている単語なので

簡単に書くよ シェル（英：shell）とは コンピュータ株式会社の受付のおねーさんのこと。 もう少し真面目に書くと 人間様からの入力をコンピュータさんに伝えるプログラムのこと です。 イメージしにくければ Windowsにおける「コマンドプロンプト（コンピュータに詳しい人が使う、Windowsにくっついている黒い画面）」みたいなもの と考えても構いません。 例えば、ピヨ太君が「空を飛べ！」と入力したとします。 その入力を受けて、コンピュータの中にいる実際に仕事をするやつに「ねぇねぇ、ピヨ太が『空を飛べ！』って言ってるよ？」と伝える役目を果たすプログラムが「シェル」です。 コンピュータをひとつの会社に例えると、受付のおねーさんみたいなイメージですかね。 訪問者であるピヨ太君は受付のおねーさんに用件を言います。 例えば「ピヨ太ママに弁当を渡しに来ました」と言ったとしましょう。 受付のおねーさん

簡単に書くよ プロキシ（proxy）とは 恥ずかしがり屋なWebブラウザさん（ホームページを見るときに使うソフト）の代理交渉人。 もう少し具体的に書くと ホームページを見るときに使うソフト（Webブラウザ）の身代わりになってホームページにアクセスしてくれるコンピュータのこと です。 順番に見ていきましょう。 まずは予備知識として「Webブラウザ」と「サーバ」について簡単に説明します。 「そんなの説明されなくても知ってるよ！」な人は適当に読み飛ばしてください。 Webブラウザは「ホームページを見るときに使うソフト」です。 Google Chrome（グーグルクローム）やMicrosoft Edge（マイクロソフトエッジ）など、Webブラウザに分類されるソフトは、いろいろあります。 サーバは「サービスや機能を提供する側のコンピュータ」です。 「○○サーバ」と出てきたら「○○関連のサービスを提供

今日は、少し技術的な話ですが、Web担当者も知っておくといい知識を。テーマは「HTTPヘッダー」です。知らなくてもWebサイトは作れますが、知っておくとサイト上での仕組み作りの視野が広がるかもしれません。 ブラウザでWebページを表示するときに、ブラウザはWebサーバーと通信しています。そのときに使われるのが「HTTP」というルールです。 HTTPは「HTTPリクエスト」と「HTTPレスポンス」に分けて考えます。ブラウザがサーバーに「このページを見たい」と頼む通信が「HTTPリクエスト」で、そのリクエストに応えてサーバーがブラウザに返す通信が「HTTPレスポンス」です。 まず、ブラウザ → サーバーの「HTTPリクエスト」から説明しましょう。 HTTPリクエストはブラウザが送るものですから、HTTPリクエストを作るのはブラウザです。サーバーは、受け取ったHTTPリクエストの内容からどんな情