プログラミング入門ナビ

プログラミング学習初心者のための情報メディア

You are here: Home / 2020 / Archives for 3月 2020

Archives for 3月 2020

macOSで2つのファイルの差分を確認するには？便利なdiffツールを紹介

By

はじめに

ファイルの内容が更新されたとき、どこが変わったのかを確認したいと思うことはありませんか？

日々の業務でテキストファイルやデータ列、ソースコードなどを取り扱っていればそのような機会も多いでしょう。

この記事では、macOSで2つのファイル間の差分を確認するための方法を紹介します。

ファイルの差分とは

ファイルの更新前と更新後ではファイルの内容が異なりますが、変更が加えられていない部分は同じままです。このような場合に、更新前と更新後で異なる部分をそれらのファイルの「差分」と呼びます。

ファイル更新のたびにファイル全体を見直していては効率が悪いですね。そのため、変更があった部分だけに注目して内容を確認したいというケースがよくあります。

ファイルの差分を確認するシーン例

例えばプログラミングの場合は次のようなシチュエーションです。

  • 誰かがソースコードを変更後からエラーが発生するようになったので原因確認のためにソースコードの変更前後を比較したい
  • 入力として、とあるデータを与えた時だけエラーが発生するので他のデータとの違いを見て何が原因なのか確認したい
  • システムから毎日出力されるログの内容について、前日と本日で何か違いがあるか確認したい

プログラミング以外の場合でも次のようなケースで必要になります。

  • 使用しているサービスの利用規約がアップデートされたが、主にどんな変更が入ったのか確認したい
  • 昨年と今年で社員がどのくらい入れ替わったか、名簿で確認したい
  • 作成したファイルを上司が赤入れしてくれたが、どこを修正したのか確認したい

このように、ファイルの差分を確認する方法を知っていれば、様々なシーンで役立ちます。

WindowsではWinMerge、Macでは…？

差分を確認するためのツールとしてWindows向けでは「WinMerge」が有名で、無料で使用することができます。使い勝手がよく大変人気のソフトウェアです。

WindowsユーザならばこのWinMergeを使用するのが最もおすすめです。その名からも想像される通りこちらはWindows版のみのため、Macユーザーは別の手段を講じなければなりません。

diffコマンドを使用する方法

まずは最も簡単な方法として、diff（読み：「ディフ」）コマンドの使い方を紹介します。

このコマンド名はdifference（違い）が由来となっていて、2つのデータ間の差分を確認するためのものです。

ファイルだけでなくディレクトリ間のファイル構成も確認できます。今回は下記のような2つの名簿リストを比較してみましょう。

次のように実行してください。

  1. アプリケーション -> ユーティリティ -> ターミナル を開く
  2. 下記のようにコマンド入力 
    diff <ファイル1> <ファイル2>
  3. 実行結果例

この例ではファイル1（nameList.csv）の5行目と９行目が削除され、また11行目の後にに3人追加されています。

実行結果の「5d4」「9d7」は削除内容を表しており、例えば「5d4」は5行目が削除（delete）され4何行まで詰められた、の意味です。

「11c9,12」は11行目が変更（change）され９行目から12行目の内容に取って代わったことを示します。

「—」の後には実際の変更内容が表示されていますね。

この方法は追加で何かをインストールする必要がないため手軽ではありますが、CUI（Character User Interface：テキストベースのユーザインターフェース）のため視認性が良くありません。

比較的単純なファイルの差分を確認するのに向いている方法です。

BBEditを使用する方法

視認性よく確認するためのGUI（Graphical User Interface：グラフィックを駆使したユーザーインターフェース）ツールもいくつかあります。おすすめはBBEditです。

こちらはテキストエディタですが、2ファイル間の差分を確認するための機能を備えています。

  1. BBEditをインストール
  2. 「Search」 -> 「Find Differences」
  3. 開いた画面で2つのファイルをLeftエリアとRightエリアにドラッグアンドドロップ
  4. 結果を確認

少々見づらいですが色分けで変更点が可視化されているのと、下部に変更点一覧のコメントが表示されるのでdiffコマンドと比較すると視認性が良く確認しやすいですね。

まとめ

2つのファイルの差分を確認するための方法を2通り紹介しました。業務や日常生活の中で意外と多いファイル差分確認のシーンですが、この方法を使えば漏れなく迅速に確認できますね。

diffコマンドはすぐに使用できますし、BBEditも簡単にインストールできるので、これまで目視で試行錯誤していた方もぜひチャレンジしてみてください。

また、BBEditのようなGUIの見やすいツールは他にもいくつかあります。主にテキストエディタに付属していることが多いので、お気に入りを探してみるのもおすすめです。

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

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

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

今すぐ詳細を確認する

macOSで拡張子を表示させるには？アプリケーション関連付け方法もチェックしよう

By

はじめに

お使いの環境、ファイルの拡張子はきちんと表示されていますか？

macOSの初期設定ではファイルの拡張子が表示されないようになっていることが多く、どうすれば表示できるのか悩んでしまいますよね。

この記事では、macOSでのファイル拡張子の表示方法を紹介します。

また、拡張子に応じてファイルを開くアプリケーションの関連付けを行うことが可能です。後半ではその方法も解説します。

拡張子は重要！

そもそも拡張子とは何でしょうか。ファイル名の末尾についているドット「.」以降の部分を拡張子と呼びます。「.txt」や「.xlsx」などを見たことがあるかもしれません。

例えば「.txt」ならばテキストファイル、「.xlsx」ならばエクセルファイル、というふうにファイルの種類ごとに拡張子が定められています。

たったこれだけのものではありますが、拡張子を表示させることは非常に重要です。

ファイルの種類を明確にするため

まず、拡張子はこれが何のファイルなのかを区別するために大きな役割を果たします。拡張子が表示されていないと、ファイル名の拡張子よりも前の部分が全く同じだった場合に区別が付きにくいです。

下図の例では片方がHTMLファイル、もう一方がリッチテキストファイルですが、拡張子なしだといずれも「test」と表示されてしまいます。

アイコンや右側に表示されている「種類」で一応区別は付くものの、パッと見た時にとてもわかりづらいですね。

開くアプリケーションを関連付けできる

通常、ファイルをダブルクリックすると開くことができますが、この時に何のアプリケーションを使うかはOSが拡張子を見て判断しています。

ユーザーの意図通りのアプリケーションが選定されれば問題ありませんが、たまに意図しないアプリケーションで開かれてしまうことがありますね。

このような場合に拡張子に応じて開くアプリケーションを指定することが可能です。こちらについても後ほど方法を紹介します。

macOSで拡張子を表示させる方法

それでは、順を追ってmacOSでの拡張子表示方法を見ていきましょう。

  1. Finder ->環境設定 をクリック
  2. 詳細 をクリック
  3. 「すべてのファイル名拡張子を表示」をチェックON
  4. ファイルの拡張子が表示されることを確認

これで何のファイルなのかが一目瞭然になりましたね。

アプリケーションの関連付け方法

さらに、拡張子に応じてどのアプリケーションで開くかを設定する方法を見てみましょう。

例えば、「test.html」というファイルをダブルクリックすると通常はWebブラウザ（Google Chrome等）で開かれてしまいます。

ブラウジングではなくコーディングをするためにHTMLファイルを開きたい場合を想定して、エディタで開くように指定してみましょう。

  1. ファイル名にカーソルを合わせて右クリックし
    「情報を見る」をクリック
  2. 「このアプリケーションで開く」の青い上下矢印部分をクリック
    ※現状はGoogle Chromeが選択されています
  3. 指定したいアプリケーションを選択する
    ※この例ではエディタのSublime Text.appを指定
  4. 戻った画面で「すべてを変更」をクリック

これで「test.html」をダブルクリックするとブラウザでなくエディタで開かれるようになったはずです。

まとめ

macOSで拡張子を表示する方法と、ファイルを開くアプリケーションの関連付け方法について解説しました。

たかが拡張子ですが、表示されていないとファイルの区別がしづらくミスにもつながりやすくなります。

新しい環境立ち上げ時には一度チェックし、表示されていなければきちんと表示するように設定しましょう。

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

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

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

今すぐ詳細を確認する

講師おすすめ！サクサク学べるプログラミング教材の選び方

By

はじめに

「プログラミングを学んでみたいけれど、どんな教材を選んだらいいのかな？」と迷ってしまうこと、ありませんか？

近頃は多くの教材が溢れかえっていて選ぶのにも一苦労ですし、オンラインショップでレビューの良い書籍を購入してみたはいいものの、実際に読んでみるとなんだか合わなかった、ということも多いです。

そこで今回は、プログラス講師イチオシの教材の選び方をお伝えします。

2万8千人以上もの受講者を持つ中村講師の経験を元にプログラス編集部がまとめました。おすすめの学習方法についても紹介しますので、学習がなかなか進まないといった方にも役立つ内容です。

「プログラミングを学ぶのに適した教材って？」「つまずかずにサクサク学びたいんだけど…」「どうやって学習を進めるのか？」といった疑問に対して解説していきます。この記事が少しでも教材選びの参考になれば幸いです。

プログラミングをイチから学ぶならウェブ系がおすすめ

プログラミングといっても、その種類は多岐にわたります。エンジニアにもウェブエンジニアやサーバエンジニア、組み込みエンジニアなどいろいろあるのと同じことです。

なりたいエンジニアの業種まで明確になっていれば、それに合わせて習得する言語や学習方法を組み立てていくのが一番です。しかし、まだそこまで具体的でない場合は、取り掛かりとしてウェブ系のプログラミングから始めてみることをおすすめします。

ウェブプログラミングをおすすめする1つ目の理由は、体系的に学びやすいためです。ウェブの世界にはフロントエンド（ユーザー側）とバックエンド（サーバー）があり、前者でユーザーへの見え方を、後者でサーバーでの処理を制御します。

サーバー側での処理はJavaScriptやRubyなどのスクリプト言語で行い、その結果をフロントエンドのHTMLやCSSで書いたプログラムですぐに確認できるので、自分が今何をやっているのかわかりやすいのが初心者にとって大きな利点です。

もう1つの理由として、ウェブ系ならば求人案件が豊富にあることが挙げられます。もちろん、IT人材不足が叫ばれる昨今、ITエンジニアを求める案件は多くあるのですがその中でもウェブ系がおすすめです。です。

また、ウェブ系の知識を身に付けておけばサーバーエンジニアやアプリケーションエンジニアなど、システム系のエンジニアへ移行していく際にも役立つでしょう。

つまずかないための教材選び

何を最重要視するか？で教材の選び方も変わってきます。

例えば、時間がかかってもいいからなるべく低コストで学習したい場合は書籍を購入し、ウェブ上の情報を集めながら独学で進めることをおすすめします。

しかし、プログラミング初心者の場合、つまずかない教材を選ぶことが最も重要です。

初心者がエンジニアとして最小限のことができるようになるまで少なくとも200時間の学習が必要といわれますが、わからないことが多すぎると挫折してしまい、なかなか継続できずに諦めてしまったという事例が山ほどあります。

書籍やウェブ上の情報を使った独学ではモチベーションの維持やわからないことの解決が難しく時間もかかってしまいますね。

始めたばかりの時に、いかに疑問や悩みにかける時間を最小化して良いスタートダッシュを切れるか。楽しい！と思える部分に時間をかけられるか。ここにその後のエンジニア人生がかかっているといっても過言ではありません。

プログラミング講座のメリット

初心者の方におすすめなのがオンラインのプログラミング講座です。

プログラス講師の中村も大学でプログラミングの講義を受講し体系的な知識を効率よく取得した原体験から、最も初心者の学習に適しているのは独学形式ではなく講座であると考えています。

慣れない操作も動画でわかりやすい

初心者の挫折ポイントとして意外に多いのが、「ツールの操作がわからない」「コマンドラインでの命令の流れがわからない」といったものです。

詳細に説明されているサイトもありますが、重要な手順やわかりにくいところがスキップされていることも多いので、途中でわからなくなってしまいますね。

講座ならば細かい操作も順を追って説明していくので安心です。

疑問や悩みを質問できる

独学ではわからないことがあった時、インターネット上の質問サイト等で質問したり、エラーの内容を検索するしか方法がありません。実際にプログラミング関連のエラーや疑問点を検索するのは難しく、かなり時間と労力がかかります。

また、質問している人も解説している人もレベルがまちまちなので、書いてあることが難しすぎてわからなかったり、逆に正しくないことが書かれているので注意が必要です。

講座であればレベルの高い講師に質問しすぐに回答を得ることができるので、サクサクと次のステップに進むことができますね（契約プランによります）。

おすすめ講座で学習を進めよう

効率よく学習を進めるには、オンライン講座を入門編から1つ1つこなしていくのがおすすめです。これから何を学んでいくのか、最終的に何ができるようになるのか、イメージしながら進めると良いでしょう。

プログラスでは、ウェブ系の入門編として下記の講座を用意しています。

まとめ

プログラミングを学ぶためにまず何をしたらいいのか？どんな教材を選べばいいのか？といったテーマについて解説しました。

少しやってみたことはあるけれど、なかなかうまく進まなかった方や、これから始めたいけれどどうすればいいのかがモヤっとしていた方の参考になれば幸いです。

オンライン講座ならば、小さいけれど厄介な疑問点や悩みにかけていた貴重な時間を最小化し、黙々とコーディングする時間に充てられます。

効率よく学習を進めて、楽しいエンジニアライフを送りましょう！

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

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

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

今すぐ詳細を確認する