Rush】の使い方を初心者向けに解説した記事です。海外のソフトですが、日本語化対応も可能です。インストール方法から、日本語化対応の方法、ファイルアップロードの方法まで紹介しています。[テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。Webページを公開する際などに使用するFTPクライアントソフトにはいくつかの種類が存在しています。Rush」の使い方を紹介します。インストール方法から説明していきますので、初心者の方もこれを参考に使ってみてはいかがでしょうか。Rushのインストールまずはインストールを行います。FTPRushのページにアクセスしましょう。英語で書かれていますが、わからなくても問題はないと思います。「Download」と書かれている箇所が見えると思いますので、そこをクリックします。上がインストール版で、その下がインストールしなくても使用できるポータブル版になりますが、今回はインストール版を使用します(中身そのものに違いはありません)。インストールが完了したら、すぐに使用することができます。Rushを起動すると、メニューなどが英語ですので、まずは日本語にしましょう。メニューから「Tools」を選択し、「Languages」にカーソルを合わせ、「Japanese」をクリックします。無事メニューが日本語になりましたが、このままでは一部がまだ日本語で表示されません。そちらも日本語で表示させるためには、メニューから「ツール」を選択し、「オプション」をクリックします。オプション画面が開いたら、そこの「フォント」をクリックし、次に「フォント変更」をクリックします。フォントが出てきますが、MSゴシックなど知っているフォント名に変更しましょう。これで日本語化は完了したので、FTPへの接続に移ります。メニューから「FTP」を選択し、「簡易接続ダイアログ」をクリックします。接続の設定画面が表示されます。ここでは、下記のように各項目を入力します。ホスト:FTPサーバ名(FTPホスト名)を入力します。ユーザ名:FTPユーザー名(FTPアカウント名)を入力します。パスワード:FTPパスワードを入力します。入力できたら「OK」をクリックしましょう。サーバー側のファイルが表示されます(FFFTPと違い、左側がサーバーですので、そちらに慣れている方は注意が必要です)。ローカル側の、現在のフォルダを示している場所をクリックし、アップロードしたいファイル等のあるフォルダへと移動します。ローカル側でアップロードしたいファイル等を選択し、右クリックで出てくるメニューから「転送」をクリックします。ローカル側からファイルを直接ドラッグ&ドロップでアップロードすることも可能です。Rushの使い方は以上です。Windowsで使えるFTPクライアントソフトとして、WinSCPもあるので合わせてチェックしてみてください。[お知らせ]TechAcademyでは初心者でも8週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。本稿は、WebDesignerdepotのブログ記事を、了解を得て日本語翻訳し掲載した記事になります。magazineのブログ記事を許可を得て日本語翻訳し掲載した記事になります。Babich氏...WebデザインWebオーサリングツールまとめ【ホームページ制作に使える・無料ツールあり】ホームページを制作をこれから始めたい!という方のためにWebオーサリングツールを紹介します。自分のWebサイトを公開するときに、独自ドメインを取得したいと考える人も多いと思います。Depotのブログ記事を了解を得て日本語翻訳し掲載した記事になります。初心者でもすぐわかる!ALFTPの使い方サーバーにファイルなどをアップする時はFTPクライアントソフトを使用しますが、今回はその一つである「ALFTP」の使い方を初心者向けに紹介します。インストール方法と簡単な使い方を説明していくので、ぜひ自分でも試してみてください。インストールを行います。ALFTPのページにアクセスしましょう。ダウンロードと書かれたところがありますので、そこをクリックします。ALFTPと書かれているところをクリックするとVectorのページに飛びますので、そこでダウンロードを行ないます。あとは、ダウンロードしてきたファイルからインストールを行なえば、準備は完了です。ALFTPを起動すると、このようなダイアログが表示されますが、特に設定する必要はないのでキャンセルをクリックしてしまいます。メニューの「ファイル」を選択し、「接続」をクリックします。メニューボタンの「接続」をクリックしても同様のことが可能です。接続の設定画面が表示されます。ここでは、下記のように各項目を入力します。FTPアドレス:FTPサーバ名(FTPホスト名)を入力します。ユーザーID:FTPユーザー名(FTPアカウント名)を入力します。パスワード:FTPパスワードを入力します。チェックボックスを弄る必要はありませんが、もう一度パスワードを入力するのが面倒だという人は「パスワード保存」にチェックを入れてもいいでしょう。入力できたら「確認」をクリックしましょう。サーバー側のファイルが上方に表示されます。ローカル側でアップロードしたいファイル等を選択し、メニューの「転送」、「アップロード」とクリックしていきます。メニューボタンの「アップロード」をクリックしても同様のことが可能です。ローカル側からファイルを直接ドラッグ&ドロップでアップロードすることも可能です。ALFTPの使い方は以上です。他にWindowsのFTPクライアントソフトを試したい場合は、WinSCPの使い方もご覧ください。Railsオンラインブートキャンプを開催しています。Webデザイン初心者向け!CarotDAVの使い方【FTPソフト】Webページを公開する際などに使用するのがFTPクライアントソフトですが、今回はその一つであるCarotDAVの使い方を紹介します。インストール方法から説明していきますので、今まで使用したことがないという方もこれを参考に使ってみてはいかがでしょうか。国内のツールですので、設定しなくても日本語で使うことができます。インストールを行います。CarotDAVのページにアクセスしましょう。最初に環境や動作環境に関しての説明があり、ダウンロードをする箇所はその下になります。ダウンロードをクリックすれば一気にそこへと飛ぶことができます。インストール版とインストールしなくても使用できるポータブル版がありますが、今回はインストール版を使用します(バージョンが色々とありますが、基本的には最新版を使用すれば問題ありません)。インストールが完了しましたら、すぐに使用することができます。CarotDAVを起動すると、メニューなどが英語ですが、普通に使用する分には問題ないと思います。Connection」へとカーソルを合わせます。今回はFTPへ接続しますので、その中の「FTP/FTPS」をクリックします。接続の設定画面が表示されます。ここでは、下記のように各項目を入力します。Name:任意の名前を付けます。今回は「test」とします。(ftp|ftps)://hostname[:port]/[path/]:FTPサーバ名(FTPホスト名)を入力します。[domain\]username:FTPユーザー名(FTPアカウント名)を入力します。Password:FTPパスワードを入力します。入力できたら「OK」をクリックしましょう。入力した内容はこのように追加されていますので、名前のところをダブルクリックします。サーバー側のファイルが表示されます(FFFTP等と違い、ローカル側のファイルは表示されません)。メニューの「Edit」を選択し、「Upload」をクリックします。ダイアログが表示されるので、アップロードしたいファイルを選び「開く」をクリックします。デスクトップ等からファイルを直接ドラッグ&ドロップでアップロードすることも可能です。これでCarotDAVの使い方は以上です。他の無料FTPクライアントソフトを使いたい場合は、WinSCPの使い方の記事も合わせてご覧ください。[お知らせ]TechAcademyでは初心者でも8週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。Webデザイン今さら聞けない!FFFTPの使い方Windows用のFTPクライアントソフトの中で特に有名なFFFTPのインストール方法と簡単な設定などの使い方を初心者向けに解説した記事です。Webページをサーバーにアップする際などに使用し、Windowsでよく使われるのがFFFTPです。MacのPCでは使うことができません。今まで使ったことがない方のために、ダウンロード・インストール方法から説明します。FFFTPをインストールします。ダウンロードページにアクセスします。枠内のリンクからファイルをダウンロードし、ダブルクリックで開きます。「次へ」を選択します。利用規約を読み、「次へ」を選択します。インストールする場所を確認して「次へ」を選択します。「次へ」を選択します。「インストール先フォルダを開く」にチェックを入れて「完了」をクリックします。これでインストールは完了です。ここからは実際にFFFTPを使ってみます。フォルダ内のファイルが表示されるので、「FFFTP.exe」を開きます。起動すると「ホスト一覧」のウィンドウが表示されます。「新規ホスト」を選択します。入力する内容は下記の通りです。ホストの設定名:任意の名前を付けます。今回は「接続1」とします。ホスト名(アドレス):FTPサーバ名(FTPホスト名)を入力します。ユーザー名:FTPユーザー名(FTPアカウント名)を入力します。パスワード:FTPパスワードを入力します。FTPサーバ名(FTPホスト名)・FTPユーザ名(FTPアカウント名)・FTPパスワードは、サーバ契約時に送られてくるメールに記載されています。設定が完了したら「OK」をクリックします。設定した項目を選択し、「接続」をクリックします。左がローカル側のファイル、右がサーバー内のファイルになります。「フォルダの移動」アイコンをクリックして、アップロードしたいファイルのあるフォルダまで移動します。アップロードするファイルを右クリックし、「アップロード」を選択します。ファイルがサーバー側にアップロードされます。アップロードしたいファイルを選択した後、上の青い矢印アイコンからでもアップロードが可能です。ローカル側のファイルを直接ドラッグ&ドロップすることでもアップロードすることができます。ドラッグ&ドロップでの操作は、ウィンドウ外からでも可能です。これでFFFTPの使い方は以上です。他のソフトも試してみたい場合は無料のFTPクライアントソフトを紹介する記事を参考にしてください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。実践的にWebサイトを構築したい場合はご参加ください。WebデザインWindowsだけで使える!WinSCPの使い方【初心者向け】サーバーにファイルをアップロードする際などに使うFTPクライアントソフトにはいろいろなものがあります。そのうち、Windowsだけで利用可能な「WinSCP」の使い方を初心者向けにご紹介します。本記事は下記の流れでご紹介します。WinSCPの使い方に入る前に、SCPについてご紹介します。最近は、個人でレンタルサーバを利用するようになり、当たり前のようにネットワーク越しにファイルやデータのやり取りをするようになりました。ネットワーク越しにデータのやり取りをするということは、それだけ情報漏洩の危険性も高まるということでもあります。CoPy)という方法があります。SCPは自分のPCから相手のPC(あるいはサーバ)にファイル転送をする際、転送対象のファイルを暗号化することができるため、転送中にファイルの中身が読み取られることはありません。そんなSCPはどんなOSにも基本的に備わっている機能ではありますが、そのまま利用するには少々わかりにくいこともあります。WinSCPであれば、WindowsのPCでSCPを簡単に使うことができます。ここからはインストール方法を紹介します。WinSCPインストーラのダウンロードサイトにアクセスします。下記画面が表示されたら、赤枠箇所をクリックします。画面が切り替わった後自動的にダウンロードが開始されますので、ダウンロードが終了するまでしばらくお待ちください。ダウンロードできたら、ファイルをダブルクリックして実行してください。今回実行するファイルは「winscp553setup.exe」になっていますが、このファイルは頻繁にアップデートされるため、タイミング次第で「553」の部分が変わる可能性があります。ファイルを実行後下記画面が表示されますので、赤枠をクリックしてください。クリック後、下記画面が表示されますので、利用する言語を選んでください。(今回は日本語を選択します。下記画面が出てきたら赤枠箇所をクリックしてください。この画面では青色箇所にチェックを入れて、赤枠箇所をクリックしてください。次の画面では、青色箇所にチェックが入っていることを確認して、赤枠箇所をクリックしてください。続いて、下記画面が表示されたら、青色箇所にチェックが入っていることを確認して、赤枠箇所をクリックしてください。ここでは、赤枠の「インストール」をクリックしてください。最後に赤枠箇所をクリックしたらインストール完了です。インストールができたら早速使ってみましょう。インストールしたWinSCPを起動させると、下記ウィンドウが表示されますので設定を行いましょう。青枠箇所を入力してください。入力できたら赤枠をクリックしてください。接続に成功すると、下記ウィンドウが表示されます。ウィンドウの左側(オレンジ色枠)が現在操作しているPCのフォルダ、右側(緑色枠)が接続したFTPサーバのフォルダが表示されています。この状態で左側から右側へ、右側から左側へ対象となるファイル、およびフォルダをドラッグ&ドロップするだけで、安全にデータのやり取りをすることができます。今回の記事は以上です。他のFTPクライアントソフトを使いたい場合は、FFFTPの使い方の記事もご覧ください。[お知らせ]TechAcademyでは初心者でも8週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。Webデザインプログラミングにも使える!TeraPadの使い方【初心者向け】プログラミングに使えるテキストエディタは複数ありますが、そのうちの1つであるTeraPad(テラパッド)について初心者向けにご紹介します。インストール方法から簡単な使い方まで紹介しているので、ぜひ使ってみてください。本記事は下記の流れでご紹介します。95/98/Me/NT4/2000/XP/Vista/7/8の動作する環境で使用可能です。Windows標準搭載の『メモ帳』にはない、多くの機能を備えています。メモ帳は、やり直しが1回しか効かない。次に、インストール方法について解説していきます。ダウンロードページにアクセスし、下図を参考に枠内をクリックし、ファイルをダウンロードします。このようなメッセージが表示されたら、『実行』をクリックします。ここで『はい』をクリックします。ダウンロードができたらインストールを行います。[次へ]をクリックしてください。[次へ]をクリックします。[次へ]をクリックします。「はい」を選択し、フォルダを作成します。[次へ]をクリックしてください。これでインストール完了です。「Readme.txt」のファイルが表示され、デスクトップに次のようなTeraPadのアイコンが表示されます。ここからは基本的な使い方について紹介します。今回は基本となる、ファイルの新規作成、ファイルの保存、上書き保存の方法を紹介します。→[新規作成]を選択します。→[名前を付けて保存]を選択し、[ファイルの種類]を選択し、ファイル名を入力します。→[上書き保存]を選択(または、[上書き保存]ボタンをクリック)します。HTMLやJavaScriptなどを入力する際は、「全角スペース」を区別できるように設定することをおすすめします。ある「全角空白」にチェックを入れると、全角スペースを入力した際に、四角のマークが表示されるようになります。最後に、実際にTeraPadを使って、HTMLファイルとCSSファイルを作成してみましょう。デスクトップにあるTeraPadのアイコンをダブルクリックして起動します。→[名前を付けて保存]を選択して、ファイル名を[index.html]として保存してください。上のように記述すると、タグが色分け表示されました。入力した内容をブラウザで確認しましょう。ツールバーの[InternetExplorer]ボタンをクリックすると、ブラウザが起動します。ブラウザが開き、きちんと反映されたことがわかりますね。続いてCSSファイルも作成しましょう。→[名前を付けて保存]を選択し、ファイル名を[style.css]として保存してください。CSSのコードを記述し、上書き保存をします。[index.html]に戻り、HTMLファイルに上のように追記し、上書き保存をします。再度ツールバーの[InternetExplorer]ボタンをクリックして、ブラウザを起動しましょう。CSSが適用され、Webページの背景色が『水色』に設定されたことが確認できます。今回の記事は以上です。Textの使い方も合わせてご覧ください。[お知らせ]TechAcademyではプログラミング初心者でも最短4週間でエンジニアになれるオンラインブートキャンプを開催しています。テキストエディタなど特別な開発環境がなくてもプログラミングを学ぶことができます。現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。プログラミング【初心者向け】Cyberduck(サイバーダック)の使い方Webページを公開する際に使用するFTPクライアントソフトのCyberduck(サイバーダック)の使い方を紹介する記事です。CyberduckはWindowsとMacの両方に対応したFTPクライアントソフトです。日本語にも対応しているので、すぐに使いこなすことができるはずです。聞けない!という初心者の方はこの記事を参考にして使ってみてください。インストール方法からご案内します。本記事は下記の流れでご紹介します。今回はMacを使って説明していますが、基本的な使い方はWindowsと同じです。インストールを行います。Cyberduckのページにアクセスしましょう。ダウンロードのページから該当のファイルを保存します。CyberduckにはWindows用とMac用の両バージョンが存在します。今回はMac版をダウンロードします。Windowsの場合は、このような画面になります。インストール先フォルダを選んで、「インストール」のボタンをクリックするとインストールが開始します。これでインストール完了です。インストールが完了したら、Cyberduckを開きましょう。起動したら、まず最初に左上の「新規接続」をクリックします。下記のように各項目を入力します。サーバ:FTPサーバ名(FTPホスト名)を入力します。ユーザ名:FTPユーザ名(FTPアカウント名)を入力します。パスワード:FTPパスワードを入力します。FTPサーバ名(FTPホスト名)・FTPユーザ名(FTPアカウント名)・FTPパスワードは、サーバ契約時に送られてくるメールに記載されています。入力できたら「接続」をクリックします。サーバー側のファイルが表示されます。「アクション」のメニューを選択します。「アップロード」を選択します。アップロードしたいファイルを選択して「アップロード」をクリックします。ファイルをデスクトップ等から直接ドラッグ&ドロップしてアップロードすることも可能です。一度接続したホストの情報は「履歴」に表示されるほか、メニューからブックマーク登録することによって「ブックマーク」からすぐに接続できるようになります。使うものはブックマーク登録しておくと便利です。Cyberduckは上のメニューを自由にカスタマイズすることができますので、最後にご紹介します。メニュー内の何もないところで右クリック→「ツールバーをカスタマイズ」を選択します。ツールバーに利用することのできるメニューのアイコン一覧が表示されます。使いたいアクションのアイコンを上のメニューにドラッグ&ドロップします。このように、「アップロード」や「ブックマーク」などのよく使うものを登録しておくと、作業の際に役立ちます。今回の記事は以上です。他のソフトも試してみたい場合は無料のFTPクライアントソフトを紹介する記事を参考にしてください。[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。実践的にWebサイト制作を学びたい場合はご参加ください。CORPORATION.。