takayama

macのターミナルは何ができる？主な使い方も解説！

2021-01-31 By takayama

はじめに

プログラミングのためにパソコンを選ぶ時「ターミナルが使えるからmacの方がいいよ！」と言われたことはありませんか？

初心者のプログラミング学習には13インチのMacBook Proがおすすめ！その理由も解説！｜プログラミング入門ナビ

上記の記事の通り、それ以外にもmacをおすすめする理由はいくつかあるのですが「そもそもターミナルってなんだろう？」と疑問に思われているかもしれません。

この記事では、ターミナルについて初心者の方にもわかりやすく解説します。

使い方についても簡単に説明しますので、ぜひ読んで試してみてください。

ターミナルとは？

わかりやすくいうと、ターミナルとはコンピューターと会話するための窓口です。

上図のような画面からユーザーが「コマンド」を打ち込むことでコンピューターに命令し、それを受け取ったコンピューターがその通りに作業（ファイルのコピーや移動など様々なことができます）を実行し結果を表示する、というのが一連の流れになっています。

ここで「ファイルのコピーや移動だったら、Finderでファイル一覧を開いてマウスを使ってできるんじゃない？」と思われたかもしれません。

まさにその通りで、目で見て直感的に理解しやすいグラフィカルなユーザーインターフェース（GUI：Graphical User Interfaceと呼ばれます）でも同じことをしています。

ユーザーがマウスを使って行った操作は、GUIによりコンピューターが理解できる命令に変換されてコンピューターに渡され実行されるわけです。

一方、ターミナルではユーザーがキーボードのみを使ってコマンド（文字列）を使って命令をするのでCUI（Character User Interface）と呼ばれます。

ここでもユーザーが打ち込んだ命令がCUIによりコンピューターが理解できる命令に変換されコンピュータに渡され実行される流れです。

ざっくりとまとめると、コンピューターにやらせたい作業をウィンドウ表示やマウス操作で行うのが通常なのに対し、キーボードを使って文字だけで指示するためにあるのがターミナルだと捉えてください。

ターミナルを使うメリット

「文字だけで指示しなければならないなんて、わかりにくいし余計に面倒なのでは？なんのためにターミナルがあるの？」と疑問がわくはずです。

これにはきちんと理由があります。

素早く操作できる

エクセルやパワーポイント等を使う時にショートカットキーを使ったことはありますか？

いちいちマウスでクリックしてメニューを開き、やりたい作業のところまでカーソルを持って行ってまたクリックしてさらにメニューを開いて…

といった一連の作業をするよりも、キーボードでショートカットキーを打ち込む方が断然速く作業できますよね。

これと同じで、慣れてくるとマウス作業よりもキーボードでタイプする方が素早く操作できるようになってきます。

かゆいところに手が届く

GUIに比べてより細かい命令が可能なので、かゆいところに手が届きます。

例えばファイルの検索をしたい時などに有効です。

macの検索ではファイル名でしか検索できませんが、ターミナルを使えば「○○から始まるファイル名」で「3ヶ月前くらいに作ったファイル」のようなあいまいな検索もできます。

一括処理が可能

ターミナルでは複数のファイルに対して一括処理をすることができます。

たとえば「このフォルダにあるファイルを全て削除する」といった作業も可能です。

全部削除するだけならばGUIでも比較的簡単にできますが、先ほどの「かゆいところに手が届く」利点も活かし、細かい条件を指定し当てはまるものだけを一括削除することができるため、目で見てマウスで一つ一つ作業していくよりもかなり速くできます。

ターミナルの主な使い方

ターミナルを使う利点を把握したところで、使い方を見ていきましょう。

起動方法

ターミナルはFinderから下記の通りに起動できます。

Finder　→　アプリケーション　→　ユーティリティ　→　ターミナル.app

また、macの右上にある虫眼鏡アイコンからSpotlight検索を起動し「ターミナル」と打ち込んで起動するのでも問題ありません。

主なコマンド

無事ターミナルが起動できたら早速コマンドを打ってみましょう。

下記はよく使用される主なコマンドです。

ターミナルでは「$」マークの後にユーザーがコマンドを入力することができます。

逆に「$」で始まっていない行は全てターミナルからの返答です。

また「ディレクトリ」という言葉が出てきますがこれは階層構造を指しており、「フォルダ」と同じような意味合いと捉えてください。

pwd

「print working directory」の頭文字で、現在いるディレクトリのパスを表示します。

$ pwd
/System/Library

ls

ディレクトリにあるファイルやディレクトリを表示します。
「ls」単体ならば現在のディレクトリ、「ls」のあとにスペースをはさんでディレクトリを指定すればそのディレクトリについて表示されます。

$ ls /Applications
App Store.app		Image Capture.app	Preview.app
Books.app		Mail.app		Reminders.app
Calculator.app		Maps.app		Siri.app
Dictionary.app		News.app		TV.app
FaceTime.app		Notes.app		TextEdit.app

cd

「change directory」の頭文字で、ディレクトリを移動します。
スペースを挟んで移動したい先のディレクトリパスを指定しましょう。
なお「.」は現在のディレクトリ、「..」と入力すれば一つ上の階層のディレクトリとなります。

$ cd ..

mkdir

「make directory」の略で、ディレクトリを作成します。
スペースを挟んでディレクトリ名を指定しましょう。

$ mkdir test

touch

ファイルを作成します。
スペースを挟んでファイル名を指定しましょう。

$ touch test.txt

find

ファイルを検索します。
スペースで挟んで探したいファイル名を指定しましょう。
ファイル名にその文字列を含むファイルが見つかればそのパスが表示されます。
見つからない場合は下記の通りです。

$ find aa
find: aa: No such file or directory

rm

ファイルを削除します。
スペースで挟んで削除したいファイル名を指定しましょう。

$ rm test.txt

mv

ファイルを移動させます。
スペースで挟んで移動させたいファイル名と移動先のパスを指定しましょう。

$ mv test.txt ../temp

cp

ファイルをコピーします。
スペースで挟んでコピーしたいファイル名とコピー先のパスを指定しましょう。

$ cp test.txt ../temp

cat

ファイルの内容を表示します。
スペースで挟んでファイル名を指定しましょう。

$ cat test.txt
Hello, World!

まとめ

macのターミナルについて概要や使い方を解説しました。

コマンドはたくさんあるのですが、まずはここに挙げたコマンドを覚えれば一通りのことはできるはずです。

物足りなくなってきたらぜひ他のコマンドやオプションについても調べてみてください。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

プログラミング学習での「質問のお作法」を理解しよう！最小限のやりとりで効率的に解決！

2020-12-31 By takayama

はじめに

プログラミング学習をしていると、必ずわからないことやどうしても解決できない問題が出てきますよね。

こんな時、プログラミング講座を受講していれば講師に質問できますし、独学の場合でもWeb上のコミュニティで質問を投げ掛ければ誰かが答えてくれるのがインターネットのいいところです。

しかし、質問をしても「もう少し詳しい状況説明がないとわかりません」等と逆質問を受けたり、何だか講師の人と噛み合わなくて何度もやりとりをしたり…といった経験はありませんか？

それ、もしかするとあなたの質問のしかたに問題があったのかもしれません。

この記事ではプログラミングにおける正しい「質問のお作法」を解説します。

質問のお作法が身に付けば、自分や相手の時間を無駄にせず効率的に問題解決できるようになるので、これまで意識したことがなかった方はぜひご一読ください。

悪い質問のしかた、していませんか？

「第○○回目講座のコードを自分でも書いて実行してみましたが、エラーになってしまいます。どうすれば解決できますでしょうか？」

よく目にするタイプの質問ですが、実はこれは悪い質問の典型例です。

何がいけないのでしょうか。

想定される実行結果が明確化されていない

「どうなっていたら成功なのか？」（何がしたいのか）の部分がありません。

この質問では講座を指定しているので講師には詳しく書かなくても伝わる可能性はありますが、自由入力に対して何らかの処理をして返すようなプログラムだったりすると、質問者が一体何を入力してどんな結果を想定していたのか見当がつきませんよね。

ここがわからないとその後の話がこじれてしまいます。

詳しいエラー内容の説明がない

ひとことに「エラー」といっても様々な種類があります。

変数への参照エラー、指定されたパスにファイルがない、無限ループ等、枚挙にいとまがありません。

プログラムに問題があるのか、実行環境に問題があるのか、その切り分けですら手がかりがないので何のアドバイスもできないことになってしまいます。

自分で行った対処とその結果がない（もしくは何もしていない）

一般的に「何かわからないことがあればすぐに人に聞く」のが良しとされる業界もありますが、プログラミングやITの業界では「検索サイトで調べてすぐに出てくるようなことは人に聞かない」「15分くらいは試行錯誤してみる」のが最低限のマナーとされています。

「知を集約してタスクを効率化し人々を単純作業から開放する」ことこそがプログラミングの最終目的であり、それに反することは好まれないからでしょう。

自分で試行錯誤した内容とその結果が書かれていないため、どこが悩みどころなのか？が伝わりにくくなっています。

質問のお作法ができていないと嫌われる？

先述のポイントを一言でまとめると、質問してから解決までの間にだらだらと時間がかかってしまうのが特徴です。

もちろん、質問した内容自体が難解なテーマでありその解説に時間がかかってしまうこともありますが、そのような場合は本質的な部分に時間をかけているので問題ありません。

質問を受けた側が「何がわからないのか？」「どんな答えを求めているのか？」を把握するための本質的でないコミュニケーションの部分に時間がかかってしまうのが問題なのです。

プログラミングの業界では特にロジカルな人が多いため、質問をした時にゴールの明確化や課題の言語化、問題の切り分けといった部分が甘いと「できないプログラマーだな」とレッテルを貼られてしまうことがあります。

教えることや説明すること自体は、それを通して自身の理解を深めたりすることもできるため好きな人が多いです。

そのためこれらがきちんとできていれば好意的に教えてくれますが、できていなければ「またこの人か…」と嫌な顔をされてしまうかもしれません。

先輩方を困らせないためにも、現場に出る前の今のうちから質問のお作法を身に付けておくのがとても重要です。

これだけ気をつけよう！質問のお作法

それでは、どんなことに気をつければいいのでしょうか。

次のポイントさえ押さえれば恐れることはありません。

先ほどの「悪い質問」にならないよう、裏返しのことをやっていくだけです。

何がしたいのかを明確化する

単に「第○○回講座のコードを実行した」だけではなく、それがどんなコードで、実行するとこういう結果になる想定である、というところまで書きましょう。

例えば「自分の姓を文字列で入力するとその文字数を返してくるプログラムで、『Nakamura』と入れたら『8』が返ってくるはずです」などと書くといいでしょう。

エラー内容を詳しく説明する

原因を特定するために必要なので、最低限下記の内容は盛り込むようにしましょう。

実行したソースコード
(あれば)関連するファイル等
エラーの内容（エラーメッセージのコピペや実行結果画面のスクリーンショット等）

自分で試行錯誤し結果を明記する

これが最重要です。エラーの内容をヒントに、自分なりに調べて方法を試してみるだけでも様々な知見が得られますし、うまくいけば自力で解決できてしまうこともあるでしょう。

もし解決できなくても、「この方法を試してみたけれど今度はこんなエラーが出てダメだった」ということを質問に追記できれば、質問を受けた側にとってもより具体的なヒントになります。

まとめ

プログラミングにおける「質問のお作法」について解説しました。

お作法というと堅苦しい感じがしますが、肝要なのは「相手と自分の貴重な時間を無駄にしないよう丁寧にコミュニケーションする」ということです。

ここで説明したポイントを押さえていれば問題ありませんので、気軽に質問しながら慣れていくのがいいでしょう。

もちろん、質問前の試行錯誤のフェーズは自分の学習にも役立ちますので忘れずに行ってくださいね。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

説明リストとは？HTMLで用語説明ページを作るのに最適！使い方を確認しよう

2020-09-26 By takayama

はじめに

HTMLの「説明リスト」をご存知ですか？

<ul>タグと<li>を使う箇条書き（順序なしリスト）や、<ol>と<li>を使う順序付きリストは知っていても、説明リストを使ったことがまだない方もいらっしゃるかもしれません。

この記事では説明リストとはどんなものか？を説明し、使い方についても解説します。

動画解説

本動画の内容を動画でも解説しています。

説明リストとは

まず、説明リストがどんなものなのかを見ていきましょう。

先にイメージがあるとわかりやすいですね。下記のようなものを説明リストと呼びます。

用語があってその下にその用語の説明がつく、このセットが３つ並んでいますね。

このように、ある用語の説明に特化したリストを説明リストと呼びます。

この説明リストを記述したHTMLは下記の通りです。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>説明リストの練習</title>
  </head>
  <body>
    <dl>
      <dt>用語1</dt>
      <dd>説明1</dd>
      
      <dt>用語2</dt>
      <dd>説明2</dd>
      
      <dt>用語3</dt>
      <dd>説明3</dd>
    </dl>
  </body>
</html>

コードの内容を紐解いていきましょう。

dl要素

dl要素は「Description List」の略で、説明リストであることを表します。

<dl>〜</dl>の中に後述の<dt>タグと<dd>タグを記述して説明リストを構成する訳です。

dt要素

dt要素は「Description Term」の略で、<dt>〜</dt>の中に説明対象となる用語や文章を記載します。

dd要素

dd要素は「Description Definition」の略で、dt要素が指す単語や用語の意味や説明を記載します。

<dd>〜</dd>の中に内容を書いてください。

使用例で確認しよう

理解を深めるために順を追って使用例を確認しましょう。

まず、完成イメージは下記の通りです。

このサイトでもよく取り上げているWebプログラミング言語の説明リストですね。

まずはエディタで新規ファイル「description-list.html」を作成してください。

下記の通りコードを記述しましょう。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>説明リストの練習</title>
  </head>
  <body>
    <dl>
      <dt>HTML</dt>
      <dd>文章構造を定義するマークアップ言語です</dd>

      <dt>CSS</dt>
      <dd>ウェブページのスタイルを指定するための言語です</dd>

      <dt>JavaScript</dt>
      <dd>動的なウェブページを作成する事のできるプログラミング言語です</dd>
    </dl>
  </body>
</html>

ファイルを保存し、完成イメージと同じようにできていればOKです。

ここで、説明リストについてよくある質問とその答えを確認しましょう。

用語と同じ行に説明を書くことはできる？

スタイル（CSS）を適用すればそのように表示することが可能です。別の記事で取り上げます。

ただし、HTMLはあくまで文書の構造を定義するために使用すべきなので、HTMLでは実施しません。

必ず用語はdt要素、説明はdd要素で書くようにしてください。

箇条書きを使って書いてはいけないの？

<ul>と<li>を使って箇条書きにしても同じような表示はできるので、間違いではありません。

しかしながら、似たような表示であっても箇条書きと説明リストでは書く側が文書に持たせたい意味合いが異なります。

例えば下記のような文書を比べてみましょう。

文書１：お買い物リスト

りんご
ぶどう
みかん

文書２：果物の説明

りんご

バラ科リンゴ属の植物。7500以上の品種が栽培されている。

ぶどう

ブドウ科の植物。果実はワインの原料ともなる。

みかん

ミカン科の植物。正式名称はウンシュウミカン。

文書１は単なる列挙、文書２では用語とそれに対する説明となっていますね。

その文書に何が書かれているのかをマークアップするのがHTMLの役割であり、ブラウザや検索エンジンはそれを頼りに機能します。

ブラウザでその文書に合った表示をさせたり、検索エンジンに正しく文書の内容を解析してもらうためにも意味合いに合ったタグを選んで記述するよう心がけましょう。

まとめ

説明リストの紹介と、HTMLでの記述方法解説を行いました。

用語の説明にぜひ活用してみてください。

本記事の内容は下記の講座からの抜粋です。HTMLについてより体系的に学びたい方はぜひチェックしてみてください。

新HTML入門（Proglus）

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する