Ruby

Rubyでファイルが存在するか確認する方法を現役エンジニアが解説【初心者向け】

初心者向けにRubyでファイルが存在するか確認する方法について現役エンジニアが解説しています。ファイルがあるかどうかを確認するためには、existメソッドを使用します。ファイルが無いことを確認して作成したり、ファイルがあればフォルダを削除しないなどの処理の前に確認します。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

Rubyでファイルが存在するか確認する方法について解説します。

そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。

なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。

今回は、Rubyに関する内容だね！

どういう内容でしょうか？

Rubyでファイルが存在するか確認する方法について詳しく説明していくね！

お願いします！

ファイルが存在するか確認する方法

ファイルが存在するかを確認するには、標準クラスであるFileクラスのexist?メソッドを用います。

File.exist?(<path>) で存在有無を確認できます。

ファイルが存在する場合にはtrue、存在しない場合にはfalseが返ってきます。ファイルだけでなくディレクトリ(フォルダ)の存在確認にも使えます。

実際に書いてみよう

次の画像のようなファイル構成で検証してみましょう。

ファイルがあるかどうか存在確認のためのファイル構成

存在するファイルやディレクトリの場合にはtrue、そうでない場合にはfalseが返ってくるのが確認できますね。

irb(main):001:0> File.exist?("sample.txt")
=> true
irb(main):002:0> File.exist?("sample.csv")
=> false
irb(main):003:0> File.exist?("sampledir")
=> true
irb(main):004:0> File.exist?("testdir")
=> false
irb(main):005:0> File.exist?("sampledir/sample.csv")
=> true
irb(main):006:0> File.exist?("sampledir/sample.txt")
=> false

補足事項

なお、ディレクトリを除外したい場合や、ファイルかディレクトリかどうかを判別したい場合には、File.file?メソッドや、Dir.exist?メソッドを使うとよいでしょう。

File.file?(<path>)メソッドは、ファイルならtrue、ディレクトリならfalseが返ってきます。

Dir.exist?(<path>)メソッドは、存在するディレクトリならtrue、ファイルや存在しないディレクトリならfalseが返ってきます。

[PR] 未経験からWebエンジニアを目指す方法とは

筆者プロフィール

メンター稲員さん

フリーランスエンジニア。
大手SEからフリーランスのWeb系エンジニアにジョブチェンジ。

経験言語：Ruby、Rails、Python、C/C++、Java、Perl、HTML/CSS3、JavaScript、CoffeeScript,Node.js。
おうち大好きマンです。

内容分かりやすくて良かったです！

ゆかりちゃんも分からないことがあったら質問してね！

分かりました。ありがとうございます！

TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

Rubyでハッシュオブジェクトからキーや値を取り出す方法【初心者向け】

Rubyでハッシュオブジェクトからキーや値を取り出す方法について解説します。そもそもRubyについてよく分からないという方は、Rubyと...

Ruby

Rubyで配列を代入する方法を現役エンジニアが解説【初心者向け】

Rubyで配列を代入する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Rubyについ...

Ruby

RubyコードをHTMLに埋め込む方法を現役エンジニアが解説【初心者向け】

RubyコードをHTMLに埋め込む方法について解説します。そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した...

Ruby

Rubyのbytesliceメソッドで指定バイト分の文字列を返す方法【初心者向け】

今回はRubyのメソッド、bytesliceについて解説していきます。そもそもRubyについてよく分からないという方は、Rubyとは何な...

Ruby

Ruby on Railsでhashとselectメソッドを使う方法を現役エンジニアが解説【初心者向け】

Ruby on Railsでhashとselectメソッドを使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者...

Ruby

Rubyで引数の型チェックをする方法を現役エンジニアが解説【初心者向け】

Rubyで引数の型チェックをする方法について解説します。そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記...

Ruby

あわせてよく読まれている記事

Rubyでexist?メソッドを使う方法を現役エンジニアが解説【初心者向け】

Rubyでexist?メソッドを使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプ、Ruby講座の内容をもとに紹介しています。田島悠介今回は、Rubyに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 Rubyでexist?メソッドを使う方法について詳しく説明していくね！大石ゆかりお願いします！ exist?メソッドとは引数で指定したファイルやディレクトリが存在( exist )するかどうかを判定し真偽値( true/false )を返してくれるメソッドです。メソッド名の最後にクエスチョンマーク(?)のあるメソッドは、判定結果を真偽値で返すメソッドになります。 exist?メソッドを使う方法 DirクラスとFileクラスとFileTestクラスのクラスメソッドとして以下の形式で使用します。 Dir.exist?("ディレクトリパス") File.exist?("ファイルパス") FileTest.exist?("ファイルパス") File.exist?メソッドはFileTest.exist?メソッドとほぼ等価です。 [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう # 検証用にディレクトリとファイルを作成します。 require "fileutils" FileUtils.mkdir_p("./testdir") FileUtils.touch("./testdir/filename.txt") # ディレクトリの存在を確認します。 # Dir.exist? メソッドはファイルを指定すると「偽( false )」が返ります。 # 存在しないディレクトリは「偽( false )」が返ります。 puts Dir.exist?("./testdir/") #=> true puts Dir.exist?("./testdir/filename.txt") #=> false puts Dir.exist?("./nodir/") #=> false # ファイルの存在を確認します。 # File.exist? はファイルとディレクトリのどちらであっても、存在すれば「真( true )」が返ります。 # 存在しないファイルは「偽( false )」が返ります。 puts File.exist?("./testdir/filename.txt") #=> true puts File.exist?("./testdir/") #=> true puts File.exist?("./testdir/no.txt") #=> false puts File.file?("./testdir/filename.txt") #=> true puts File.file?("./testdir/") #=> false puts File.directory?("./testdir/filename.txt") #=> false puts File.directory?("./testdir/") #=> true # FileTest.exist?

Ruby

今さら聞けない！GitHubの使い方【超初心者向け】

開発者にとってなくてはならないサービスとしてGitHubがあります。エンジニアにとっては当たり前のサービスですが、これからプログラミングの勉強を始める初心者にとってはよくわからないかもしれません。そこで今回は、GitHubの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもGitHubとは何なのか、どんな時に使うツールなのかを知っていきながら、実際の使い方を紹介しています。本格的に使おうと思ったらもっと多くのことを知る必要がありますが、業務で使うということでなければ十分でしょう。目次ファイルが存在するか確認する方法実際に書いてみよう筆者プロフィール Gitについてそもそもよく分からないという方は、GitHubとは何なのか解説した記事を読むとさらに理解が深まります。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。大石ゆかり田島メンター！！GitHubってなんですか〜？田島悠介 GitHubはね、Gitをオンライン上で管理するサービスだよ。大石ゆかりもう少し詳しく教えてもらえますか〜？ GitHubとは GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。ソースコードを更新したバージョンの管理や閲覧、バグ追跡機能、SNSの機能を備えており、開発者にとってなくてはならないサービスです。また、GitHubを使ってソースコードの管理を行っている企業も多数あります。 GitHubが人気な理由と類似サービスとの違い GitHub は、Git を使用したソフトウェア開発とバージョン管理のための人気のあるプラットフォームおよびクラウドベースのサービスです。コードを効率的に保存、管理、共同作業するために必要なツールを開発者に提供します。ユーザーフレンドリーなインターフェースと豊富な機能を備えた GitHub は、世界中の開発者にとって不可欠なツールとなっています。 GitHub はテクノロジー業界では有名な名前かもしれませんが、ライブカジノへのユニークなアプローチを持つオンラインカジノ市場も多くの日本人プレイヤーに人気を集めています。その一例が、プレイヤーに没入型でインタラクティブなゲーム体験を提供する日本の市場志向のオンラインカジノ、ライブカジノハウスです。オンラインカジノブランドレビュー関連ページで調べる通り、ライブカジノハウスは、日本の文化と技術の要素を取り入れることで、ライブカジノの伝統的なコンセプトを次のレベルに引き上げます。伝統的な日本の衣装を着たライブディーラーから高度なバーチャルリアリティテクノロジーまで、ライブカジノハウスはプレイヤーにユニークなゲーム体験を提供します。イノベーションと顧客満足に重点を置いているライブカジノハウスは、日本市場で大きな支持を得ています。その成功は、日本のオンラインカジノ業界の可能性を浮き彫りにし、多様な興味や好みに応えるために継続的に進化している様子を示しています。より多くの日本のプレーヤーがエンターテインメントのニーズのためにオンラインカジノに目を向けるにつれて, ライブカジノハウスや他の日本の市場志向のオンラインカジノが、伝統的なカジノ体験の限界を押し広げ続ける様子を見るのはエキサイティングです。 GitHubと同じようなソースコード管理サービスとしては、BitbucketやGitLabなどがあります。それぞれのサービスとの違いをもとに、GitHubが人気な理由を見ていきましょう。理由1：無料のプライベートリポジトリソースコードを管理する単位をリポジトリと呼びます。リポジトリは格納場所という意味で、他の利用者にも公開されるパブリックリポジトリと、公開が関係者だけに限定できるプライベートリポジトリがあります。ソースコードを公開したくない場合は、プライベートリポジトリを選択する必要がありますが、以前はGitHubは有料、BitbucketやGitLabでは無料という状況でした。しかし2020年4月から、GitHubでも無料のプライベートリポジトリを無制限に作成可能になりました。これによりGitHubを使いたかったがソースコードは公開したくない個人や企業の利用が大幅に増え、さらにGitHubの人気が高まる状態となりました。理由2：オープンソースコミュニティに育まれたSNS機能オープンソースとはソースコードが公開されており、誰でも無料で利用できるソフトウェアのことを指します。また、オープンソースコミュニティとは、オープンソースの開発者同士の集まり、結びつきのことです。 GitHubでは以前から多くのオープンソースが管理されており、たくさんのオープンソースコミュニティが形成されています。このオープンソースコミュニティに育まれる形で、GitHubには以下のような機能が充実しており、コミュニティが開発を行いやすくなっています。コミュニティの中で誰がどのぐらい貢献しているかを可視化する機能（スター、貢献度）開発メンバーの知見を共有する機能（Wiki、GitHub Pages）ソースコードの更新などに関する議論をやりとりする機能（Issues、Codeとの連動）単にソースコード管理サービスとしての機能だけを捉えると、実はGitHub、Bitbucket、GitLabとも大きな違いはありません。しかしこのような開発しやすい環境を支援する機能という点では、GitHubが頭一つ抜けている印象を持ちます。理由3：先進的な機能の拡充 GitHubは2018年にMicrosoft社に買収され、傘下の一企業となりました。 Microsoft社は買収後もGitHubを独立企業として維持する意向を示しており、両社はオープンソースコミュニティにとっても良好な関係となっています。このような環境の中から、以下のような先進的な機能が次々と誕生しています。世界中のエンジニアに人気のあるMicrosoft社のフリーのソースコード編集ソフト「Visual Studio Code」をオンラインで利用できる「Codespaces」オープンソースコミュニティに開発者としてではなく、資金提供者として参加できる「Sponsors」機能ソフトウェアの開発から公開までの一連の流れをサポートする「GitHub Actions」これら先進的な機能は類似のソースコード管理サービスにはないものであり、開発者にとってGitHubを選ぶ理由の1つとなっています。 GitHubのアカウント登録それではさっそくGitHubに登録してみましょう。まずは、GitHubのトップページにアクセスします。ここでメールアドレスを入力し、緑色の「Sign up for GitHub」ボタンをクリックします。次の画面でUsername（ユーザー名）やPassword（パスワード）を入力します。下の方にある「Pick the spiral galaxy」は、不正なユーザー登録を防ぐための仕組みです。クイズになっており渦巻状の銀河の絵を数回選択します。なお、このクイズは定期的に変わるようです。決められた回数、クイズに正解すると「Create account」ボタンを押せるようになります。ボタンを押して次に進みましょう。このような画面になります。登録したメールアドレスに認証のメールが届きます。メールの内容に従いユーザー認証を行ってください。以上でGitHubのアカウント登録は完了です。大石ゆかり GitHubの登録はできました♪それで、どうやって使うんですか〜？田島悠介その前にいくつか知っておいたほうがいいことがあるから、教えておくね。大石ゆかりはい、お願いします♪ [PR] 未経験からWebエンジニアを目指す方法とはGitHubを使う上で知っておきたい事前知識早速GitHubを使っていきたいところですが、使い始める前に知っておきたい事前知識を3つ紹介します。ここで紹介する言葉がまったくわからない場合は、理解しておきましょう。事前知識1：ローカルリポジトリとリモートリポジトリ事前知識2：コミットとプッシュとは事前知識3：ブランチ（branch）とは事前知識4：インデックス（index）とは事前知識1：ローカルリポジトリとリモートリポジトリリポジトリとは、ファイルやディレクトリの状態を保存する場所です。変更履歴を管理したいディレクトリなどをリポジトリの管理下に置くことで、そのディレクトリ内のファイルなどの変更履歴を記録することができます。リポジトリは自分のマシン内にある「ローカルリポジトリ」とサーバなどネットワーク上にある「リモートリポジトリ」の2カ所にあります。基本的にローカルリポジトリで作業を行い、その作業内容をリモートポジトリへプッシュする流れで行います。事前知識2：コミットとプッシュとは最低限この2つは知っておきましょう。コミット(commit) ファイルの追加や変更の履歴をリポジトリに保存することプッシュ(push) ファイルの追加や変更の履歴をリモートリポジトリにアップロードするための操作事前知識3：ブランチ（branch）とはソフトウェアの開発では、現在リリースしてるバージョンのメンテナンスをしながら新たな機能追加やバグ修正を行うことがあります。このような、並行して行われる複数のバージョン管理を行うために、Gitにはブランチ（branch）という機能があります。ブランチは履歴の流れを分岐して記録していくものです。分岐したブランチは他のブランチの影響を受けないため、同じリポジトリ内でそれぞれの開発を行っていくことができます。事前知識4：インデックス（index）とはリポジトリ管理下にあるディレクトリの中には、一時的に使うファイルなど、Git管理が不要なものもあります。そこでGitでは、バージョン管理する対象のファイルやフォルダを「インデックス」と呼ばれる台帳に登録することで、必要なもののみバージョン管理が行えるようになっています。逆に言えば、新たにフォルダやファイルを作成した場合、コミットする前にインデックスに登録する必要があります。忘れないようにしましょう。 GitHubの使い方それでは使い方を覚えていきましょう。基本的なGitの作業は下記のような流れとなるので、GitHubを使って順番に紹介します。なお、「1」の作成は初回のみ行い、「2」から「5」を繰り返します。基本的に小さい作業の単位でコミットを行い、ある程度作業がひと段落した時にプッシュをするのが一般的です。コミットの作業がわかりやすいように、コミットメッセージを残しておくと、ログを追っていく時に役立ちますので覚えておきましょう。 Githubでリポジトリを作成（git init）ファイルの作成、編集を行うファイルの作成/変更/削除をgitのインデックスに追加する（git add）変更結果をローカルリポジトリにコミットする（git commit）ローカルリポジトリをプッシュしてリモートリポジトリへ反映させる（git push） GitHubでリポジトリを作成（git init）まずはリポジトリを作成します。 GitHubにログインした状態で以下にアクセスします。 https://github.com/new 次に表示される画面では、「Repository name」の入力のあと、必要に応じて「Description」も入力します。また、リポジトリの種類を「Public」か「Private」を選択します。ソースコードを公開したくない場合は「Private」を選択すると良いでしょう。最後に、リポジトリの中にあらかじめREADMEファイルを作成しておく場合は「Initialize this repository with a README」にチェックを入れます。 .gitignoreやlicenseについては後で追加や変更ができるので、Noneを選択します。必要項目の入力が終わり「Create repository」ボタンをクリックするとリポジトリの作成は完了です。次の画面で、リモートリポジトリのアドレスが表示されますので、控えておいてください。ファイルの作成、編集を行うはじめに、ローカルのPC上にローカルリポジトリを作成します。今回は「awesome」というディレクトリを作成することにします。以下の操作はWindowsであればPowerShell、Macであればターミナルで行います。コマンドは1行ずつ、最後にEnterキーを押して入力しましょう。 mkdir awesome cd awesome git init 「mkdir」は新しくディレクトリを作成するコマンドで、「cd」はディレクトリを移動するコマンドです。 awesomeというディレクトリを作成し、そのディレクトリに移動してから作業が始まります。そして、この「git init」コマンドはGitリポジトリを新たに作成するコマンドです。バージョン管理を行っていない既存のプロジェクトをGitリポジトリに変換する場合や、空の新規リポジトリを作成して初期化する場合に使用します。 git initコマンドを実行するとカレントディレクトリをGitリポジトリに変換します。次に、テキストエディタなどで以下のHTMLファイルを作り、先ほどのawesomeフォルダに「hello.html」という名前で保存しましょう。現在の状態を確認しましょう。 git status 結果は以下のようになります。 hello.htmlが「Untracked files」、つまりインデックスに登録されていないファイルとして表示されています。 On branch master Untracked files: (use "git add <file>..." to include in what will be committed) hello.html ファイルの作成/変更/削除をgitのインデックスに追加する（git

Git

これだけは覚えておきたい！基本的なUNIXコマンド20【初心者向け】

今回は、プログラミング初心者でも覚えておきたいUNIXコマンドを紹介します。プログラミングを学んでWeb開発する際に、WebサーバのOSとしてLinuxやUNIX系を利用することがあります。そのため、Web開発をするためにUNIXコマンドの知識が必要です。 Amazonが運営するAWSといったサービスやCloud9といったサービスでも、UbuntuやLinuxが利用されています。そのため、特定のOSで利用可能なコマンドです。また、Macのターミナルを扱う時も使用しますので、覚えておくと便利です。 WindowsでUNIXコマンドを利用できるので、コマンド操作に慣れることは実務においても技術的なレベルが上がります。そこでこの記事では、プログラミング初心者でも覚えておきたいUNIXコマンドを初心者向けに紹介します。目次ファイルが存在するか確認する方法実際に書いてみよう筆者プロフィール UNIXコマンドとは UNIXコマンドとは、LinuxやUNIX系OSのWeb開発で利用するコマンドです。ウィンドウやボタン、アイコンといった視覚的なオブジェクトをマウスで操作するインターフェイスをGUI（Graphical User Interface）と呼びます。一方、文字入力によってコンピュータに命令を与えて操作するインターフェイスをCLI（Command Line Interface）、あるいはCUI（Character User Interface）と呼びます。「コマンド」とはコンピュータに指示する命令であり、CLI上で用いるプログラム／アプリケーションのことを指します。 UNIXに由来するコマンドを「UNIXコマンド」と呼称します。現在ではGUIがコンピュータを操作する手法として主流ですが、ある操作の結果を別の操作に用いたり、自動的に複数の操作を行ったりする場合など、CLIの方が適している作業が多く存在します。 Windows10でUNIXコマンドを利用する方法 2021年3月現在の最新バージョンのWindows10では、WSL（Windows Subsystem for Linux）を有効化することでUNIXコマンドを利用できます。コントロールパネルプログラムプログラムと機能 Windowsの機能の有効化または無効化上記の順に選択をして、「Linux用 Windows サブシステム」をチェックしてください。コントロールパネルを開いてプログラムを選択する画面プログラムを選択してWindowsの機能の有効化または無効化を選択する画面 Linux用Windowsサブシステムを選択してOKを押してください。 Microsoft StoreでUbuntuをインストール Microsoft StoreをWindowsで起動します。 Ubuntuを検索して出てきた表示の入手をクリックしてUbuntuをインストールします。インストールにはしばらく時間が必要です。インストールが完了したら起動ボタンを押してください。 Windows上で初期設定を行うための起動が始まります。初回のみ起動時間が必要です。ユーザー名とパスワードを設定すると完了です。パスワードは設定用と入力用に同じものを2回入力する必要があります。設定が完了したら、UNIXコマンドの入力が可能になります。 [PR] 未経験からWebエンジニアを目指す方法とは覚えておきたいUNIXコマンド20 ここからは主要なUNIXコマンド20選を紹介します。いずれもMacのターミナルで入力した例を画像で表示しているので、ぜひ自分のPCでも試してみてください。ディレクトリとファイルの確認、移動に使うコマンド pwd 現在の作業ディレクトリの絶対パスを表示します。なお絶対パスとは、最上位階層から目的のファイルやフォルダまでの道筋を省略なく記述する方式のことです。一方の相対パスは、起点となる現在位置から目的のファイルやフォルダまでの道筋を記述する方式です。入力例： pwd 現在どのディレクトリにいるのかを確認するときに使います。 cd 作業ディレクトリを変更するコマンドです（ディレクトリを移動します）。入力例： cd (ディレクトリ名) cdだけで実行するとホームディレクトリへ移動します。「cd -」とすると、直前にいたディレクトリへ移動します。「cd ..」とすると親ディレクトリへ移動します。 ls ディレクトリの内容をリスト表示するコマンドです。入力例： ls (ディレクトリ名) lsだけで実行すると、現在のディレクトリに含まれるファイル名をリスト表示します。ディレクトリを指定すると、そのディレクトリに含まれるファイル名をリスト表示します。また、「ls -l」でパーミッションや所有者などの関連情報を付加して表示、「ls -a」で隠しファイル・隠しフォルダを含めて表示することが可能です。ディレクトリとファイルの操作で使うコマンド cp ファイルをコピーするコマンドです。入力例： cp (ファイルA) (ファイルB) この場合ファイルAをファイルBにコピーします。また「-f」オプションをつけた場合、コピー先に同名のファイルがあった場合上書きされます。「-i」オプションをつけた場合は上書きするかどうかをファイルごとに確認します。なおディレクトリを内容ごと（再帰的に）コピーするときは、「-R」オプションをつけます。 mv ファイルの移動およびリネームを行うコマンドです。入力例： mv (ファイルA) (ディレクトリB) mv (ファイルA) (ファイルB) 1つめの例では、ファイルAをディレクトリBに移動します。 2つめの例では、ファイルAからファイルBに名前を変えることができます。 cpコマンドと同じように、「-f」オプションをつけた場合、移動先に同名のファイルがあった場合は上書きされます。「-i」オプションをつけた場合は、上書きするかどうかを確認します。 rm ファイルを削除するコマンドです。入力例： rm (ファイル名) ディレクトリを削除する場合は「-d」オプションを指定しますが、削除できるのは空のディレクトリだけです。ディレクトリに内容物がある場合は「-r」オプションを指定することで、中に入っているファイルを含めてディレクトリを削除します。ゴミ箱へ入れるのではなく、即座に削除されることに注意してください。 mkdir ディレクトリを作成するコマンドです。入力例： mkdir (ディレクトリ名) 通常、指定したパスの途中のディレクトリが存在しない場合はエラーになります。「-p」オプションをつけると、途中のディレクトリが存在しない場合、それらを含めてディレクトリを作成することが可能です。 touch ファイルの変更日を更新するコマンドです。入力例： touch (ファイル名) 「touch file1.txt」とすると、「file1.txt」の変更日時が更新されます。存在しないファイル名を指定した場合、その名前で空のファイルが作成されます。 ln リンクを作成するコマンドです。入力例： ln -s (ファイル名) (リンク名) 「-s」オプションを付けることで、シンボリックリンクを作成します。シンボリックリンクは、ディレクトリやファイルのショートカットとして用いられます。 chmod ファイルのパーミッション（所有権）を変更します。入力例： chmod 750 (ファイル名) この入力例は、ファイル所有者にすべての権限を与え、グループに読み込みと実行権、その他のユーザーは権限なしにするコマンドです。パーミッションは「mode」引数に8進数字あるいは記号で指定します。上記の入力例は8進数字の指定です。 8進数字指定する場合は、3桁の値で指定します。 1桁目が「ファイル所有者」のアクセス権、2桁目が「グループ」のアクセス権、3桁目が「その他のユーザー」のアクセス権です。各桁の値は、読み込み権を表す4と、書き込み権を表す2と、実行権を表す1の和を指定します。例えば、読み込み権と実行権のみを与える場合には、4と1の和である「5」を指定します。それぞれの権限の組み合わせと値は、下記の表をご覧ください。アクセス権値 0 権限なし 1 実行権 2 書き込み権 3 書き込み権と実行権 4 読み込み権 5 読み込み権と実行権 6 読み込み権と書き込み権 7 すべての権限また、記号で指定する場合は、以下の記号を組み合わせてパーミッションを指定します。 chmod a+w (ファイル名) この入力例の場合、すべてのユーザーに書き込み権限を付加します。記号誰に a すべてのユーザ u 所有者 g グループ o 他のユーザ記号付加・除去 + 付加 – 除去 = 全クリア記号権限の種類 r 読み w 書き x 実行 chown ファイル・ディレクトリの所有者とグループを変更します。入力例： chown (ユーザー名) (ファイル名) この例では、指定したファイルの所有者を指定したユーザーに変更します。なお、ファイルの所有者とグループはファイルのパーミッション範囲に関係してきます（あるユーザーのみアクセス可能など）。所有者の変更はスーパーユーザーのみ可能です。 chgrp ファイルのグループを変更します。入力例： chgrp (グループ名) (ファイル名) この例では、指定したファイルの所属グループを変更します。 chownと同じく、グループはファイルのパーミッション範囲に関係してきます（あるグループに属しているユーザーのみアクセス可能など）。ファイル内容の表示、閲覧するときに使うコマンド cat ファイルの内容を結合し、表示するコマンドです。入力例： cat (ファイルA) (ファイルB) 複数ファイルの内容を結合して表示します。ファイルを1つだけ指定して、単にその内容を表示する場合にも使用可能です。 less ファイルの内容をスクロール可能な状態で表示するコマンドです。入力例： less (ファイル名) ファイル内容を一画面しか見ることができない（スクロールできない）catコマンドとは異なり、スクロール可能な状態で表示するコマンドです。 qを入力すると表示が終了します。ファイルの検索で使うコマンド find ファイルを検索するコマンドです。入力例： find (ディレクトリ名) find (ディレクトリ名) -name (文字列) 1つめの入力例では、ディレクトリ内にあるファイルを表示します。 -nameを付けることで、ディレクトリ内にある文字列を指定して検索できます。また「find . -ctime -1h」とすると、現在のディレクトリ以下で1時間以内に変更のあったファイルを検索します。 grep 指定パターンの文字列を検索するコマンドです。入力例： grep (検索文字列) (ファイル名) 例えばgrep ba

プログラミング

今さら聞けない！ターミナルの使い方【初心者向け】

Mac OSを使っていると、システム環境設定などでは設定することができない、高度な設定をしたいと思う場合があるかと思います。そのようなカスタマイズをおこなうためには、Mac OSのターミナルという機能を使う必要があります。また、ターミナルはプログラミングをする際にも利用します。そこで今回は、初心者向けにターミナルの利用方法を紹介します。なお本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。なお、今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。目次本記事は、下記の流れで説明します。主要コマンドも紹介しているので、記事を読んだらすぐに使ってみてください。ターミナルとはターミナルの使い方ターミナルの主要コマンドターミナルとはターミナルとは、コマンドと呼ばれる命令文を用いてMacの操作や設定をおこなうためのツールです。通常は利用する必要はありませんが、高度な設定をする場合や、Macでプログラミングをおこなう場合には利用する必要があります。 Windowsにおけるコマンドプロンプトと呼ばれているものとほぼ同じものです。ターミナル上では、マウスやトラックパッドを用いて操作するのではなく、キーボードで「コマンド」と呼ばれる命令を入力することによって操作します。この記事では、ターミナルの基本的な使い方や、よく利用されるコマンドについてまとめています。 [PR] 未経験からWebエンジニアを目指す方法とはターミナルの使い方ターミナルは、「アプリケーションフォルダ」内の「ユーティリティフォルダ」にインストールされています。起動すると、次のような真っ白な画面が表示されると思います。しばらくすると時刻などが表示されますので、それまで待ちましょう。このとき表示されている文字の意味は、次の通りです。ログイン日時：ターミナルを起動した日時、1行目に表示コンピュータ名：コンピュータの名前、2行目前半に表示ディレクトリ：現在のディレクトリの位置、2行目後半に表示 ※この画像では個人情報が含まれるために上記の情報は消していますが、実際は画像中赤文字の上にこれらの情報が表示されますディレクトリとは、「Finder」で言うところの「フォルダ」と同じものです。例えば、先ほどの画像で示したターミナルで開いているディレクトリは、個人情報なため、ここでは白で隠してありますが、Macのユーザ名と同じ名前のディレクトリです。 Finderですと、次のようにフォルダに該当します。（左側のメニューから、自分のユーザ名と同じフォルダを開いています）このように、ターミナルは特定のディレクトリについて操作をおこなうツールになります。そのため、特定のファイルに対して操作をおこないたい場合、そのファイルが存在するディレクトリに移動してから操作する必要があります。（詳しくは「コマンドの使い方」にて記載します）ターミナルの設定は、通常のアプリケーションと同じく、上部バーの「ターミナル」内にある「環境設定」からおこなえます。背景や文字の色を変えたい場合は、この環境設定中にある「プロファイル」から変更することができます。ここでは、あらかじめ用意されているいくつかの配色パターンから、背景色や文字の色を選ぶこともできます。例えば、この画像中にある「Homebrew」を選択すると、ターミナルは次のように変わります。また、これらの配色は自分の好きな色にカスタマイズすることもできます。カスタマイズする場合は、同じくプロファイルの左下にある「+」ボタンから、新しいプロファイルを作成し、右側の「テキスト」や「ウィンドウ」のタブを切り替えながら、色などを選択します。ターミナルの主要コマンド基本的な設定がわかったら、ターミナルのコマンドを覚えていきましょう。今回は、ターミナルでよく利用するコマンドを11個紹介していきます。全てのコマンドは、入力した後にEnterを押すことによって実行されます。 cd ディレクトリ間を移動する場合に使用します。「ターミナルの使い方」でも述べたとおり、ターミナルでは1つのディレクトリしか開くことができません。そのため、他のディレクトリにあるファイルを操作したい場合は、そのディレクトリまで移動する必要があります。（パスを指定する方法もありますが、ここでは割愛します）このディレクトリの移動に用いるコマンドが「cd」コマンドです。「cd ディレクトリ名」と入力して実行します。例えば、現在のディレクトリ中にある「Documents」ディレクトリへ移動したい場合は、「cd Documents」と入力します。このとき、もし入力したディレクトリが存在しない場合は、「No such file or directory」というエラーが出ます。また、現在のディレクトリよりも1つ上のディレクトリへ移動したい際は、「cd ../」と入力します。これらのディレクトリ名は、連続で入力することもできます。例えば、Documentsディレクトリ内にあるtextディレクトリを開きたい場合は、「cd Documents/text」と入力すると移動できます。 ls 現在のディレクトリ内に存在する、ディレクトリやファイルを表示するコマンドです。このコマンドは「ls」のみで実行します。例えば、先ほど画像で示したユーザ名のディレクトリですと、この図のように表示されます。（ユーザー名は白で隠してあります） Finderのフォルダと比較すると、全く同じ名前のディレクトリを表示していることが分かるかと思います。先ほど紹介したcdコマンドでディレクトリを移動する際は、このlsコマンドで事前に移動したいディレクトリが存在するか確認すると便利です。 mkdir ディレクトリを作成するためのコマンドです。「mkdir 作成したいディレクトリ名」で実行します。例えば「mkdir AAA」と入力し実行すると、AAAというディレクトリが作成されます。 rm ファイルを削除するコマンドです。「rm ファイル名」で実行します。このコマンドで削除したファイルはゴミ箱には入らず、また警告等も出ませんので、十分注意して実行するようにしてください。誤って重要なファイルを削除してしまった場合、コンピュータが起動しなくなる可能性もあります。 mv ファイルやディレクトリの名前を変更する場合や、移動する場合に利用します。用途が2つあるので紛らわしいのですが、どちらの場合も「mv AAA BBB」のように入力して実行します。 AAAとBBBは、ファイルまたはディレクトリの名前です。このコマンドを実行した場合の動作は、このAAAとBBBによって、次のように異なります。 BBBというディレクトリが存在する場合は、AAAをBBBの中へ移動 BBBというファイルが存在する場合で、かつAAAがファイルの名前である場合は、BBBへ上書き保存 BBBが存在しない場合には、AAAをBBBという名前に変更 cp ファイルをコピーするコマンドです。「cp AAA BBB」と入力すると、AAAというファイルがBBBという名前でコピーされます。このとき、BBBというファイルが既に存在している場合は、BBBへ上書き保存します。また、BBBがディレクトリの名前である場合は、BBBディレクトリの中にAAAがコピーされます。 pwd 今開いているディレクトリまでのパスを表示します。ターミナルで今どのディレクトリを表示しているのか分からなくなったら、このコマンドを実行しましょう。このコマンドもlsと同様に、「pwd」のみで実行します。 man コマンドのマニュアルを開きます。マニュアルは英語ですが、各コマンドのオプションなどが表示されるので、1度は試してみましょう。「man マニュアルを開きたいコマンド名」で実行します。例えば、「man man」と入力した場合は、次のようにmanコマンドの利用方法が表示されます。このマニュアルを読んでいると、「OPTIONS」という項目があることが分かるかと思います。この記事では説明を割愛しましたが、多くのコマンドにはオプションと呼ばれる機能を付加して実行することができます。例えばmvやcpコマンドで「-n」オプションを付けて実行すると、上書き保存を防止することなどができます。特にプログラミングなどをターミナルでおこなう場合にはオプションもかなり利用することになると思いますので、こちらのmanコマンドでオプションの使い方などを一通り目を通してみましょう。このマニュアルは、終了する場合に「q」を入力します。 qを入力して終了しないと、次のコマンドを受け付けませんので注意しましょう。 find ファイルやディレクトリの検索に利用します。「find 検索する場所 -name 検索するファイル名」で実行します。「検索する場所」が分からない場合には、先ほどのpwdコマンドやlsコマンドを用いて、大体の目星を付けましょう。 clear ターミナル画面をクリアし、表示された文字を全て消去します。実行した内容が取り消される訳ではありません。同じコマンドを何度も実行する場合などは、どのコマンドをいつ実行したのかが分かりにくくなってしまいます。そのような場合はこのコマンドを実行し、一旦ターミナルを見やすくしましょう。このコマンドは「clear」のみで実行できます。 exit ログアウトする場合に用います。通常のターミナル利用では、ログアウトせずにターミナルを終了しても問題ありません。しかし、サーバ等に接続している場合は必ずこのコマンドでログアウトしてからターミナルを終了しましょう。このコマンドは「exit」のみで実行できます。 exitではなく、「logout」コマンドでもログアウトすることができます。さいごに今回の記事は以上です。ターミナルではかなり高度な設定や操作をおこなうことができます。しかし、コマンドを一度実行してしまうと、その操作を取り消すことはできません。 rmコマンドの欄にも記載しましたが、コンピュータ中の重要なファイルを消去してしまったり、破損させてしまったりした場合は、起動しなくなる場合も起こりえます。インターネット上では、ターミナルで実行できる様々なコマンドが紹介されていますが、どのような動作をするのか分からないコマンドは、十分に調べてから実行するようにしましょう。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。各自にパーソナルメンターがつきます。また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。

プログラミング

今さら聞けない！Rubyとは【初心者向け】｜現役エンジニアが解説

最近よく耳にする「Ruby」とは一体どのような言語なのでしょうか？今回はその「Ruby」の正体を解説していきたいと思います。Web系の企業でもRubyを使っているところは多いので、これからRubyを勉強してみたいという人はぜひ参考にしてみてください。終わりには、学習方法もいくつか紹介しているので、自分の好きなやり方で勉強してみましょう。なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。なお、今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。田島悠介ここではプログラミング言語のひとつ、Rubyについて解説していくよ。大石ゆかり田島メンター！！Rubyはどんな用途で使われる言語なんですか〜？田島悠介一番よく使われているのはWebアプリケーションかな。動的なサイトを作るのにとても役立つんだ。有名なクックパッドなどもRubyを使用して作られているよ。大石ゆかりなるほど。是非覚えてみたいです！目次 Rubyとは Rubyでできることオブジェクト指向とは Rubyの動向 Rubyが日本で人気な理由 Rubyで開発が向いているサービス Rubyのインストール Rubyの書き方 Rubyの基本構文 Rubyの学習方法 Rubyの学習時のポイント Rubyとは Rubyとは、まつもとゆきひろ氏により開発されたオブジェクト指向スクリプト言語です。 CやJavaといったコンパイラ言語は、プログラムを実行するためにはコンパイルという手続き（人間が書いたソースコードを機械命令に変換）を介して初めて実行ができます。しかし、スクリプト言語はこう言った手続きが一切不要で、そのまま実行することができるため、コンパイラ言語に比べてプログラミングを手軽に行うことができます。また、オブジェクト指向言語なので、すべてのデータがオブジェクトとして表現されています。つまり継承などといったオブジェクト指向ならではの機能を使うことができます。継承をすることで書くコードの量が少なくて済み、読みやすく作業効率も上がるでしょう。 Rubyの名前の由来ですが、宝石の「ルビー」から来ています。 Perl(パール)という名前のプログラミング言語がありますが、宝石の真珠(パール)と読み方が同じという点で宝石の名前を取ったようです。なぜRuby(ルビー)なのかというと、当時のまつもと氏の会社の同僚が7月生まれで、7月の誕生石がルビーだったからです。 Ruby/Rails開発のためのおすすめエディタ/IDEも紹介しているので、合わせてご覧ください。 [PR] 未経験からWebエンジニアを目指す方法とはRubyでできること Rubyを使うメリットとして一番大きいのは、Ruby on RailsというWebアプリケーションフレームワークを使うことができるということです。 Ruby on Railsを使うと、WebサイトやWebベースの業務システムを効率良く開発できると言われています。 Rubyを使っている企業は多くあり、そのほとんどがRuby on Railsを使っているのでエンジニアとして活躍することも可能でしょう。オブジェクト指向とは従来のプログラミング言語では困難になってきた、大規模なソフトウェアの開発をより効率よく開発を行うために考え出された概念です。一般的に、以下の特徴を持っています。カプセル化継承ポリモーフィズム（多態性）カプセル化カプセル化とは指定の方法以外で外部からデータにアクセスできないようにすることです。想定外のアクセスにより、本来書き換えてはならないデータを誤って書き換えることがなくなります。たとえば、ゲームのセーブデータなどは簡単に書き換えられてしまう訳にはいきません。そういったデータを書き換えられないようにするためにもカプセル化という機能は重要です。継承継承とは、既にある機能を受け継ぎ、効率よくソフトウェア開発を行うための機能です。例えば、既にあるプログラムを一部改修を加え、新しく作り直したいことがあります。そうした際に、一から作り直すのはかなり面倒です。そこで、継承を利用することで既存の機能をそのまま再利用しつつ、新たな機能を定義することができるのです。ポリモーフィズム（多態性）ポリモーフィズム（多態性）とは、同じ名前の機能（プログラム）を作成でき、それらが独立して存在できることです。例えば、スマートフォンでは動画や音楽が再生できます。この動画や音楽を再生するプログラムをPlayという名前でそれぞれ作ったとします。この時、ポリモーフィズムの概念がないプログラミング言語(C言語など)では、同じプログラムが二重に定義されていますとエラーが出てきます。ですが、RubyやC++などでは音楽ファイルなら音楽を再生し、動画ファイルであれば動画を再生することができます。このように同じ名前のプログラムを複数定義でき、それぞれのデータに合わせて使うことができることをポリモーフィズム（多態性）と言います。 Rubyの動向 Rubyは現在も積極的に開発が進められています。 2020/5/23現在の最新の安定版は2.7.1です。また古いバージョンである2.4は公式サポートが終了しました。最新の2.7系では多くの機能強化やパフォーマンスの改善が行われました。詳しくは2.7.0のリリースノートを参考にしてください。 Ruby 2.7.0 リリースフレームワークであるRuby on Railsも継続して開発が行われています。 2020/5/23現在の最新バージョンは6.0.3.1です。こちらも最新の6.0系では、新しいフレームワークの導入やマルチデータベース対応など、多くの機能追加が行われています。詳しくは6.0のリリースノートを参考にしてください Rails 6.0 (英語) なお、毎年恒例のイベントであるRubyKaigi（ルビー会議）ですが、2020年のRubyKaigi2020はコロナウィルス感染症の影響で延期となっています。ただし中止ではなく延期というのは嬉しいですね。詳しくはリリース記事を参考にしてください。新型コロナウィルス感染症（COVID-19）に関するRubyKaigi2020の対応について Rubyが日本で人気な理由国内のWebサービスとしては、クックパッドや食べログなどがRubyを利用していることは有名です。では、なぜRubyが使われているのでしょうか？一つは、Rubyの開発効率の高さです。 Rubyは「Enjoy for Programing!」を掲げており、プログラマーにとってコーディングしやすいプログラミング言語となっています。直感的に、実装したい機能をコーディングできるためストレスフリーで開発を行うことができます。そして、フレームワーク（Ruby on Rails）の存在です。「Ruby on Rails」とはRubyのWebアプリケーションフレームワークであり、数回のコマンド入力を行うだけで、Webサイトが自動生成できるRuby on Railsは大幅な開発工程の短縮を実現しました。このRuby on Railsの登場により、開発コスト削減を図る企業などでの利用が増加しました。また、スタートアップ企業などがWebサービスを立ち上げるために、Ruby on Rails を利用していることも多いです。また、Rubyは日本で開発されたプログラミング言語であることも利用されている理由の一つです。 C++やJavaといったプログラミング言語の最新情報は英語で書かれていることが多く、それら最新技術を利用するには、一定の英語スキルが必要になります。また、有用な参考書なども英語で書かれていることが多く、それらの翻訳されたものは、誤訳されたものもあります。しかし、Rubyは開発者が日本人ということもあり、日本語で書かれた有用な参考書が数多く手に入ります。そのため、最新情報をいち早く活用することもできるのです。 Rubyでの開発が向いているサービス Rubyは前述の通りRailsと組み合わせてRuby on Railsとして開発を行うことが一般的です。 Ruby on Railsは以下のようなサービスの開発に向いています。スタートアップ企業のWebサービス Ruby on Railsは開発効率が高いため、少人数での短期開発に向いています。スタートアップ企業のWebサービスは短期間での継続的なローンチが求められます。 Ruby on Railsはいわゆるアジャイルと呼ばれる開発手法にも適しており、少人数でサービスの基本機能を立ち上げ、ユーザーのフィードバックを得ながら継続的にサービスを改善していくことに適しています。 WebAPI経由でのサービス展開 WebAPIとはプログラムから利用するインターネット上のサービスです。例えばGoogle MapやTwitterなど、多くのサービスがWebAPIを提供しています。 WebAPIのメリットは既存のサービスを組み合わせて新たなサービスを生み出せることです。例えば気象データを提供するWebAPIをECサイトのサービスと組み合わせることで、他にはない特徴的なサービスを提供できるかもしれません。 Ruby on RailsにはAPIモードという構成があり、アプリケーションを構築する際にAPIモードを選択することでWebAPIを効率よく開発することができます。データベースと組み合わせた基幹系システム意外かもしれませんが、Ruby on Railsは大量のデータ処理や、複雑な計算を行う企業の会計などの基幹系システムのサービス開発にも向いています。 Ruby on RailsはMVCと呼ばれる安定的なサーバアーキテクチャをベースとしています。またデータベースとの連携についてもモデルクラスによるアクセスやコネクションプールなどに標準的に対応しています。レガシーシステムを更新する際の選択肢として考えても良いでしょう。 Rubyのインストール Rubyでプログラムを書こうと思ったらまず、Rubyをインストールする必要があります。手順としては、 Ruby のダウンロードページからダウンロード(執筆時最新版Ruby2.7.1)。Windowsであれば、RubyInstallerというツールでのインストールも可能です。ダウンロードしたファイルを実行し、インストール。インストールが完了したら、ターミナルやコマンドプロンプトから「ruby -v」と入力し、バージョンを確認。 ruby 2.7.1などと表示されれば完了です。田島悠介 RubyはWindowsとMacの両方で使用することができるよ。大石ゆかりやっぱりそれぞれによって開発環境の構築の方法がだいぶ違うんですか？田島悠介そうだね。また、インストールに必要なソフトがあったりと少し複雑なので、なるべく最新の情報を見てひとつずつ順番にやってみるのがいいと思うよ。公式のインストールガイドも参照しよう。 Rubyの書き方 Rubyのファイルは「.rb」という拡張子をつけることで保存されます。実際にターミナル上にHello,world!を出力するプログラムを例に書き方を紹介したいと思います。 print("Hello,world!n") この一文だけで目的のプログラムを作ることができます。他の言語では文末にセミコロンを打ちますが、Rubyではそれが必要ありません。他のプログラミング言語を少しでも学習したことがある方は、Rubyがいかにシンプルであるかが分かるかと思います。実際にRubyを使ってみたいという方は、開発環境の構築方法も合わせてご覧ください。 Rubyの基本構文 Rubyでよく使う基本構文についていくつかまとめて紹介していきます。基礎的な内容になるので、Rubyとは何かよく分からないという方でも覚えておくと今後役に立つでしょう。 if文 if文は「◯◯の場合〜〜する、△△の場合〜〜する」といった条件分岐の処理を行うことができます。「ログインできたらアカウント画面に、できなかったらエラー表示に」といった普段Webサイトを見ていると当たり前のように行なわれている処理が条件分岐なのです。 if ◯◯ then # ◯◯がtrueだった時の処理 else # ◯◯がfalseだった時の処理 end for文 for文は、繰り返し処理をする際に使います。1+2+3+4+…のように手動で足していくのは面倒ですが、「1ずつ増えた数字を繰り返し足して、100まで繰り返す」といった宣言を行うことができるようになります。 for i

Ruby

JavaScriptでCSVファイルを読み込む方法を現役エンジニアが解説【初心者向け】

JavaScriptでファイルを読み込む方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次ファイルが存在するか確認する方法実際に書いてみよう筆者プロフィールそもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 JavaScriptでファイルを読み込む方法について詳しく説明していくね！大石ゆかりお願いします！ JavaScriptによるファイルの読み込み Webサイトでは、ファイルをアップロードすることでアプリケーションの機能を利用することがよくあります。例えばマイページがあるようなサイトで、自身のプロフィール画像を登録するために画像ファイルを登録する時には、ファイルをアップロードすることになります。本記事では、ファイルの読み込み方法と、読み込んだ後の処理の方法について、ファイルの種類別に解説していきます。実際にファイルを読み込んでみようファイルを読み込んで、JavaScriptで取得するまでの一連の手順を紹介します。 1．input要素をHTMLに記述するファイルを読み込むには、まずHTMLに要素を追加する必要があります。追加する要素はinput要素で、type属性に”file”を指定します。また、あとでJavaScriptで取得できるよう、任意のidをつけておきましょう。 <input id="upload-file" type="file"> ブラウザで確認してみると、ファイルを選択できるボタンが設置されています。「ファイルを選択」より任意のファイルを選ぶと、ブラウザ内に自動的にファイルが読み込まれます。 2．input要素をJavaScript側で取得する 1で指定したid属性の値によって、input要素を取得します。 idによる要素の取得には、document.getElementByIdを用います。 const input = document.getElementById('upload-file'); 3．ファイルの読み込みを検知するファイルを取得するには、「input要素にファイルが指定された」というイベントを検知する必要があります。ファイルのアップロードは、changeというイベント名で取得できます。 changeイベントを取得するには、addEventListenerを用いて以下のように書きます。 input.addEventListener('change', (e) => { console.log('ファイルが検知された！'); }); 1行目の後半から始まる関数は、イベントリスナの「コールバック関数」と呼ばれ、指定したイベントが発生したタイミングで実行されます。コールバック関数の関数の引数として、 e という変数が指定されていますね。引数 e は、ファイルの情報を取得するための重要な引数です。 eについて、次の項目で詳しく説明します。 4．読み込まれたファイルを取得する 3では、「ファイルが読み込まれた」という状態を検知しましたが、まだファイルの中身は取得できていません。アップロードされたファイルの情報を得るには、イベントリスナのコールバック関数の引数を利用します。 input.addEventListener('change', (e) => { console.log(e.target.files[0]); }); コールバック関数の引数（ここではe）には、発生したイベントに関する情報が入っています。そのなかで、e.target.filesは、アップロードされたファイルが配列になっています。アップロードされたファイルが1つならば、e.target.files[0]でそのファイルを取得できます。 ※複数ファイルのアップロードについては本記事の最後に紹介します。一連の処理を行ってみようそれでは、解説した1〜4の処理を実際に行ってみましょう。完成形のコードは以下の通りです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input id="upload-file" type="file"> <script> //JavaScriptの記述

JavaScript

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Rubyでファイルが存在するか確認する方法を現役エンジニアが解説【初心者向け】

ファイルが存在するか確認する方法

実際に書いてみよう

補足事項

筆者プロフィール

関連するキーワード

あわせてよく読まれている記事

Rubyでexist?メソッドを使う方法を現役エンジニアが解説【初心者向け】

今さら聞けない！GitHubの使い方【超初心者向け】

これだけは覚えておきたい！基本的なUNIXコマンド20【初心者向け】

今さら聞けない！ターミナルの使い方【初心者向け】

今さら聞けない！Rubyとは【初心者向け】｜現役エンジニアが解説

JavaScriptでCSVファイルを読み込む方法を現役エンジニアが解説【初心者向け】

TechAcademyから
現役エンジニアの方へ
お知らせ

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

ファイルが存在するか確認する方法

実際に書いてみよう

補足事項

筆者プロフィール

記事を検索

関連するキーワード

関連する記事

あわせてよく読まれている記事

TechAcademyから 現役エンジニアの方へ お知らせ

TechAcademyから
現役エンジニアの方へ
お知らせ