devkuma – devkuma

サイト

kc@example.com (kc kim) — Sun, 01 Sep 2024 10:28:00 +0900

便利なサイト集

Bluetoothはノルウェー王ハーラル・ブルートゥースに由来する

kc@example.com (kc kim) — Sun, 17 Mar 2024 00:26:00 +0900

“Bluetooth"という用語は、ノルウェーの王ハーラル・ブルートゥース(Harald Bluetooth)の名前に由来する。ハーラル・ブルートゥースは10世紀にデンマークとノルウェーを統一した王であり、その名前はノルウェー語で「ブラテン」または「ブラトン」と発音された。

Bluetooth技術はこの名前に由来しており、当時ノルウェーを中心に存在していた異なる民族間の通信を可能にする技術という意味を含んでいる。したがって、Bluetooth技術はさまざまな機器間の無線通信を向上させるために使われる技術として発展した。

Bluetooth技術は現在、携帯電話、スピーカー、ヘッドセット、自動車システムなど、さまざまな電子機器間でデータを無線送信し通信するために広く使われている。これはハーラル・ブルートゥースの名前を取ったことと同じように、異なる機器間の通信を促進し、1つにつなげる役割を果たす。

参考

その他

kc@example.com (kc kim) — Sat, 02 Dec 2023 11:35:00 +0900

ゲーム

kc@example.com (kc kim) — Sat, 02 Dec 2023 11:33:00 +0900

ApacheはHttpdのパッチ(patch)として提供された

kc@example.com (kc kim) — Mon, 27 Nov 2023 01:37:00 +0900

Apache

Apacheは有名なHTTPサーバーである。

About the Apache HTTP Server Project - The Apache HTTP Server Project https://httpd.apache.org/ABOUT_APACHE.html

由来については公式FAQにも載っている。

Why the name “Apache”?
https://wiki.apache.org/httpd/FAQ#Why_the_name_.22Apache.22.3F

The name ‘Apache’ was chosen from respect for the Native American Indian tribe of Apache (Indé), well-known for their superior skills in warfare strategy and their inexhaustible endurance. For more information on the Apache Nation, we suggest searching Google, or AllTheWeb.

Secondarily, and more popularly (though incorrectly) accepted, it’s a considered cute name which stuck. Apache is “A PAtCHy server”. It was based on some existing code and a series of “patch files”.

These days Apache as such means much more. It’s first and foremost the Apache Software Foundation, under which there are dozens of projects.

公式には、ネイティブアメリカンであるアパッチ族への敬意を表して名付けられたという。

しかし、より有名なのは2つ目の「a patchy server」ではないかと思う。“About the Apache HTTP Server Project"にも書かれているが、もともとApacheはNCSA httpdのパッチとして提供され始めたという。
これがpatch files、patchy serverと呼ばれるようになった経緯だとされる。

誤りだと書かれてはいるが、1つ目の説明の方が後から来たようにも感じる…

Ajaxは水洗トイレだった？

kc@example.com (kc kim) — Mon, 27 Nov 2023 00:25:00 +0900

ITにおけるAjax

Ajaxは’Asynchronous JavaScript And XML’の略で、Webアプリケーション開発を行う開発者にはなじみのある概念だろう。

Ajax (programming)
https://en.wikipedia.org/wiki/Ajax_(programming)

Ajaxの別の意味

実はこれは水洗トイレの名称でもある。
16世紀ごろ、イングランド王国のエリザベス1世の時代に、ジョン・ハリントン(John Harington)という臣下が水洗トイレを発明し、それを’Ajax’と名付けた。
もともと’jakes’というトイレを指す俗語があり、それをまねて名前を付けたようである。

ちなみにトイレを’WC’と略すことがあるが、それについて書くと本題からかなり外れるため省略する。

John Harington (writer)
https://en.wikipedia.org/wiki/John_Harington_(writer)

Invention of the toilet Around this time, Harington also devised Britain’s first flushing toilet – called the Ajax (i.e., a “jakes”, which was an old slang word for toilet). It was installed at his manor in Kelston. In 1596, Harington wrote a book called A New Discourse upon a Stale Subject: The Metamorphosis of Ajax about his invention.

語源については諸説あるが、実際にWebアプリケーションでいうAjaxが上記の内容を念頭に置いて命名されたのかは分からない。

Ajaxの初出は下の記事として知られているが、ここではその内容は見つけられない。

Ajax: A New Approach to Web Applications
https://immagic.com/eLibrary/ARCHIVES/GENERAL/ADTVPATH/A050218G.pdf

アメリカには’Ajax’という洗剤があるので、おそらくこれを念頭に置いて命名したのではないかと推測する。
https://en.wikipedia.org/wiki/Ajax_(cleaning_product)

また当時はXMLでデータ通信を行うときにSOAPがそれなりによく使われていたようなので、これも意識されていたのではないかと思う。

上記のブログは公開後に大きな反響を呼び、Q&Aを更新しているようだが、“Does Ajax you meant to relate to a kind of cleaning product?“のような質問はなかったようである。

あるいは見当違いの質問だと判断されて無視されたのかもしれない。

Tea https://www.dailymail.co.uk/femail/cleaning/article-10873265/What-does-AJAX-stand-Spray-wipe-brands-heritage-revealed.html

コンピューターを起動する「Booting」の本当の意味は？

kc@example.com (kc kim) — Mon, 27 Nov 2023 00:25:00 +0900

ブートする

コンピューターを開始するときに「ブートする」と言うが、これはもともとブーツを履きやすくするために引っ張る部分(bootstraps)に由来したものと考えられる。ここでいうbootstrapsは靴ひもではない。

Bootstrapping - Computing https://en.wikipedia.org/wiki/Bootstrapping#Computing

では、なぜ、どのような経緯でコンピューターの起動過程をブートストラッピングと呼ぶようになったのだろうか。これについては正確な事実は分からないようである。

いくつか説があるが、まず英語圏の有名な逆説(paradox)として"Pull oneself up by one’s bootstraps"という言葉がある。一見できそうに見えるが、実際にはできない、つまりばかげていて実現不可能な方法を意味する表現として使われる。

その後、この表現は別の意味でも使われ始め、1922年ごろには他人の助けなしに自立的に自分を改善していく方法という意味で使われたという。

Bootstrapping - Etymology https://en.wikipedia.org/wiki/Bootstrapping#Etymology

Tall boots may have a tab, loop or handle at the top known as a bootstrap, allowing one to use fingers or a boot hook tool to help pulling the boots on. The saying “to pull oneself up by one’s bootstraps”[3] was already in use during the 19th century as an example of an impossible task. The idiom dates at least to 1834, when it appeared in the Workingman’s Advocate: “It is conjectured that Mr. Murphee will now be enabled to hand himself over the Cumberland river or a barn yard fence by the straps of his boots."[4] In 1860 it appeared in a comment on philosophy of mind: “The attempt of the mind to analyze itself [is] an effort analogous to one who would lift himself by his own bootstraps."[5] Bootstrap as a metaphor, meaning to better oneself by one’s own unaided efforts, was in use in 1922.[6] This metaphor spawned additional metaphors for a series of self-sustaining processes that proceed without external help.[7]

ブートストラップの本当の意味は？

整理すると、大きく次の2つの意味で使われていたようである。

実現不可能または愚かな方法
自立的に自分で改善していく方法

ここで初期コンピューターの起動過程について考えてみる。

CPU/RAM/IOだけがあるコンピューターの場合
- 電源を入れた直後、RAMにはプログラムデータがない。
- 外部記憶装置からプログラムを読み込むにはローディングプログラムが必要である。
- ローディングプログラムをメモリへロードするには、さらに別のローディングプログラムが必要である。

上記のような状況になるため、自力ではまったく満足に動作できない。この状況は1つ目の意味の"Pull oneself up by one’s bootstraps"を思い起こさせる。

実際には、内蔵されたトグルスイッチなどを使って1バイトずつコードを書き込み、入力が完了したら実行する形で動作する。パンチカードやテープなどの外部記憶装置からデータを読み込んでRAMにロードし、その後ロードした内容を実行するコードを書く場合もあっただろう。

外部記憶装置などからプログラムをRAMへ自動的にロードする仕組みがある場合、電源を入れて基本ボタンなどを押すと、外部記憶装置からデータを読み込む専用回路が動作する。外部記憶装置からRAMへのプログラムロードが完了するとCPUが初期化され、基本メモリ番号から処理が開始される。必要に応じて、さらに別の入力装置からプログラムをロードし、より複雑な処理を実行する。これは2つ目の意味の"Pull oneself up by one’s bootstraps"を思い起こさせる。

Wikipediaでもこの意味で説明されている。 https://en.wikipedia.org/wiki/Bootstrapping#Computing

上記の内容はすべて推測だが、おそらくコンピューター初期にはこのような状況が多かったのだろう。当時の関係者は皆、「これは本当にpull itself up by its bootstrapsの状態だな」という感覚があったのではないかと思われる。
そのため、ブートストラッピングという単語を自然に使い始め、それが定着していったのではないだろうか。

参考

The Origins of the Phrase “Pull Yourself Up By Your Bootstraps” - Useless Etymology

面白いIT用語の語源

kc@example.com (kc kim) — Mon, 27 Nov 2023 00:06:00 +0900

コンピューター用語の語源は、さまざまな分野から生まれた。ここでは、面白いIT用語の語源について説明する。

参考: wikipedia | List of computer term etymologies

ITにおけるTimestampとは？

kc@example.com (kc kim) — Mon, 27 Nov 2023 00:06:00 +0900

タイムスタンプとは？

タイムスタンプは「時刻表示」を意味する英単語で、文書に押された日付と時刻を指し、IT分野ではファイルやデータの属性の1つとして付与・保存される日付および時刻情報をこう呼ぶ。

タイムスタンプの由来

タイムスタンプは、昔の西洋で郵便物などの書類を送ったり受け取ったりした時刻を示すために使われていたゴム印に由来するとされる。中央に日付があり、24時間を表した円の周囲の特定時刻を上部の三角形が指す方式である。

この印を紙に押して特定の時刻を示していたものが、現在のITシステムではepochを基準に経過した時間を表す形になっている。

画像出典: wikimedia

ファイルシステムにおけるタイムスタンプ

OSのファイルシステムでは、ファイルやディレクトリ(フォルダ)の属性の一種として、作成日時、最終更新日時、最終参照日時などを記録する。これをタイムスタンプ(timestamp)という。

ファイルやディレクトリを作成したり、書き込みや読み込みを行ったりすると、ファイルシステムが自動的に付与・更新する。この情報を基に、ファイルを作成順や更新順で並べ替えたり、別の場所にある同一ファイルのうちどれが最も最近更新されたかを確認したりできる。

電子文書の時刻認証

ある電子文書が過去の特定の日付および時刻の時点で存在し、現在まで改ざんされていないことを証明する仕組みを時刻認証という。このとき付与される日付および時刻情報をタイムスタンプという。

デジタル署名と同様に、時刻認証局(TSA: Time-Stamping Authority)という信頼できる第三者を利用する。文書作成者は文書データのハッシュ値(特徴を表す短いデータ)を認証機関に送り、認証機関は受け付けた日付と時刻、文書のハッシュ値から別のハッシュ値を生成する。

時間が経過した後に文書を検証したい人は、自分が持っている文書と作成者が主張する日付・時刻からハッシュ値を算出し、発行当時のハッシュ値と一致すれば、その文書がタイムスタンプ発行時点に実際に存在し、現在まで改ざんされていないことを確認できる。

Pac Manの意味はホッケーのパック(puck)に由来する

kc@example.com (kc kim) — Mon, 27 Nov 2023 00:06:00 +0900

パックマン

パックマンは日本のゲーム会社ナムコ(namco)の有名なゲームである。英語圏ではマリオよりも多くの人に知られているゲームキャラクターであり、最も認知度の高いゲームおよびキャラクターでもある。もちろん、韓国でもパックマンのおおよそのゲームプレイ画面は誰もが知っているほど有名である。

もともとの英語表記はPuck-Manを想定していたという。ホッケーのパック(puck)に似ていたためである。しかし、書かれたときに"P"が"F"に変えられることを懸念し、Puck ManではなくPac Manになった。

Pac-Man - Wikipedia
https://en.wikipedia.org

The result was a game he named Puck Man[48] as a reference to the main character’s hockey puck shape.[49] Later in 1980, the game was picked up for manufacture in the United States by Bally division Midway,[45] which changed the game’s name from Puck Man to Pac-Man in an effort to avoid vandalism from people changing the letter ‘P’ into an ‘F’ to form the word fuck.

Hugoで構成ファイル(config.yml)に設定された情報を参照する方法

kc@example.com (kc kim) — Sun, 14 May 2023 16:33:00 +0900

構成ファイルの基本

Hugoサイトの一般設定はルートディレクトリに置き、次の構成ファイルのいずれかを使用する。ファイルが複数ある場合は、最初に見つかった内容が選択される。

ファイル名	説明
`config.toml`	TOML形式で記述(デフォルト)
`config.yaml`	YAML形式で記述
`config.json`	JSON形式で記述

config.tomlの記述例

baseURL = "https://www.devkuam.com/"
languageCode = "ko-kr"
title = "私のブログ"
themesDir = "../hugo_themes"
theme = "devkuma"

設定可能なパラメータやそれぞれのデフォルト値は、以下に一覧がある。

Configure Hugo | Hugo

設定値の参照

Hugoが定義したパラメータを参照する

構成ファイルで設定したパラメータは、テンプレートファイル内で.Site変数を使って参照できる。たとえば、config.tomlファイルで設定したtitleパラメータやbaseURLの値は次のように参照できる。

このサイトのタイトルは <b>{{ $.Site.Title }}</b> です。
このサイトの基本URLは <b>{{ $.Site.BaseURL }}</b> です。

パラメータ名の先頭は大文字になり、.Site.titleではなく.Site.Titleとなる。それぞれの設定値をどのプロパティ名で参照できるかは、下のSite変数一覧を見ると分かる。

パラメータが設定されているかどうかによって処理を分岐させるには、次のように記述する。

{{ with $.Site.GoogleAnalytics }}
  Google AnalyticsのTracking IDは <b>{{ . }}</b> です。
{{ else }}
  Google AnalyticsのTracking IDは設定されていません。
{{ end }}

上の例ではgoogleAnalyticsパラメータを使い、Google Analyticsの追跡IDが設定されているかを確認している。

ユーザー定義パラメータを参照する

構成ファイルでユーザー定義パラメータを設定するには、paramsセクションの下にパラメータを追加する。

config.toml

baseURL = "https://www.devkuam.com/"
languageCode = "ko-kr"
title = "私のブログ"

[params]
  GitHubUser = "redfreek2c"
  Twitter = "kimkc"
  Subtitle = "技術共有"
  Description = "ここではサイト詳細情報を記録する"
  SidebarRecentLimit = 5
  ListOfFoo = ["foo1", "foo2"]

ユーザー定義パラメータは、テンプレートファイル内から$.Site.Params.名前の形式で参照できる。

次の例では、ユーザー定義パラメータ変数のDescription値を参照する。
layouts/partials/head.html

<meta name="description" content="{{ if .IsHome }}{{ $.Site.Params.description }}{{ else }}{{ .Description }}{{ end }}" />

ここでは、メインの最初のページ(ホームページ)では構成ファイルの設定($.Site.Params.Description)を参照し、それ以外のページでは各ページのFront matterに設定されたdescriptionの値を参照するようになっている。

HugoにGoogle Analyticsのトラッキングコードを挿入する(googleAnalytics)

kc@example.com (kc kim) — Sun, 14 May 2023 16:33:00 +0900

Google Analyticsを使用すると、Webサイトのアクセス情報を多角的に分析できる。ここでは、Hugoで作成したWebサイトにGoogle Analytics用コードを簡単に挿入する方法を説明する。

追跡IDを構成ファイルに設定する

まずGoogle Analyticsの管理画面で「プロパティを追加」を実行し、分析したいWebサイトのアドレスを追加する。Google Analyticsアカウントがない場合は、先にアカウントを作成する必要がある。このとき発行されるトラッキングID(G-AB1CD2EFGHのようなID)は、そのWebサイトへのアクセスを判別するための識別情報である。このIDはWebサイトごとに異なるものを使用するため、Hugo構成ファイルで設定するのがよい。

Hugoは構成ファイルのパラメータとして、あらかじめgoogleAnalyticsパラメータを提供している。次のようにGoogle Analyticsサイトで発行した追跡IDを設定する。
config.toml

baseURL = "https://www.devkuam.com/"
languageCode = "ko-kr"
title = "私のブログ"
theme = "devkuma"

googleAnalytics = "G-AB1CD2EFGH" # サンプルコード

上記のように設定すると、テンプレートファイルで.Site.GoogleAnalyticsからトラッキングIDを確認できる。

トラッキングコード(JS)を自動挿入するよう設定する

Google Analyticsを使用するには、各ページのhead要素の前に次のような追跡コードを含める必要がある。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-AB1CD2EFGH"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-AB1CD2EFGH');
</script>

ここではHugoの部分テンプレートを使用し、上記のHTMLコードを各ページに含める。G-AB1CD2EFGHのようなトラッキングIDを指定する部分は、構成ファイルのgoogleAnalyticsパラメータで指定した値に置き換える。

layouts/partials/analytics.html

{{ if not .Site.IsServer }}
{{ with .Site.GoogleAnalytics }}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '{{ "{{" }} . }}');
</script>

{{ end }}
{{ end }}

上記テンプレートの1、2行目では、ローカルのHugoサーバーでテストしている場合やgoogleAnalyticsが設定されていない場合に、トラッキングコードを出力しないよう制御している。

作成した部分テンプレートは、次のようにテンプレートファイルから読み込む。ここでは基本テンプレート(baseof)から読み込んでいる。
layouts/_default/baseof.html

<!DOCTYPE html>
<html lang="ja">
<head>
  {{- partial "analytics" . -}}
  <meta charset="UTF-8">
  ...省略...
</head>
<body>
  ...省略...
</body>
</html>

これで、すべてのページにGoogle Analyticsのトラッキングコードが含まれる。

付録: Hugo内蔵テンプレート

実はHugoは、Google Analyticsの追跡コードを含むInternal Templateを内蔵テンプレートとして提供している。

任意のテンプレートファイル内で次のように書くだけで、簡単に追跡コードを挿入できる。

{{ template "_internal/google_analytics.html" . }}  <!-- 同期版 -->
{{ template "_internal/google_analytics_async.html" . }}  <!-- 非同期版 -->

ただし、内蔵テンプレートはローカルサーバー動作時のコード出力抑制には対応しておらず、Googleの変更にも柔軟に対応できない可能性があるため、できれば部分テンプレートを作成しておく方がよい。

Hugoのページ要約時に韓国語の単語数を正しくカウントする(hasCJKLanguage, isCJKLanguage)

kc@example.com (kc kim) — Sun, 14 May 2023 16:06:00 +0900

Hugoのポスト一覧ページでは、記事の冒頭部分を特定の単語数(70語)だけ要約表示する。しかし、この単語カウントはデフォルトでは英語などの単語数を基準に計算されるため、韓国語などは正しくカウントされず、要約内容が長く表示されてしまう。

設定ファイルで設定する

韓国語の文字数を正しく計算し、短い要約を表示できるようにするには、設定ファイルで次のようにhasCJKLanguageをtrueに設定する。

config.tomlの場合

hasCJKLanguage = true

config.yamlの場合

hasCJKLanguage: true

これでHugo内部の.Summary、.WordCountが韓国語で正しく動作し、短い要約文が表示される。

各ページごとに設定する

各ページごとに設定したい場合は、次のようにFront matterでisCJKLanguageをtrueに設定する。

---
title: ポストタイトル
date: "2023-05-14"
isCJKLanguage: true
---

ポスト本文

設定ファイルではhasCJKLanguageを設定し、MarkdownファイルのFront matterではisCJKLanguageを設定する。

Hugoを始める

kc@example.com (kc kim) — Sun, 14 May 2023 15:36:00 +0900

Hugoポスト作成

kc@example.com (kc kim) — Sun, 14 May 2023 15:36:00 +0900

Hugoコマンド

kc@example.com (kc kim) — Sun, 14 May 2023 15:36:00 +0900

Hugo設定

kc@example.com (kc kim) — Sun, 14 May 2023 15:36:00 +0900

Hugoで使用していないテンプレートやShortcodeを確認する(hugo --printUnusedTemplates)

kc@example.com (kc kim) — Sun, 14 May 2023 15:32:00 +0900

Hugoサイトをビルドするときに使用していないテンプレートを検索するには、次のように--printUnusedTemplatesオプションを使用する。

% hugo --printUnusedTemplates
Start building sites …
hugo v0.111.3+extended darwin/arm64 BuildDate=unknown

...省略...

WARN 2023/05/14 15:25:46 Template _default/list.rss.xml is unused, source file /Users/user/...省略.../mysite/layouts/_default/list.rss.xml
WARN 2023/05/14 15:25:46 Template _default/single.html is unused, source file /Users/user/...省略.../mysite/themes/docsy/layouts/_default/single.html
WARN 2023/05/14 15:25:46 Template blog/baseof.html is unused, source file /Users/user/...省略.../mysite/docsy/layouts/blog/baseof.html

...省略...

WARN 2023/05/14 15:25:46 Template swagger/single.html is unused, source file /Users/user/user/...省略.../mysite/themes/mytheme/layouts/swagger/single.html
Total in 3146 ms

上記の例では、複数のテンプレートやショートコードが使用されていないことが分かる。

複数のHugoサーバーを一度に起動および終了する方法

kc@example.com (kc kim) — Sun, 14 May 2023 14:52:00 +0900

Hugoサーバーの複数起動について

Hugoで複数のサイトを実行する必要がある場合に、1つのコマンドプロンプトから同時にサーバーを起動する方法について説明する。

ここでは、次のようにホームディレクトリ配下に複数のHugoプロジェクトがあると仮定する。

~/website/site1
~/website/site2
~/website/site3

各Hugoプロジェクトに対してHugoサーバーを起動するには、次のようにポート番号を変えて複数のHugoサーバーを起動できる。

$ hugo server -p 50001 -s ~/website/site1
$ hugo server -p 50002 -s ~/website/site2
$ hugo server -p 50003 -s ~/website/site3

しかし、上で説明したように1つのサーバープロセスが1つのコマンドプロンプトを占有するため、複数のHugoサーバーを起動するときは複数のコマンドプロンプトを開いておく必要がある。

1つのプロンプトで複数のHugoサーバーを起動する

Windowsの場合

Windowsのstartコマンドを使用すると、Hugoコマンドをバックグラウンドで実行できるため、追加のコマンドプロンプトを開かなくても複数のHugoサーバーを起動できる。

たとえば、次のバッチファイルはバックグラウンドで3つのHugoサーバーを起動する。
start-servers.bat

@echo off
start /b hugo server -p 50001 -s C:/website/site1
start /b hugo server -p 50002 -s C:/website/site2
start /b hugo server -p 50003 -s C:/website/site3
title Hugo Servers

最後の行のtitle Hugo Serversというコマンドで、コマンドプロンプトのウィンドウタイトルを"Hugo Servers"に変更する。ウィンドウタイトルを変更しておくと、タスクバーを見ただけで何のためのウィンドウか判別しやすくなるためおすすめである。

バックグラウンドで実行されているHugoサーバーをまとめて終了するには、taskkillコマンドを使用してhugo.exeプロセスをすべて終了する。

stop-servers.bat

@echo off
taskkill /f /im hugo.exe

Linux、macOSの場合

Linux、macOSの場合は、次のように最後に&を付けてHugoコマンドを実行すると、簡単に複数のサーバーをバックグラウンドで起動できる。
start-servers.sh

hugo server -p 50001 -s ~/website/site1 &
hugo server -p 50002 -s ~/website/site2 &
hugo server -p 50003 -s ~/website/site3 &

Hugoサーバープロセスをまとめて終了するには、killallコマンドで簡単に終了できる。
stop-servers.sh

killall hugo

またはシェルスクリプトではなく、関数やエイリアスとして定義して使用すると速い。
~/.bash_profile

function hugo-start {
    hugo server -p 50001 -s ~/website/site1 &
    hugo server -p 50002 -s ~/website/site2 &
    hugo server -p 50003 -s ~/website/site3 &
}

function hugo-stop {
    killall hugo
}

Hugoサーバーでページ変更内容が反映されない場合(hugo server --ignoreCache)

kc@example.com (kc kim) — Sun, 14 May 2023 14:30:00 +0900

キャッシュ無視オプション

Hugoサーバーを起動してページが更新されても、Webブラウザを再読み込みしても変更内容が反映されないことがある。特にlayoutsやpartialsなど、共有して使用する部分で起こりやすい。

ページのビルドには成功したのに変更内容が反映されない場合は、Hugoサーバーのキャッシュを疑ってみるとよい。hugo serverコマンドを実行するときに--ignoreCacheオプションを使用すると、キャッシュを使用せずにレンダリングされる。

$ hugo server --ignoreCache

複数のHugoサイトで同じテーマディレクトリを設定する(themesDir)

kc@example.com (kc kim) — Sun, 14 May 2023 14:23:00 +0900

複数のHugoプロジェクトで同じテーマを参照させる方法は次のとおりである。

GitHubなどにテーマ用リポジトリを作成し、そのリポジトリを複数のHugoプロジェクトへcloneする。
各Hugoプロジェクトのthemesディレクトリを、共通テーマディレクトリへのシンボリックリンクに置き換える。
設定ファイル(config.toml)で共通テーマディレクトリを参照するよう設定する。

1つ目の方法が最も一般的だが、Gitで各サイトのテーマを同じように適用する場合、開発段階では少し面倒なことがある。そのような場合におすすめなのが2つ目と3つ目の方法である。

シンボリックリンクで共通テーマディレクトリを指定する

LinuxやmacOSなど、シンボリックリンクを作成できるOSでは、共通テーマディレクトリをシンボリックリンクで参照するのが簡単である。たとえば、次のように共通で使用するテーマディレクトリ(hugo_themes)と、それを参照する3つのHugoプロジェクト(site1、site2、site3)があるとする。

.
├── hugo_themes (共通テーマディレクトリ)
│   └── mytheme
│       ├── archetypes
│       ├── layouts
│       ├── static
│       └── ...
├── site1  (Hugoサイト1)
├── site2  (Hugoサイト2)
└── site3  (Hugoサイト3)

各Hugoプロジェクトのthemesディレクトリをhugo_themesへのシンボリックリンクに置き換えると、すべてのサイトで同じテーマディレクトリを参照できる。

$ cd site1
$ rmdir themes
$ ln -s ../hugo_themes themes

使用するテーマ名の設定は必ず必要なので、各Hugoプロジェクトの設定ファイル(config.toml)にテーマ名を設定する。 site1/config.toml

theme = "mytheme"

設定ファイルで共通テーマディレクトリを設定する

Hugo設定ファイル(config.toml)に共通テーマディレクトリを設定する方法もある。テーマディレクトリの設定はthemesDirという変数で行い、このディレクトリパスにはHugoプロジェクトより上位のディレクトリパスを設定できる。
config.toml

themesDir = "../hugo_themes"
theme = "mytheme"

たとえば、各Hugoプロジェクトの設定ファイルで上記のように設定すると、上位ディレクトリにある共通テーマディレクトリ(hugo_themes/mytheme/)を使用できる。

設定ファイルを使用せず、Hugoコマンドオプション--themesDirでテーマディレクトリを指定することもできる。

$ hugo server --themesDir ~/gitwork/hugo_themes

設定ファイルのthemesDir変数とコマンドライン引数--themesDirの両方が指定された場合、コマンドライン引数が優先される。

Hugoサーバー起動時のポート指定 - コマンドオプション(hugo server --port)

kc@example.com (kc kim) — Sat, 13 May 2023 02:32:00 +0900

Hugoサーバーをhugo serverコマンドで起動すると、基本的に1313番ポートを使用するWebサーバーが起動する。

しかし、複数のHugoサーバーを同時に起動しようとすると、それ以降のHugoサーバーには任意のポート番号が割り当てられる。Private portsである49152から65535までのポート番号が使用される。

ポート指定

任意のポート番号を使用するよう指定するには、次のように-p(--port)オプションを使う。

例: ポート番号51234でHugoサーバーを起動

$ hugo server -p 51234

複数のHugoサーバーを同時に起動する

複数のHugoサーバーを同時に起動する場合は、各サイトで使用するポート番号を決めておくとよい。

例: 3つのHugoサーバーを同時に起動

$ hugo server -p 50001 -s ~/mysite1
$ hugo server -p 50002 -s ~/mysite2
$ hugo server -p 50003 -s ~/mysite3

上記のように起動したWebサイトは、それぞれ次のアドレスでアクセスできる。

http://localhost:50001/
http://localhost:50002/
http://localhost:50003/

Hugoソースディレクトリパス指定 - コマンドオプション(hugo server --source)

kc@example.com (kc kim) — Sat, 13 May 2023 02:25:00 +0900

ソースディレクトリパスを指定する

hugoコマンドを実行するとき、-s(--source)オプションを使ってソースディレクトリのパスを指定して起動できる。

例: ~/mysiteのソースコードを使ってHugoサーバーを起動

$ hugo server -s ~/mysite

例: ~/mysiteに新しい記事を作成

$ hugo new sample.md -s ~/mysite

コマンドエイリアスを設定する

上の例では-s ~/mysiteというオプションでソースディレクトリの指定を後ろに置いたが、前に指定してもHugoは動作する。

これを利用して次のようなコマンドエイリアス(alias)を設定しておくと、どのディレクトリからでもすぐにコマンドを実行できて便利である。 ~/.bash_profile

alias hugo-mysite=hugo -s ~/mysite

たとえば、次のように使用できる。

$ hugo-mysite new sample.md  # ポストを作成
$ hugo-mysite server         # Hugoサーバーを起動
$ hugo-mysite                # サイトをビルド(~/mysite/publicへ出力)

Hugoテーマ設定方法 - Themes

kc@example.com (kc kim) — Tue, 09 May 2023 00:40:00 +0900

テーマのダウンロード

HugoでWebサイトを生成するときは、見た目の基本テーマを設定する必要がある。テーマを設定せずにhugoコマンドでWebサイトを出力しても、真っ白なページが表示される。テーマは自分で作成することもできるが、Hugo Themesというページに他の人が既に作成したテーマが公開されているため、まずはここからダウンロードして使用するとよい。使い方はテーマごとに少しずつ異なるため、詳しい内容は各テーマの説明(README.md)を読むことを勧める。

テーマZIPファイルをダウンロードする方法

たとえば、下の“Beautiful Hugo”というテーマが気に入った場合は、下のDownloadボタンを押す。

一般的にはGitHubサイトへ移動するため、“Code"を押し、“Download zip"ボタンを押してテーマをダウンロードする。

ダウンロードしたテーマはプロジェクトのthemesディレクトリに入れる。ここではthemes/beautifulhugoディレクトリに入れればよい。

テーマをGitから取得する方法

テーマはGitHub上で管理されているため、Gitコマンドを使用できる環境であれば、次のようにgit cloneで取得するのが簡単である。もちろん、まずリポジトリのURLを知っている必要がある。URLはGitHubでCodeボタンを押して表示されるURLをコピーすればよい。

$ git clone https://github.com/halogenica/beautifulhugo.git beautifulhugo

もし自分のサイトをGitで管理している場合は、次のようにテーマをGitサブモジュールとして取り込むのがよい。Gitサブモジュールのコマンド(git submodule)は少し難しいが、テーマをサブモジュールとして管理すると、テーマ側の更新を適切に反映できる。

テーマをサブモジュールとして取得する

$ git submodule add https://github.com/halogenica/beautifulhugo.git beautifulhugo

テーマの更新を取得するとき

$ git submodule update --remote --recursive

必要な場合のテーマ別設定

テーマによっては外部コンポーネントに依存しており、初期設定が必要なものもある。テーマで次のように関連モジュールをインストールするよう求められた場合は、そのまま次のコマンドを実行しておく。

$ npm install
$ npm run build

参考までに、npmはNode.js用のパッケージマネージャーであり、Node.jsをインストールすると一緒にインストールされる。

使用するテーマを指定する

テーマはthemesディレクトリに複数ダウンロードできる。その中で現在使用したいテーマは、Hugo設定ファイルで次のように設定する。

config.toml

theme = "beautifulhugo"

テーマを設定した後、hugoコマンドでWebサイトを生成してみる。設定したテーマを基に、アップロード用のHTML、CSS、JSなどのファイルがpublicディレクトリに出力される。

$ hugo

hugo serverコマンドは、Webサーバーを起動するときにconfig.tomlで設定したテーマを使用する。

hugoコマンドを実行するときに、-tオプションで使用するテーマを指定することもできる。

$ hugo -t theme_name         // サイトを出力する場合
$ hugo server -t theme_name  // Webサーバーを起動する場合

Hugoで新しい自分のテーマを作る - new theme

kc@example.com (kc kim) — Tue, 09 May 2023 00:40:00 +0900

自分のテーマを新しく作る

Hugoには既に公開されているテンプレートが多くあるが、自分で思いどおりにデザインしてテーマを作成することもできる。テーマを作成するには、まず次のコマンドで基本形式を作る。

$ hugo new theme {テーマ名}

たとえば、次のように実行するとthemes/my-themeディレクトリが作成される。

$ hugo new theme my-theme

生成されるファイルは次のようになっており、ディレクトリ構成は作られるが、ファイルの内容はほとんど空である。これらのファイルを基にテンプレートを作成する。

新しく作成されたテーマの形式

themes/my-theme
├── LICENSE   (MITライセンス)
├── archetypes
│   └── default.md
├── layouts
│   ├── 404.html
│   ├── _default
│   │   ├── baseof.html
│   │   ├── list.html
│   │   └── single.html
│   ├── index.html
│   └── partials
│       ├── footer.html
│       ├── head.html
│       └── header.html
├── static
│   ├── css
│   └── js
└── theme.toml (基本設定ファイル)

最初のページレイアウト(layouts/index.html)を作る

テーマディレクトリ内のlayouts/index.htmlファイルは、サイトの最初のページに対するテンプレートファイルである。1つのHTMLファイルだけで構成されたサイト(SPA: Single Page Application)を作成する場合、このファイルだけを作成すればよい。初期状態では何も記述されていないため、まずは起動時にサイト名だけを表示するよう修正してみる。

themes/my-theme/layouts/index.html

<h1>{{ .Site.Title }}</h1>

上記のように、サイト情報を保持する.Site変数のTitleフィールド値を出力できる。ここにはサイトの設定ファイル(config.toml)のtitleに設定した文字列が表示される。

ここまで作成したら、このテーマを使用してサイトを確認する。hugoコマンドと一緒に使用するテーマを指定するには、-t {テーマ名}オプションを使う。

$ hugo server -t my-theme

上記のようにHugoサーバーを起動した後、http://localhost:1313/ にアクセスして表示を確認できる。

図: 自分のテーマを使用した最初のページ

最初のページにすべてのページ一覧を表示する

最初のページのテンプレート(layouts/index.html)内で.Data.Pages変数を参照すると、すべてのページ情報(Page変数)を取得できる。この情報をrangeでループ処理すると、すべてのページへのリンクを出力できる。

themes/my-theme/layouts/index.html

<h1>{{ .Site.Title }}</h1>
<ul>
  {{ range .Data.Pages }}
    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a> ({{ .Date.Format "2006-01-02" }})</li>
  {{ end }}
</ul>

各ページ用のレイアウトを作る(layouts/_default/single.html)

リンクされた各ページはlayouts/_default/single.htmlテンプレートファイルを基に生成されるため、このファイルをあらかじめ作成しておく必要がある。このテンプレート内ではPage変数のフィールドを参照できる。たとえば、.Titleでページタイトル、.Contentでページ本文を参照できる。

themes/my-theme/layouts/_default/single.html

<h1>{{ .Title }}</h1>

{{ .Content }}

各ページの内容は、content/ディレクトリ内に次のような形で作成しておく。

content/page1.md

---
title: "Page1 Title"
date: "2017-09-10"
---

Page1 Content

上記のようにレイアウトファイルとコンテンツを作成しておくと、各ページの内容が次のように表示される。

図: 単一ページテンプレートで出力

以後は、同じようにlayoutsディレクトリ内のテンプレートコードを作成していけば、自分のテーマが完成する。Markdownファイルで使用できるショートコード(short codes)も、独自のテーマ部品(layouts/shortcodes)として提供できる。

Hugoの下書きポスト作成方法 - Draft Page

kc@example.com (kc kim) — Sat, 06 May 2023 00:07:00 +0900

下書きポスト

Hugoの下書き(draft)機能は、未完成の記事ファイルを一時的に他の記事と同じ場所へ保存する機能である。ページのFront matter部分にdraft: trueと記入されている場合、そのページは下書きとして扱われる。

YAML形式の場合

---
draft: true
---

本文

TOML形式の場合

+++
draft = true
+++

本文

下書きとして作成されたポストは、基本的にHTMLファイルとして出力されない。下書きポストも出力したい場合は、hugoコマンドに-D(--buildDrafts)オプションを指定する。

下書きポストを出力

% hugo -D         # サイトを生成する場合
% hugo server -D  # サーバーを起動する場合

publicディレクトリに出力される下書きポストに注意

hugoコマンドはデフォルトでpublicディレクトリにHTMLファイルなどを出力するが、このときpublicディレクトリ内に既に存在する下書きポストは削除しない。

% hugo -D  # これでdraftポストを含めて生成される。
% hugo     # 次にdraftモードOFFで生成しても、既存の下書きポストは削除されない。

Webサイトを公開するときは、下書き記事が誤ってアップロードされないよう注意が必要である。ポストをアップロードする前にpublicディレクトリを削除し、その後hugoコマンドで再生成する方が安全である。

Linux / macOSの場合

% rm -Rf public && hugo

Windowsの場合

C:\> rmdir /s /q public & hugo

下書きポスト一覧の確認

コマンドラインで確認

コマンドラインでhugo list draftsを実行すると、contentディレクトリ内のポストのうち、下書きとしてチェックされている、つまりFront matterにdraft: trueが設定されている一覧を確認できる。

% hugo list drafts
content/draft.md
content/post/sample2.md

参考: hugo list drafts | Hugo

テンプレートで確認

テンプレートファイルで下書きポストへのリンクを列挙するには、まず次のように記述する。

layouts/index.html

<h2>Draft Pages</h2>
<ul>
  {{ range (where .Site.Pages ".Draft" true) }}
    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
  {{ end }}
</ul>

where .Site.Page ".Draft" trueとなっている部分は、下書きポストを抽出するための検索条件を指定している。
サイトのすべてのページ(.Site.Pages)から、ページ変数.Draftの値がtrueである(".Draft" true)ものを列挙するよう指定している。

そして、起動コマンドに-Dオプションを付けて実行する。

% hugo server -D

ポストが下書きかどうかを判別する

テンプレートファイルで、現在レンダリング中の記事が下書きかどうか、つまりFront matterにdraft: trueと書かれているかを確認するには、Page変数である.Draftを参照する。

layouts/_default/single.html

<h1>{{ .Title }}</h1>
{{ if .Draft }}
  <b>注意: このポストはまだ下書きです。</b>
{{ end }}

もちろん、起動時はコマンドに-Dオプションを付けて実行しなければ表示されない。

Hugoポストの作成方法

kc@example.com (kc kim) — Fri, 05 May 2023 23:34:00 +0900

新しいポストファイルを作成する

Hugoで公開するWebサイトのポストは、contentディレクトリにMarkdownファイルとして作成する(例: sample.md)。ポストファイルは空のテキストファイルから作成することもできるが、hugo newコマンドを使うと、ポスト形式ファイル(archetypes/default.md)を基にMarkdownファイルを自動生成できる。

ポストファイル(Markdownファイル)を作成する。

% hugo new sample.md
Content "/Users/user/my-site/content/sample.md" created

上記のように実行すると、contentディレクトリにsample.mdファイルが生成される。作成されたファイルの先頭には、次のようなFront matterと呼ばれるヘッダーが書かれている。このヘッダーはarchetypes/default.mdを基に自動生成されたものである。

content/sample.md

---
title: "Sample"
date: 2023-05-05T23:50:09+09:00
draft: true
---

その後、タイトル(title)を好きなように書き換え、Front matterヘッダーの後に記事本文を書いていけばよい。公開できる状態まで書けたら、ヘッダー部分のdraft: true行を削除する。

Archetypes

ここで基になるarchetypes/default.mdファイルを見てみよう。

archetypes/default.md

---
title: {{ replace .TranslationBaseName "-" " " | title }}"
date: {{ .Date }}
draft: true
---

titleフィールドにはhugo newコマンドで指定した名前が自動的に入り、dateフィールドには現在時刻が自動的に入る。このファイルの内容を基にポストファイルが作成されていることが分かる。

ポスト作成と同時にエディターで編集を始める

hugo newコマンドでポストファイルを作成するときに--editorオプションを指定すると、ポストファイルの生成と同時に指定したエディターでファイルを開ける。

例: 記事ファイルを作成してvimで開く

% hugo new sample.md --editor vim

初めて実行すると、次のようなエラーが出ることがある。

% hugo new sample.md --editor vi
Content "/Users/user/hugo-tutorial/my-site/content/sample.md" created
Editing "/Users/user/hugo-tutorial/my-site/content/sample.md" with "vi" ...
Error: access denied: "vi" is not whitelisted in policy "security.exec.allow"; the current security configuration is:

[security]
  enableInlineShortcodes = false

  [security.exec]
    allow = ['^dart-sass-embedded$', '^go$', '^npx$', '^postcss$']
    osEnv = ['(?i)^((HTTPS?|NO)_PROXY|PATH(EXT)?|APPDATA|TE?MP|TERM)$']

  [security.funcs]
    getenv = ['^HUGO_']

  [security.http]
    methods = ['(?i)GET|POST']
    urls = ['.*']

表示されたメッセージのとおり、基本ポリシーをそのままコピーしてconfig.tomlに入れ、allow配列の項目に'^vim$'を追加する。

[security]
  enableInlineShortcodes = false

  [security.exec]
    allow = ['^dart-sass-embedded$', '^go$', '^npx$', '^postcss$', '^vim$']
    osEnv = ['(?i)^((HTTPS?|NO)_PROXY|PATH(EXT)?|APPDATA|TE?MP|TERM)$']

  [security.funcs]
    getenv = ['^HUGO_']

  [security.http]
    methods = ['(?i)GET|POST']
    urls = ['.*']

その後もう一度試すと実行できるはずである。ただし、ポストファイルが先に作成されてからエディターを開くため、既にファイルがあるというメッセージが出る場合がある。

% hugo new sample.md --editor vim
Error: /Users/user/hugo-tutorial/my-site/content/sample.md already exists

その場合は既存のファイルを削除してから再実行すればよい。

Hugoで新しいWebサイトを作成する

kc@example.com (kc kim) — Fri, 05 May 2023 18:17:00 +0900

サイトの骨格を生成する

まずHugoをインストールし、hugoコマンドを使用できる環境を用意する。そして、次のようにhugo new siteコマンドを使用すると、Webサイトの初期ファイル構成となるディレクトリの骨格を作成できる。

新しいWebサイト(my-site)を作成する

% hugo new site my-site
Congratulations! Your new Hugo site is created in /Users/user/hugo-tutorial/my-site.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/ or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.

生成されるファイルは非常に簡単で、次のように2つのファイルといくつかのディレクトリだけである。

.
└── my-site
    ├── archetypes     : 新しいページを作成するときのテンプレートファイル
    │   └── default.md
    ├── config.toml    : サイト全体の設定ファイル
    ├── content        : コンテンツの保存場所。サイト内容となるMarkdown形式のファイルを置く。
    ├── data           : サイト生成時に利用するデータ
    ├── layouts        : レイアウトテンプレートの場所
    ├── public         : 生成されたHTML、CSS、画像などの配置場所
    ├── static         : 画像ファイルなど、サイト生成時にそのままコピーされるファイルを置く
    └── themes         : テーマディレクトリの場所。実際に使用するテーマはconfig.tomlで指定する。

この状態でサーバーを起動すると、“Page Not Found"と表示される。

サイトテーマのインストールと設定

Hugoで新しいWebサイトを生成した後は、外観を定義するためのテーマを1つ設定する。hugo new siteで作成したサイトにはテーマまでは生成されないため、サイトで公開されているテーマをダウンロードする必要がある。

ここではmainroadというテーマを適用してみる。

Hugoテーマは、themesディレクトリにテーマディレクトリを作成して保存すればよい。テーマごとにディレクトリを分けて保存するため、複数のテーマをあらかじめダウンロードしておくことができ、使用するテーマも簡単に変更できる。
また、テーマは主にGitHubで配布されているため、Gitがインストールされていれば、次のようにルートパスからgit cloneで簡単に適用できる。

% cd themes
% git clone https://github.com/vimux/mainroad

または、次のようにコマンドを一度に実行できる。

% git clone https://github.com/vimux/mainroad themes/mainroad

上記のコマンドでthemes/mainroadディレクトリが作成されたら、次にこのテーマを使用するようHugo設定ファイル(config.toml)へ次の内容を追加する。
config.toml

theme = "mainroad"

これでテーマ設定は完了である。

サイトのタイトルと言語設定

サイトの設定ファイルでは、テーマ設定以外にも、サイトタイトル(title)やサイト全体で使用する言語(languageCode)を設定する必要がある。

config.toml

baseURL = "http://devkuma.com/"
languageCode = "ko-kr"
title = "My New Hugo Site"
theme = "mainroad"

Info

ここで設定した値は、テンプレートファイルで`{{ .Site.Title }}`、`{{ .Site.BaseURL }}`、`{{ .Site.LanguageCode }}`のように参照できる。

ポスト作成

ここでは例としてポストを1つ作成してみる。次のようにhugo newコマンドを実行すると、contentディレクトリの下にポストファイル(Markdownファイル)が自動的に生成される。コマンドはプロジェクトの最上位ディレクトリで実行する。

$ hugo new post/sample.md

これでcontent/post/sample.mdファイルが作成されるので、次の形式に修正する。

content/post/sample.md

---
title: "ポストタイトル"
date: 2023-05-05T23:19:43+09:00
#draft: true
---

ポスト本文  
ポスト本文  
ポスト本文

ヘッダー部分のdraft: true行を削除またはコメントアウトしないと、ページが出力されないため、その行はなくす必要がある。

Hugo Webサーバーの起動

Webサイトのテーマ設定と記事作成が終わったら、hugo serverコマンドを実行してWebサーバーを起動する。

% hugo server
Start building sites …
hugo v0.104.3+extended darwin/arm64 BuildDate=unknown

                   | EN
-------------------+-----
  Pages            |  7
  Paginator pages  |  0
  Non-page files   |  0
  Static files     |  5
  Processed images |  0
  Aliases          |  3
  Sitemaps         |  1
  Cleaned          |  0

Built in 7 ms
Watching for changes in /Users/user/hugo-tutorial/my-site/{archetypes,content,data,layouts,static,themes}
Watching for config changes in /Users/user/hugo-tutorial/my-site/config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

Hugoサーバーの起動にかかる時間はわずか7msである。非常に速い。

Hugoサーバーが起動した状態でWebブラウザからhttp://localhost:1313/へアクセスすると、サイトの最初のページが表示される。

以後はhugo newコマンドを使ってポストを続けて作成していけばよい。Hugoサーバーはcontentディレクトリの変更を監視し、ポストが作成または修正されると自動的に再読み込みされるため、Hugoサーバーは一度起動すれば再起動しなくてもよい。

ポストのカスタマイズ方法はテーマごとに少しずつ異なるため、詳しい内容は各テーマのサイトを参照する必要がある。

Excelの起動と終了

kc@example.com (kc kim) — Tue, 24 Jan 2023 17:15:19 +0900

Excelの起動

Windows 10の画面でスタートをクリックし、表示されたアプリ一覧からExcelをクリックする。

Excelが起動し、ホーム画面が表示される。

あらかじめ作成されたブックを開いて使用することもでき、新しいブックを作成することもできる。新しい文書を作成するには「空白のブック」をクリックする。

新しいブックが作成された。

Excelの終了

Excelを終了するには、Excel画面右上に表示される「x」をクリックする。

Excelが終了した。

Excelを終了するとき、現在開いているブックに保存されていない項目がある場合、次のようなダイアログが表示される。

ブックを保存してからExcelを終了するには保存をクリックし、保存せずにExcelを終了するには保存しないをクリックする。文書の保存については別のページで説明する。

Excel画面構成

kc@example.com (kc kim) — Tue, 24 Jan 2023 17:15:19 +0900

Excel画面

Excelを起動すると、次のような画面が表示される。

主に使用するのはワークシート、タブ、リボン、数式バーなどである。ここではクイックアクセスツールバー、ズームスライダーなど、Excelの画面に表示されているものについて簡単に説明する。

クイックアクセスツールバー

一番左上に表示されるのが「クイックアクセスツールバー」である。よく使うコマンドが表示される。

基本的に左から「自動保存」「上書き保存」「元に戻す」「やり直し」コマンドが表示される。

クイックアクセスツールバーに表示するコマンドはカスタマイズできる。次の位置にあるアイコンをクリックする。

クイックアクセスツールバーに追加できるコマンド一覧が表示される。チェックが付いているものが現在表示されているボタンである。たとえば、印刷プレビューと印刷をクリックする。

クイックアクセスツールバーに「印刷プレビューと印刷」コマンドが追加された。よく使うコマンドはクイックアクセスツールバーに表示すると便利である。

タブ

クイックアクセスツールバーの下に表示されるのが「タブ」である。現在9個のタブが表示されている。

タブをクリックすると、その下に表示されるリボンの内容が変わる。現在は「ホーム」タブがクリックされている状態だが、「挿入」タブをクリックすると「挿入」タブ用にリボンの内容が変わる。

ファイルタブ

ファイルタブはタブの1つだが、他のタブをクリックするとリボンが表示される一方、ファイルタブをクリックすると次のような画面が表示される。

新しいブックを作成したり、現在のブックを保存したりできるメニューが表示される。

左下のメニューの中からオプションをクリックすると、Excelのさまざまな設定を行うオプション画面も表示できる。

リボン

ファイルタブ以外のタブをクリックすると、次のようにリボンが表示される。タブごとに表示されるリボンの内容は異なる。たとえば、ホームタブをクリックすると次のようなリボンが表示される。

数式タブをクリックすると、次のようなリボンが表示される。

リボンは常に表示しておくこともできるし、リボン右下付近の閉じるボタンを押して、普段はリボンを閉じておき、タブをクリックしたときだけ表示することもできる。

リボンを閉じると、Excelを広く使える。

リボンを再び常に表示したい場合は、リボン右下付近の固定ピンボタンを押すと再び固定される。

名前ボックス

次の位置に緑色のボックスで表示されるのが「名前ボックス」である。

名前ボックスには、現在のワークシートで選択したセルの位置が表示される。たとえば、現在A1セルが選択されているため、名前ボックスにA1が表示される。

次に名前ボックスにE5を入力してEnterキーを押す。入力したE5セルが選択された状態になる。

Excelバージョンの確認

kc@example.com (kc kim) — Tue, 24 Jan 2023 16:41:38 +0900

Excelバージョンの確認

Excelのバージョンを確認するには、Excelを起動した後、ファイルタブをクリックする。

画面左下に表示された「アカウント」をクリックする。

製品情報の下にOffice製品の名前が表示され、詳細なバージョン情報を見るには下の方にある「Excelのバージョン情報」をクリックする。

現在使用しているExcelバージョンが表示された。

自分の環境では「Microsoft® Excel® Microsoft 365用 MSO(バージョン 2212 ビルド 16.0.15928.20196) 64ビット」と表示された。

主記憶装置(Memory) ROM、RAM

kc@example.com (kc kim) — Wed, 30 Nov 2022 00:21:00 +0900

主記憶装置(Memory)

ROM/ROM BIOSの概要

ROM(Read Only Memory)は読み取り専用の記憶素子であり、コンピューターではBIOSを格納する用途で使用される。
Basic Input/Output Systemは、コンピューターを運用するための基本プログラムである。
コンピューターの各装置に関する基本情報を持ち、各装置を診断する。
電源が入るとコンピューターを起動し、自分自身を診断する。BIOSは絶対に消えてはならないため、不揮発性メモリであるROMに格納される。

RAM

RAM(Random Access Memory)はRWM(Read Write Memory)とも呼ばれ、コンピューターの電源を切ると内部に保存されていた情報がすべて消えるため、揮発性(Volatile)メモリと呼ばれる。RAMはデータの読み書きが自由な記憶装置であり、揮発性を持つため、電源供給が途切れるとメモリ内のすべての内容が消去される。

DRAMのデータ保存原理
DRAM(Dynamic RAM)のデータ保存原理は、コンデンサーが電気を蓄える原理を利用する。コンピューターでデータと呼ばれるものは、実際には電気信号の流れである。コンピューターのデータは1と0で表現され、それぞれ電気が流れている状態と流れていない状態を意味する。このような電気的状態を維持できれば、それが保存である。電気を保存する媒体として最も一般的なのは、コンデンサーまたはバッテリーと呼ばれる電子部品である。
たとえば10101010というデータを保存するために8個のコンデンサーを用意し、データに応じて1は充電、0は充電しないという形で保存すれば、これは10101010というデータを保存したことになる。このようなコンデンサーの原理を利用してデータを保存する装置がDRAMである。
しかし、コンデンサー(バッテリー)に一度保存された電気は永遠ではなく、使用しなくても自然放電が起こり、その結果、一定時間が経過するとデータを失う。そのためRAMは、データが失われる前に現在の状態を維持するためのリフレッシュ(再充電)作業を行う。コンピューターの電源を切るとRAMはこのリフレッシュを行えないため、データを失う。つまり、揮発性という性質を持つのである。DRAMは原理が単純で製造しやすいため、古くからコンピューターの主記憶装置用素子として使用されてきたが、リフレッシュによる待ち時間の増加により、現在は新しい形に改良されている。

RAMの種類

区分	DRAM	SRAM
リフレッシュ	必要	不要
アクセス速度	遅い	速い
回路構造	単純	複雑
集積度	高い	低い
価格	安い	高い
用途	主メモリ用	キャッシュメモリ用
DRAMとSRAMの比較

DRAMの種類

SDRAM
SDRAMは、クロック速度がマイクロプロセッサーと同期しているDRAMを意味する。クロック速度の同期は、一定時間内にプロセッサーが実行できる命令数を増やすのに役立つ。

DDR SDRAM
DDR(Double Data Rate)メモリSDRAMは、従来のSDRAMに比べて2倍のデータをやり取りできるメモリに付けられた名称である。DDRメモリにはPC2100とPC1600の2つの規格があるが、実際にそれぞれ2100MHzと1600MHzで動作するわけではない。100MHzのメモリバスで動作するDDR SDRAMの場合はPC200程度、133MHzバスで動作する場合はPC266程度の速度を持つ。

DDR2 SDRAM
DDR SDRAMの動作速度を2倍向上させたDRAM。

Rambus DRAM
Rambus DRAMは、アメリカのRambus社が開発したデータ転送バスであるRambus Channelに接続されたDRAMである。このチャネルは9ビットのバスを利用し、250MHzのクロックに同期してデータを転送する。

Hugoブログ

kc@example.com (kc kim) — Tue, 29 Nov 2022 21:42:00 +0900

Docusaurusドキュメント生成ツール

kc@example.com (kc kim) — Tue, 29 Nov 2022 21:42:00 +0900

Excelの使い方

kc@example.com (kc kim) — Tue, 29 Nov 2022 21:42:00 +0900

中央処理装置(CPU)

kc@example.com (kc kim) — Mon, 07 Nov 2022 10:45:00 +0900

中央処理装置(CPU)

中央処理装置(Central Processing Unit)
コンピューターの各装置を動作させ、正常な動作のために制御する制御装置を内蔵している。
各種演算データを処理する演算装置を内蔵している。
一時的なデータ保存のためのレジスタを内蔵している。
算術論理演算装置を内蔵し、演算機能を実行する。
コンピューターの性能を左右し、機種を決定する要素である。
- コンピューターの機種を決定する。
- コンピューターの性能を決定する。

実行ユニット(EU: Execution Unit)
実行ユニットは、マイクロプロセッサーの各命令を実行するユニットである。
実行ユニットは、ALU(Arithmetic Logic Unit)、制御ユニット(CU: Control Unit)、レジスタで構成される。
ALUでは、加算や比較演算などの算術演算、論理演算を実行した後、中間結果をレジスタに保存する。

命令ユニット(Instruction Unit)
命令ユニット(Instruction Unit)は、メモリから取得した命令を実行ユニットで正確に実行できるよう制御するユニットである。
このとき制御ユニットは、ALUやレジスタが正しく動作するようにする。

アドレッシングユニット(Addressing Unit)
アドレッシングユニットは、CPUがメモリや入出力装置からデータを読み書きするときに、メモリまたは入出力アドレスを生成するユニットである。

バスインターフェースユニット(Bus Interface Unit)
バスインターフェースユニットは、アドレスバス、データバス、コントロールバスを通じて、マイクロプロセッサーを外部と接続するユニットである。

キャッシュメモリ

キャッシュメモリは、CPU内部で一時的に使用するバッファ(Buffer)メモリの一種である。

Cacheメモリの理解

キャッシュとは、速度の異なる2つの装置の間に位置する一時記憶装置であり、装置間のデータアクセス速度を向上させる役割を果たす。反復的なアクセスにおいて処理速度を向上させる。

キャッシュが適用されていない場合

TEST.EXEというプログラムを実行する。
(1) 補助記憶装置(ハードディスク)から、(3) 主記憶装置へTEST.EXEというプログラムを読み込む。
プログラムを終了すると、(3)にロードされたプログラムは消える。
再び同じプログラムを実行する。
すると再び(1)から(3)へプログラムを読み込む。この場合、利用者は毎回実行するたびに、(1)からプログラムが読み込まれる時間を待たなければならない。

キャッシュが適用された場合

TEST.EXEを実行する。
(1)から(3)へプログラムを読み込むと同時に、(2)にも記録される。
プログラムを終了すると、(3)にロードされたプログラムは消える。しかし、(2)に保存されたものは消えない。
再び同じプログラムを実行する。
今回は(1)からプログラムを読み込むのではなく、(2)からプログラムを読み込む。(3)の立場では同じプログラムを読み込むことになるが、最初は速度の遅い補助記憶装置から読み込んだものである。2回目以降に繰り返し読み込む場合は、速度の速いキャッシュメモリから読み込むため、速度改善の効果がある。

クロック(動作周波数)

クロック(clock)とは、CPUの速度を表す単位である。クロックは、1秒間に波形が1回動く時間を意味し、この時間に処理するデータ量によってCPUの速度が変わる。
単位はHzで表記する。クロック値が高いほど性能が速いと言える。
ただし、性能を高めようとしてクロックだけを上げると、消費電力が大きくなり発熱も激しくなる可能性があるため、その点も考慮する必要がある。

Clock(クロック)とFSB

クロックとは、CPUおよびその他の装置を動作させるために、メインボードのクロック発生装置から作られる、一定周期で振動する電気的なリズムである。MHz(メガヘルツ)で表示する。

1Hzとは、1秒に1周期振動するクロックであり、CPUは基本的に1回のクロックで1つの命令を処理している。

CPUおよびシステムの速度を表す単位として使用される。

FSB(Front Side Bus)は、メインボードのクロック発生装置で作られ、各装置に供給されるクロックの別名であり、外部クロックとも呼ばれる。CPUおよびコンピューター内の装置は、クロック発生装置から供給されるクロック速度に従って動作する。しかしCPUは、この供給されたクロックをそのまま利用せず、「クロックダブリング」を利用して速度を何倍にも高めて使用する。

コア

コアは、中央処理装置に内蔵された処理回路の中核部分である。コンピューターがまだ多くなかった以前は、1つのCPUに1つのコアが当然であった。
しかし、2005年に2つのコアを備えたデュアルコアが登場すると、一般的なPCでもマルチコアが普及し、その後4個、6個、8個などのコアを備えた製品が登場した。

デュアルコアは、従来のシングルコアが2回に分けて処理していた作業を1回に減らすことができる。そのため、全体的な処理効率を高められるという利点がある。

仮想化対応

仮想化対応とは、簡単に言えば、オペレーティングシステムの中で別のオペレーティングシステムを起動することである。たとえば、Windowsを起動した後、その中でプログラムを実行するように、Linuxや他のオペレーティングシステムを起動できる技術を意味する。Intel CPUは「VT-x」、AMD CPUは「AMD-V」という名称で仮想化をサポートしている。サーバーでクラウド環境を構築するには、CPUが仮想化をサポートしているかを必ず確認する必要がある。

CPUの種類

データ処理容量によるCPUの種類

同時処理可能なデータの処理容量による分類。
データを伝達する通路であるバスの幅。
8bitはコンピューターが処理するデータの最小単位。
8088(8bit)、80286(16bit)、80386(32bit)、Pentium(64bit)へと発展。

ARM

AppleやSamsungなどのライセンス製品。
ARMチップはサイズが小さく、発熱も少なく、消費電力も小さい。冷却ファンも必要ない。ただし、その代わりに特化した特定用途に限定される印象があった。

コンピューター概論

kc@example.com (kc kim) — Tue, 01 Nov 2022 00:27:00 +0900

Hugo概要 / インストール

kc@example.com (kc kim) — Wed, 19 Oct 2022 08:22:00 +0900

Static Site Generatorとは？

Static Site Generator(SSG、静的サイトジェネレーター)とは、静的ページベースのWebサイトを作成するツールであり、コンテンツやファイルを読み込んで適切にHTMLへ変換する技術である。

SSGの種類はこちらで確認できる。その中でも、GitHubと一緒によく使われる主なSSGは次のとおりである。

Jekyll
- Rubyベース
- 現在最も人気がある(GitHubで数が最も多い)
- 韓国語の参考資料が最も多い
- ビルドが比較的遅い
- Windowsは公式サポートされていない
Hexo
- Node.jsベース
- 中国語ドキュメントが多い
- 韓国語の参考資料が多い
Hugo
- Golangベース
- ビルドが速い
- ドキュメントがよく整備されている
- 韓国語の参考資料は多くない

Hugoとは？

Hugoは、JekyllやHexoなどと同じく、Webサイトを簡単に作成できるStatic site generatorの1つである。ブログエンジンの一種と言える。
ページはMarkdownで作成でき、多様なブログテーマが提供されているため、好みのテーマを選んで使用できる。

Hugoのインストール

以下のサイトからOSに合ったものをダウンロードしてインストールする。

https://github.com/gohugoio/hugo/releases

または、以下のサイトを参考にしてインストールする。

https://gohugo.io/getting-started/installing/

macOSでHomebrewを使ってインストール

macOS用パッケージマネージャーであるHomebrewを使うと、次の1行のコマンドで簡単にインストールできる。

Homebrewでインストールするコマンドは次のとおりである。

brew install hugo

実際にコマンドを実行してみる。

% brew install hugo
==> Downloading https://ghcr.io/v2/homebrew/core/hugo/manifests/0.104.3
######################################################################## 100.0%
==> Downloading https://ghcr.io/v2/homebrew/core/hugo/blobs/sha256:3b355290c70c54cf0637a9ed70342d289c9f022e4d085e18cb0e4651e3bbe21b
==> Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sha256:3b355290c70c54cf0637a9ed70342d289c9f022e4d085e18cb0e4651e3bbe21b?se=2022-10-18T23%3A
######################################################################## 100.0%
==> Pouring hugo--0.104.3.arm64_monterey.bottle.tar.gz
==> Caveats
zsh completions have been installed to:
  /opt/homebrew/share/zsh/site-functions
==> Summary
🍺  /opt/homebrew/Cellar/hugo/0.104.3: 48 files, 55.8MB
==> Running `brew cleanup hugo`...
Disable this behaviour by setting HOMEBREW_NO_INSTALL_CLEANUP.
Hide these hints with HOMEBREW_NO_ENV_HINTS (see `man brew`).

すでにHugoをインストールしている状態でHugoを最新バージョンに更新するには、次のコマンドを実行する。

% brew upgrade hugo

インストール後にバージョンを確認できれば、正しくインストールされている。

% hugo version
hugo v0.104.3+extended darwin/arm64 BuildDate=unknown

Windowsでのインストール

WindowsでHugoをインストールするには、HugoのReleasesページからzipアーカイブ(hugo_extendedx0.xxx.x_windows-amd64.zip)をダウンロードしてインストールする。
Sassなどの機能を使用する場合は、hugo_extendedで始まるファイルを使用する必要があるため注意が必要である。

配布されたhugo.exeを適切なディレクトリに置き、パスを通せばインストールは完了する。

e-Book(電子書籍)

kc@example.com (kc kim) — Sun, 18 Sep 2022 08:22:00 +0900

オペレーティングシステムの概要

kc@example.com (kc kim) — Sun, 13 Mar 2022 12:15:00 +0900

オペレーティングシステム

オペレーティングシステム（OS: Operating System）とは、コンピュータのハードウェアがコンピュータソフトウェアと通信し、動作できるようにするソフトウェアプログラムである。

ハードウェア資源と情報をできるだけ効率的に運用するために、ハードウェアとユーザープログラムの間に存在するシステムプログラムを意味する。
コンピュータを起動し、運用するプログラムである。
選択するオペレーティングシステムによって、使用できるアプリケーションが変わる。
オペレーティングシステムの種類によって、PCやサーバーなどコンピュータの用途が決まる。

コンピュータを運用するプログラムの分類

ソフトウェア
- アプリケーション
  - ワープロ
  - ゲーム
  - グラフィック
  - その他のアプリケーション
- オペレーティングシステム
  - Windows
  - UNIX
  - Linux
  - MacOS
  - その他のOS

システムソフトウェア

コンピュータを運用するためのプログラムや、プログラミング言語を解釈するコンパイラなどをシステムソフトウェアという。

例）オペレーティングシステム

アプリケーションソフトウェア

ユーザーが実際の業務処理を行うために使用するプログラムをアプリケーションソフトウェアという。

例）ワープロソフト、表計算ソフト、データベース、コンピュータグラフィックスソフトウェア、ゲームソフトウェアなど

ドライバ

コンピュータにインストールされたハードウェアを動作させるプログラムをドライバという。

例）ビデオカードドライバ、サウンドカードドライバ、モデムドライバなど

オペレーティングシステムの主な目的

オペレーティングシステムには、主に二つの目的がある。

コンピュータシステムの計算活動を管理し、コンピュータシステムが正しく動作するようにする。
プログラムの開発と実行のための環境を提供する。

オペレーティングシステムの目標

オペレーティングシステムは、ユーザーの利便性を高め、システム性能を最大化することを目標とする。

処理能力の向上：決められた時間内に、できるだけ多くのデータを処理する
応答時間の短縮：処理要求から処理完了までにかかる時間を最小化する
信頼性の向上：システム障害に対応する
使いやすさの向上：ユーザーにとって便利な利用環境を追求する

オペレーティングシステムの構成

オペレーティングシステムを構成する二つの要素は、コンピュータを制御する制御プログラムと、プログラムを実行してデータを処理する処理プログラムである。

制御プログラム
- システム全体の動作およびプログラムの実行状態を監視する
- ユーザーが依頼した作業の開始や実行など、作業の流れを管理して処理する
- 入出力に関連するデータを統括して管理する
処理プログラム
- アセンブラ（Assembler）、コンパイラ（Compiler）、インタプリタ（Interpreter）など、高級言語で作成したソースプログラムを機械が理解できる機械語へ翻訳するためのプログラム
- アプリケーションソフトウェア
- ユーティリティ

パーティションの理解

パーティションとは、論理的に分割された領域を意味する。物理的なハードディスクは、OSによって論理ドライブとして認識されるための手順が必要であり、パーティションとはOSがハードディスクという物理装置上に、自身が使用する論理領域を設定する作業である。

一つのOSがハードディスクを利用するには、大きく二つの手順を経る必要がある。一つはディスク領域の一部または全部を自身の領域として宣言するパーティション設定であり、もう一つはFORMATによってファイルの入出力構造を作ることである。

パーティションが設定されていないディスクは認識できない。

ハードディスクを複数の論理ドライブに分割して使用するかどうかはユーザーの選択である。二つのOSを併用してインストールする場合は、必ず分割する。

カーネル

カーネルは、OSのすべての部分に基本サービスを提供する、コンピュータのオペレーティングシステムの中核であり、最も重要な部分である。

CPU、GPU

CPU（central processing unit）
- 入出力装置、記憶装置、演算装置などを含むコンピュータリソースを管理する、最上位階層の中央処理装置である。
GPU（graphics processing unit）
- グラフィックス処理装置
- 反復的で類似した大量の演算を行い、それを並列（parallel）に分割して処理するため、対象の処理ではCPUに比べて圧倒的に高速である。

メモリ

コンピュータで作業を行うために、処理対象や結果などを保存する空間である。
プログラムを実行するための情報はメモリに保存され、そこで処理される。

ヒープ領域とスタック領域の違い

プログラムを実行するには、プログラムがメモリにロードされる必要がある。そのため、オペレーティングシステムはプログラム実行のためにさまざまなメモリ空間を提供する。

コード、データ、スタック、ヒープ領域が割り当てられ、それぞれの役割は次のとおりである。
- コード
  - 実行するプログラムのコードが保存されるテキスト領域である。
  - CPUはコード領域に保存された命令を一つずつ取り出して処理する。
- データ
  - グローバル変数と静的変数がこれに該当する。
  - プログラムの開始とともに割り当てられ、プログラムが終了すると消滅する。
- スタック
  - スタック領域は、関数呼び出しに関係するローカル変数と引数が保存される領域である。
  - 関数呼び出しとともに割り当てられ、関数呼び出しが終了すると解放される。
- ヒープ
  - ヒープ領域は、ユーザーが直接管理できるメモリ領域である。
  - ヒープ領域のメモリ空間は、ユーザーによって動的に割り当てられ、解放される。

コンピューター概要

kc@example.com (kc kim) — Thu, 23 Dec 2021 09:27:00 +0900

コンピューターの概要

人に代わって複雑な演算を行う電子計算機。
大容量のデータを保存し、管理できる。

コンピューターの特徴

迅速性: 大量のデータを演算処理できる。近年のコンピューターは、1秒間に数十億回もの算術演算を実行する。
信頼性: コンピューターは大量のデータ処理において、エラーのない信頼性を支えている。これはコンピューターが人の業務を代行するうえで不可欠な要素である。
正確性: 半導体技術の飛躍的な発展により、コンピューターの正確性は日々高まっている。
データの保存: 各種データを保存するための記憶装置が開発されたことで、相当な量のデータを小さな空間に蓄積して保存できる。
経済性: 大容量データを高速に処理することで、人が行う場合に比べて時間と費用を削減できる。

PC(Personal Computer、個人用コンピューター)

初期のコンピューターは、個人が単独で使用することを前提としておらず、共同の利益を目的として開発された。そのため、中央処理部と記憶装置を備えた中央コンピューターと、利用者のための端末に分かれていた。PCは個人が単独で使用することを前提として開発されたコンピューターであり、コンピューターに必要な中央処理部、記憶装置、入出力装置を1つの製品として一体化したものである。

ハードウェアとソフトウェア

ハードウェア

ハードウェアは物理的な装置を意味する。コンピューターにはCPU、メモリ、ディスクドライブ、入出力装置など各種ハードウェアが存在し、これらはソフトウェアの命令を受けて動作する。

ソフトウェア

ソフトウェアは、コンピューター上で動作し、業務を遂行するプログラムを意味する。オペレーティングシステム、ゲーム、グラフィックプログラム、教育用プログラム、業務用プログラムなどがこれに含まれる。

基本用語

bit(ビット)とByte(バイト)

コンピューターは、すべての資料を0と1で表すデジタル形式の電気信号を使用する。デジタルとは、電気が流れている状態である「1」と、流れていない状態である「0」という2つの電気的な状態だけでデータを表現することである。これがコンピューターでいうデータ表現の最小単位であるbitである。つまり、1bitで表現できるデータは1と0の2種類だけである。しかし、これだけでは人が使う文字をコンピューターのデータにするには不十分である。そこで2つの電気信号を組み合わせると、00、01、10、11という4種類のデータを表現できる。しかし、これでも人の文字を表現することはできない。そのため8bitを組み合わせる。8bitを組み合わせると、全部で256種類のデータ表現が可能になる。これを1Byteという。結果として、これが私たちが使う文字、特に英字1文字を表現するデータ量になる。1Byteは8bitで構成される。

バス

コンピューターにおけるバスとは、データを伝達するための転送路を意味する。この通路の構成形態によって、コンピューターの種類を区分することもある。CPUと周辺機器の間で一度にやり取りできるデータ幅も意味する。8bitを基本とし、16bit、32bit、64bitへと発展してきた。

コンピューターの歴史

最初のコンピューター ENIAC

1944年、ハーバード大学教授のエイケンはIBM社の支援を受け、最初のコンピューターと呼ばれる「MARK-1」を製作した。「MARK-1」は真のコンピューターとは言えなかったが、1946年にアメリカのペンシルベニア大学でモークリーとエッカートが、弾道表、天気予報、原子力計算、宇宙線研究などに使われる軍用コンピューターを開発した。これが10進数体系を使用したENIACであった。

ENIACは真空管を使って計算できるように作られたもので、18,000本もの真空管と6,000個のスイッチを備えていた。そのためサイズが大きいだけでなく、操作も非常に困難なコンピューターだった。さらにプログラムの互換性がなかったため、プログラムを変更するたびに多数のスイッチの接続を最初からやり直さなければならなかった。

プログラム内蔵方式のEDSAC

1949年、モーリス・ウィルクスは初めてプログラムを内蔵したEDSACを完成させた。1951年には、ノイマンによって再び2進数体系を使用するEDVACというコンピューターが開発された。またIBM社は、補助記憶装置として磁気テープを使用するUNIVAC 1を開発し、アメリカの国勢調査局に設置した。

コンピューターの世代区分

世代区分	年代	中央処理装置	主記憶装置	プログラミング言語
第1世代	1946-1957	真空管	磁気ドラム	アセンブラ
第2世代	1958-1964	トランジスタ	磁気コア	FORTRAN、COBOL
第3世代	1965-1974	IC	磁気ディスク	Pascal、BASIC
第4世代	1970年代以降	LSI	半導体	現在の各種プログラム
第5世代	現在	VLSI	半導体	現在の各種プログラム

PCの構造

中央処理装置(CPU)

コンピューターの各装置を動作させ、正常な動作のために制御する制御装置を内蔵している。
各種演算データを処理する演算装置を内蔵している。
一時的なデータ保存のためのレジスタを内蔵している。
コンピューターの性能を左右し、機種を決定する要素である。

入力装置

利用者からの命令とデータを入力する装置であり、キーボードやマウスなどがこれに含まれる。

出力装置

コンピューターが処理した結果を利用者に伝える役割を担う。モニターやプリンターなどがこれに含まれる。

記憶装置

オペレーティングシステムや各種プログラムがインストールされ、利用者によって作成されるデータを保存する装置である。
ハードディスク、CD-ROM、CD-RWなどがこれに含まれる。

周辺機器

コンピューターの基本的な動作や運用には必要ないが、必要に応じて追加で設置される装置を周辺機器という。
利用者の利便性を高めることができる。
LANカード、サウンドカード、マウス、プリンター、ジョイスティックなどがこれに含まれる。

コントローラー

各装置間の円滑なデータの流れを管理し、エラーを検出する。
周辺機器の接続方式を決定する要素である。
ハードウェアとして存在する場合は「コントローラー」という用語を使う。
ソフトウェア形式で存在し、ハードウェアを動作させるためにインストールするプログラムを「ドライバー」という。

オペレーティングシステム/OS

kc@example.com (kc kim) — Wed, 09 Aug 2017 12:45:39 +0900

オペレーティングシステムに関する基本知識をまとめた。

コンピューターの基礎知識

kc@example.com (kc kim) — Mon, 01 Jan 0001 00:00:00 +0000

운영 체재

kc@example.com (kc kim) — Mon, 01 Jan 0001 00:00:00 +0000

Network

kc@example.com (kc kim) — Mon, 01 Jan 0001 00:00:00 +0000

네트워크