TechAcademy（テックアカデミー） Webアプリケーションコース プログラミング Ruby Rubyのnet/ftpライブラリの使い方【初心者向け】
icon
icon
Ruby

Rubyのnet/ftpライブラリの使い方【初心者向け】

初心者向けにRubyのnet/ftpライブラリの使い方について解説しています。このライブラリはFTPプロトコルを扱う際に利用されるものです。導入の手順と実際の使用例を見ていきましょう。

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

Rubyのnet/ftpライブラリの使い方について解説します。

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

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

 

田島悠介

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

大石ゆかり

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

田島悠介

net/ftpライブラリの使い方について詳しく説明していくね！

大石ゆかり

お願いします！

 

net/ftpライブラリとは

net/ftpはRubyでFTPプロトコルを扱うためのライブラリです。

FTPサイトにアクセスし、フォルダを閲覧したり、ファイルをダウンロードしたりできます。

 

net/ftpライブラリの使い方

はじめにnet/ftpパッケージを読み込みます。

その後、Net::FTP.newコンストラクタで、インスタンスを作成し、各種処理を行います。

詳細は公式の文書を参照してください。

require 'net/ftp'
ftp = Net::FTP.new('ftp.example.org')
# 以降、ftpオブジェクトを用いて各種操作をする

 

[PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中

実際に書いてみよう

サンプルコード

require 'net/ftp'

FTP_HOST = 'ftp.dnsbalance.ring.gr.jp'
DIRECTORY = '/pub/lang/ruby/2.6/'
FILE = 'ruby-2.6.0-preview1.zip'

ftp = Net::FTP.new(FTP_HOST)
ftp.login
ftp.passive = true
ftp.chdir(DIRECTORY)
puts ftp.list('ruby*')
ftp.getbinaryfile(FILE)
ftp.close

 

実行結果

-r--r--r--    1 1005       1005         14104578 Feb 25  2018 ruby-2.6.0-preview1.tar.bz2
-r--r--r--    1 1005       1005         16082501 Feb 25  2018 ruby-2.6.0-preview1.tar.gz
-r--r--r--    1 1005       1005         11423984 Feb 25  2018 ruby-2.6.0-preview1.tar.xz
-r--r--r--    1 1005       1005         19807007 Feb 25  2018 ruby-2.6.0-preview1.zip
-r--r--r--    1 1005       1005         14209461 Jun  1 20:33 ruby-2.6.0-preview2.tar.bz2
-r--r--r--    1 1005       1005         16170732 Jun  1 20:33 ruby-2.6.0-preview2.tar.gz
-r--r--r--    1 1005       1005         11525372 Jun  1 20:33 ruby-2.6.0-preview2.tar.xz
-r--r--r--    1 1005       1005         19850776 Jun  1 20:33 ruby-2.6.0-preview2.zip

 

解説

1行目でnet/ftpパッケージを読み込んでいます。

3-5行目で定数を宣言しました。

7行目でFTPインスタンスを作成しています。

8行目でFTPサイトにログイン、9行目でパッシブモードを指定しました。

10行目でフォルダを移動しました。

11行目で名前が”ruby”ではじまるファイル一覧を取得し表示ています。

12行目でファイルを指定し、ダウンロードし、13行目でFTP接続を閉じました。

 

監修してくれたメンター

橋本紘希

システムインテグレータ企業勤務のシステムエンジニア。

開発実績: Javaプログラムを用いた業務用Webアプリケーションや、基幹システム用バッチアプリケーションなどの設計構築試験。

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

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

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか？

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！ 無料相談を予約する

記事を検索

関連するキーワード

関連する記事

RubyのDigestモジュールの使い方を現役エンジニアが解説【初心者向け】

RubyのDigestモジュールの使い方について解説します。 そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさ...
Ruby

Ruby on Railsでinjectを使う方法を現役エンジニアが解説【初心者向け】

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

Rubyで文字列を結合する方法【初心者向け】

今回はRubyで文字列を連結するのに便利な「＋」メソッドについて解説していきます。   田島悠介 今回は複数の文字列を連...
Ruby

Rubyでバージョンアップする方法【初心者向け】

Rubyでバージョンアップする方法について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事...
Ruby

Rubyの不等号の演算子の使い方を現役エンジニアが解説【初心者向け】

Rubyの不等号の演算子の使い方について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を...
Ruby

Rubyの引数の渡し方を現役エンジニアが解説【初心者向け】

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

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

今さら聞けない！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] Rubyのプログラミングで挫折しない学習方法を動画で公開中Rubyでできること Rubyを使うメリットとして一番大きいのは、Ruby on RailsというWebアプリケーションフレームワークを使うことができるということです。 Ruby on Railsを使うと、WebサイトやWebベースの業務システムを効率良く開発できると言われています。 Rubyを使っている企業は多くあり、そのほとんどがRuby on Railsを使っているのでエンジニアとして活躍することも可能でしょう。   オブジェクト指向とは 従来のプログラミング言語では困難になってきた、大規模なソフトウェアの開発をより効率よく開発を行うために考え出された 概念です。 一般的に、以下の特徴を持っています。 カプセル化 継承 ポリモーフィズム（多態性） カプセル化 カプセル化とは指定の方法以外で外部からデータにアクセスできないようにすることです。 想定外のアクセスにより、本来書き換えてはならないデータを誤って書き換えることがなくなります。 たとえば、ゲームのセーブデータなどは簡単に書き換えられてしまう訳にはいきません。 そういったデータを書き換えられないようにするためにもカプセル化という機能は重要です。   継承 継承とは、既にある機能を受け継ぎ、効率よくソフトウェア開発を行うための機能です。 例えば、既にあるプログラムを一部改修を加え、新しく作り直したいことがあります。 そうした際に、一から作り直すのはかなり面倒です。 そこで、継承を利用することで既存の機能をそのまま再利用しつつ、新たな機能を定義することができるのです。   ポリモーフィズム（多態性） ポリモーフィズム（多態性）とは、同じ名前の機能（プログラム）を作成でき、それらが独立して存在できることです。 例えば、スマートフォンでは動画や音楽が再生できます。 この動画や音楽を再生するプログラムをPlayという名前でそれぞれ作ったとします。 この時、ポリモーフィズムの概念がないプログラミング言語(C言語など)では、同じプログラムが二重に定義されていますとエラーが出てきます。 ですが、RubyやC++などでは音楽ファイルなら音楽を再生し、動画ファイルであれば動画を再生することができます。 このように同じ名前のプログラムを複数定義でき、それぞれのデータに合わせて使うことができることをポリモーフィズム（多態性）と言います。   コラム コスパとタイパ、両方結果的に良くなる良くなる学び方とは？ 「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。 もちろん、時間も費用もかかることは間違いありません。 ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。 コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由
Ruby

初心者でも使える！フリーのFTPクライアントソフト10選

Webページをサーバーにアップする際などに使用するのがFTPクライアントです。ファイルの転送を簡単に行うことができます。 HTML/CSSを学んだ方であれば、自分のWebサイトを公開しようと思うかもしれません。   そこで今回は、初心者におすすめする無料で使えるFTPクライアントを紹介します。 Windowsのみで使えるソフト、WindowsとMacの両方で使えるソフトなどありますので、比較してみてご自身のあったソフトを見つけてみてください。   なお、各FTPソフトのインストール方法・使い方は、それぞれのリンクから別ページで閲覧可能です。   FFFTP Windows用のFTPクライアントの中でも有名なソフトです。 普段アクセスするディレクトリをあらかじめブックマークしておけるなど、シンプルながらよく使う機能が揃っています。 FFFTPのインストール方法・使い方   FFFTPは国内でもっともユーザーの多いFTPクライアントといえます。 FFFTP自体は2010年のバージョンが公式の最終バージョンです。 現在はオープンソース化されており、だれでもFFFTPの開発を行うことができます。 FFFTPのオープンソースページ オープンソース化された現在のバージョンは次の更新のバージョン2.0で更新終了が予定されているため、引き続きオープンソースの開発を引き継いでくれる方を募集している状態です。（2017年11月現在） FFFTPオープンソース版開発者のtwitter   Cyberduck Macでの定番FTPクライアントのひとつです。Windowsでも使用できます。 見た目がすっきりしていて操作が分かりやすいのが特徴です。 Cyberduckのインストール方法・使い方 Macを利用されている方であればCyberduckを選択していれば大丈夫と言われるほどの定番です。 他にもMac用の無料・有料FTPクライアントは存在しますが、選び始めると目移りしてしまうので、Macの方はCyberduckを選択してみてください。   他のFTPクライアントと違うサーバー画面を初期画面で表示しているので、Cyberduckの操作方法に慣れてしまうと、他のソフトの操作画面を見た時に違和感を覚えるかもしれません。 デメリットとして、速度が高速ではないという点です。 また、見た目がスッキリしているという事は、複雑な操作を行う上での機能が、一見すると表示されていない点があります。 そういう意味では、MacでFTPを使い始めた初心者の方には不要な機能は初期画面に表示されていないので、初心者向けのFTPクライアントとして素晴らしいソフトです。 [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中FileZilla Windows・Mac両方で利用可能な、高機能クライアントです。 ディレクトリ画面が2カラムで見やすく、目的のファイルをすぐ探すことができます。 多機能で画面上の情報が多いため慣れていないと戸惑いますが、自分が使う機能だけ表示させることも可能です。 FileZillaのインストール方法・使い方 FileZillaもMacで利用する方の選択肢としては非常に良いです。 Filezillaもオープンソース化されており、開発者としてソフトの機能向上に参加することができます。 Filezillaのオープンソースプロジェクト MacとWindows両方に対応しているソフトとして、転送速度が非常に高速である点が圧倒的です。 古くから、オープンソース化されていおり、クライアント内でサーバー環境を再現するXAMPPという他のオープンソースプロジェクトの中にも標準装備されているほど、安定動作するのが特徴です。 標準画面で、メニューやボタンで様々なものが表示されているため、初心者の方には難しいかもしれません。 しかし、実際にFTPを利用し始めると、必要な項目が表示されていことに気づくことができます。 また、表示をカスタマイズできるため、不要だと思う項目は自分の好みに削除、追加することが可能です。 ＊XAMPPとは、WindowsやLinuxやMacの中で、サーバー環境をワンクリックで構築してくれる開発環境構築ソフトです。     FTP Rush Windowsに対応したクライアントです。 海外のクライアントですが、メニューのTools→Languagesから日本語化することもできます。 動作が早く、大量のファイルを転送するのに便利です。 FTP Rushのインストール方法・使い方     コラム コスパとタイパ、両方結果的に良くなる良くなる学び方とは？ 「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。 もちろん、時間も費用もかかることは間違いありません。 ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。 コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。
Webデザイン

WordPressでサイトの情報をバックアップする方法【初心者向け】

WordPressをアップグレードする、WordPressのテーマを変更するなど、なにか大きく変更を加える際は、いざという時のためにバックアップをとることをおすすめします。 そこで今回は、初心者向けにWordPressでバックアップする方法を紹介します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressのサイトのバックアップってどうやったらいいんですか？調べてみたんですけど難しそうで・・・。 田島悠介 ちゃんと手順を踏めば難しいことはないよ！順を追って説明するね。 大石ゆかり はい、お願いします♪   目次 FTPを利用する方法 今回はFTPを利用してバックアップをする方法として4つの項目について順番に紹介します。 プラグインを停止させる FTPソフトを使って、必要なファイルをダウンロードする データベースのバックアップ バックアップしたデータの管理   プラグインを利用する方法 FTPを利用せず、プラグインを利用してバックアップをする方法を紹介します。   FTPを利用する方法 1：プラグインを停止させる ダッシュボード＞プラグイン＞インストール済みから、全てのプラグインの一覧が表示できるので、有効なものを一括停止します。 アップグレードなどによって動かなくなる場合もあるので対応しておきましょう。     2：FTPソフトを使って、必要なファイルをダウンロードする 使用しているFTPソフトを開いて、必要なファイルをローカルにダウンロードしましょう。 FTPソフトは、WindowsではフリーソフトのFFFTPを使用している人が多いですが、あまり使ったことがないという人は、ドメインを管理しているサーバーのクラウド上FTPサービスなどを利用してもいいでしょう。   FTPソフトを使う サーバーにあるファイルを必要なものだけローカルにダウンロードします。   クラウド上のFTPを使う ソフトを利用しないでもダウンロード可能です。   バックアップすべきファイル できれば全てをバックアップするのが一番いいですが、ファイルサイズが多かったりと全てバックアップが難しい状況もあります。 そんな時に必ずバックアップすべきなのは、以下のファイルです。 ■wp-content/uploadsフォルダ →投稿に使用した画像や、自動で作成された様々なサイズの画像が収納されています。   ■wp-content/themesフォルダ →アップロード・インストールしたテーマが収納されており、テーマを編集している際はこのファイルがないと元に戻せなくなります。   ■wp-content/pluginsフォルダ →プラグインを利用している時のフォルダです。     3：データベースのバックアップ ファイル自体のダウンロードができたら、データベースのバックアップを行います。 データベースには、カテゴリーやタグ、投稿本文などのデータがあります。プラグインなどを利用することも可能ですが、WordPressの機能を利用してバックアップ可能です。   まず、ダッシュボード＞ツールから、エクスポートを選びます。   すると、「すべてのコンテンツ」を選択して「エクスポート」することができます。     4：バックアップしたデータの管理 バックアップしたものは、FTPファイルと、xmlデータを合わせて保管しておきましょう。 PCに保存するよりは、外部機器に保存したり、Dropboxなどのクラウド上に保存する方が、PCへの負担も少なく、いざというときのリスクも少なくて済みます。また、バックアップした日ごとにフォルダを作って、バックアップデータをまとめておくと管理がしやすいですね。   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中BackWPupを利用する方法 1.BackWPupのインストール方法 WordPressの管理画面からプラグイン→新規追加を選択します。 BackWPupを検索して、今すぐインストールを選択します。 今すぐ有効を選択肢、インストールを完了します。   2.BackWPupの新規ジョブ設定方法 インストールが完了するとメニューの左下部分に、BackWPupの選択肢が表示されます。 新規ジョブを追加をクリックして、新規ジョブを作成します。   3.BackWPupを実行してバックアップする メニューの左下部分のBackWPupの選択肢からジョブを選択します 今すぐ実行をクリックすることでバックアップが実行されます。 BackWPupではFTPからアクセスできるWebサーバ内に保存したり、おてもとのPCにバックアップファイルをダウンロードしたりすることが可能です。   今回の記事は以上です。 バックアップを日常的/変更するタイミングで行い、サイト運営でのリスクを回避するようにしましょう。 バックアップのやり方がわかったら、WordPressをアップグレードしてみてください。   大石ゆかり ちゃんとバックアップがとれました〜♪一つ一つ手順を追っていくと難しくないですね！ 田島悠介 そうだね。何かあったときのために、定期的にバックアップすることをおすすめするよ。 大石ゆかり はい、わかりました！   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。 その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。 プログラミングを独学で学習していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安 ・目標への学習プランがわからず、迷子になりそう テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
WordPress

【初心者向け】Cyberduck（サイバーダック）の使い方

Webページを公開する際に使用するFTPクライアントソフトのCyberduck（サイバーダック）の使い方を紹介する記事です。 CyberduckはWindowsとMacの両方に対応したFTPクライアントソフトです。日本語にも対応しているので、すぐに使いこなすことができるはずです。   今さら聞けない！という初心者の方はこの記事を参考にして使ってみてください。インストール方法からご案内します。   目次 本記事は下記の流れでご紹介します。 Cyberduckのインストール Cyberduckの使い方 Cyberduckのカスタマイズ 今回はMacを使って説明していますが、基本的な使い方はWindowsと同じです。     Cyberduckのインストール まずはインストールを行います。 Cyberduckのページにアクセスしましょう。 ダウンロードのページから該当のファイルを保存します。 CyberduckにはWindows用とMac用の両バージョンが存在します。今回はMac版をダウンロードします。   Windowsの場合は、このような画面になります。   インストール先フォルダを選んで、「インストール」のボタンをクリックするとインストールが開始します。 これでインストール完了です。     [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中Cyberduckの使い方 インストールが完了したら、Cyberduckを開きましょう。   起動したら、まず最初に左上の「新規接続」をクリックします。   接続の設定です。下記のように各項目を入力します。 サーバ：FTPサーバ名(FTPホスト名)を入力します。 ユーザ名：FTPユーザ名(FTPアカウント名)を入力します。 パスワード：FTPパスワードを入力します。 FTPサーバ名(FTPホスト名)・FTPユーザ名(FTPアカウント名)・FTPパスワードは、サーバ契約時に送られてくるメールに記載されています。 入力できたら「接続」をクリックします。   サーバー側のファイルが表示されます。(FFFTP等と違い、ローカル側のファイルは表示されません) 「アクション」のメニューを選択します。   「アップロード」を選択します。   アップロードしたいファイルを選択して「アップロード」をクリックします。   また、ファイルをデスクトップ等から直接ドラッグ＆ドロップしてアップロードすることも可能です。   一度接続したホストの情報は「履歴」に表示されるほか、メニューからブックマーク登録することによって「ブックマーク」からすぐに接続できるようになります。よく使うものはブックマーク登録しておくと便利です。     Cyberduckのカスタマイズ Cyberduckは上のメニューを自由にカスタマイズすることができますので、最後にご紹介します。   メニュー内の何もないところで右クリック→「ツールバーをカスタマイズ」を選択します。   ツールバーに利用することのできるメニューのアイコン一覧が表示されます。   使いたいアクションのアイコンを上のメニューにドラッグ＆ドロップします。   このように、「アップロード」や「ブックマーク」などのよく使うものを登録しておくと、作業の際に役立ちます。     今回の記事は以上です。 ぜひ自分でも試してみてください！ 他のソフトも試してみたい場合は無料のFTPクライアントソフトを紹介する記事を参考にしてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。実践的にWebサイト制作を学びたい場合はご参加ください。 プログラミングを独学で学習していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安 ・目標への学習プランがわからず、迷子になりそう テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
Webデザイン

jQueryのAjaxでPOST送信してPHPで受け取る方法【初心者向け】現役エンジニアが解説

今回は、jQueryのAjaxでPOST送信してPHPで受け取る方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPについてそもそもよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 jQueryのAjaxでPOST送信してPHPで受け取る方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 Ajaxとは AjaxでPOST送信する jQuery（送信側）の記述方法 PHP（受信側）の記述方法 まとめ   Ajaxとは AjaxとはHTTPプロトコル通信で、HTMLやPHPファイルからリクエスト送信をHTTPサーバに送信して、レスポンスをブラウザ側で受信する動作を非同期通信で受け取ることができる技術です。 Ajaxを使うとHTMLファイルの中の一部だけ表示更新するなどの操作を行うことができます。 例えば、ブラウザ上に表示した一覧表の内容を更新して、データベースに登録した内容をまた一覧表に反映させる時、HTMLファイルの表部分の表示だけ更新する、ということができるようになります。   [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中AjaxでPOST送信する Ajaxを使ってPOST送信するには、jQuery側でPOST送信するデータの定義を記述して、PHP側で受け取り側の記述をします。 （POST送信とはブラウザの入力フォームなどの内容をサーバ（PHP）に送る送信方法の一つです。）   表示結果   index.htmlのコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <title>jQueryのAjaxでPOST送信してPHPで受け取る方法を現役エンジニアが解説</title> </head> <body> <p>IDを入力 : <input type="text" id="main" /><button id="send">送信</button></p> <div id="return"></div> <script src="./main.js"></script> </body> </html>   解説 1行目の<!DOCTYPE html>では、HTML5で作成することを宣言しています。 2行目の<html>では、HTML文書の実装を開始することを意味しています。 3行目の<head>では、head要素の開始を意味しています。 4行目の<meta charset=”UTF-8″>では、UTF-8という文字コードで実装することを意味しています。   5行目の<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script>では、jQueryのコードを読み込んでいます。 今回、Googleが用意したCDNを利用しています。 jQueryファウンデーションが用意しているCDNの方が、最新バージョンをいち早く確実に利用することができるメリットがありますが、CDNによってはサーバが一時的に停止していることがあるので、GoogleのCDNを利用するようにしています。   6行目の<title>jQueryのAjaxでPOST送信してPHPで受け取る方法を現役エンジニアが解説</title>では、検索結果やブラウザのタブに表示されるタイトルを指定しています。 7行目の</head>ではhead要素が終了することを意味しています。 8行目の<body>では、body要素が開始することを意味しています。   9行目の<p>IDを入力 : <input type=”text” id=”main” /><button id=”send”>送信</button></p>では、IDを入力するための入力フォームを用意しています。 id=”main”とid=”send”は、それぞれJavaScriptが実装されたmain.jsで利用されるため、要素名を覚えておいていただくと理解しやすいです。   10行目の<div id=”return”></div>も、main.jsで利用される要素です。 最終的にこの位置に、main.jsで用意されたHTMLが追加表示されます。   11行目の<script src=”./main.js”></script>では、JavaScriptのコードを用意しているファイルを読み込んでいます。 必ず5行目にあるように、jQueryファイルを先に読み込んで、そのあとJavaScriptファイルを読み込んでいただくとスムーズです。   12行目の</body>では、body要素が終了することを意味しています。 13行目の</html>では、HTML文章が終了することを意味しています。   jQuery（送信側）の記述方法 jQuery ではPHPにPOSTするデータの定義と、送信結果を受け取ったあとのアクションを記述します。 記述の仕方は$.ajaxで記述する場合と、$.postメソッドを使用して記述する場合の2通りで紹介します。   $.ajaxで記述する方法 $.ajaxを利用して実装するコードを見ていきましょう。 サンプルコード（main.js）   $(function(){ $("#send").on("click", function(event){ let id = $("#main").val();
PHP

今さら聞けない！FFFTPの使い方

Windows用のFTPクライアントソフトの中で特に有名なFFFTPのインストール方法と簡単な設定などの使い方を初心者向けに解説した記事です。   Webページをサーバーにアップする際などに使用し、Windowsでよく使われるのがFFFTPです。MacのPCでは使うことができません。 今まで使ったことがない方のために、ダウンロード・インストール方法から説明します。   目次 FFFTPのインストール FFFTPの使い方     FFFTPのインストール まずはFFFTPをインストールします。 ダウンロードページにアクセスします。 枠内のリンクからファイルをダウンロードし、ダブルクリックで開きます。   「次へ」を選択します。   利用規約を読み、「次へ」を選択します。 インストールする場所を確認して「次へ」を選択します。 (ファイルの場所を変える場合はここで「参照」から変更できます)   「次へ」を選択します。   「インストール先フォルダを開く」にチェックを入れて「完了」をクリックします。 これでインストールは完了です。     [PR] Rubyのプログラミングで挫折しない学習方法を動画で公開中FFFTPの使い方 ここからは実際にFFFTPを使ってみます。   フォルダ内のファイルが表示されるので、「FFFTP.exe」を開きます。   起動すると「ホスト一覧」のウィンドウが表示されます。「新規ホスト」を選択します。   接続の設定をします。入力する内容は下記の通りです。 ホストの設定名：任意の名前を付けます。今回は「接続1」とします。 ホスト名(アドレス)：FTPサーバ名(FTPホスト名)を入力します。 ユーザー名：FTPユーザー名(FTPアカウント名)を入力します。 パスワード：FTPパスワードを入力します。 FTPサーバ名(FTPホスト名)・FTPユーザ名(FTPアカウント名)・FTPパスワードは、サーバ契約時に送られてくるメールに記載されています。 設定が完了したら「OK」をクリックします。   設定した項目を選択し、「接続」をクリックします。   左がローカル側のファイル、右がサーバー内のファイルになります。   「フォルダの移動」アイコンをクリックして、アップロードしたいファイルのあるフォルダまで移動します。   アップロードするファイルを右クリックし、「アップロード」を選択します。   ファイルがサーバー側にアップロードされます。   アップロードしたいファイルを選択した後、上の青い矢印アイコンからでもアップロードが可能です。   また、ローカル側のファイルを直接ドラッグ＆ドロップすることでもアップロードすることができます。   ドラッグ＆ドロップでの操作は、ウィンドウ外からでも可能です。     これでFFFTPの使い方は以上です。 フリーソフトですので、ぜひ自分でも使ってみてください！ 他のソフトも試してみたい場合は無料のFTPクライアントソフトを紹介する記事を参考にしてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。実践的にWebサイトを構築したい場合はご参加ください。 プログラミングを独学で学習していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安 ・目標への学習プランがわからず、迷子になりそう テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
Webデザイン

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

エンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

1時間でできる無料体験
挫折しない学習方法とは？
TechAcademy（テックアカデミー） Webアプリケーションコース プログラミング Ruby Rubyのnet/ftpライブラリの使い方【初心者向け】