読者です 読者をやめる 読者になる 読者になる

webTeckSekitoba

異業種からweb業界に転職したsekitobaです。このwebTeckSekitobaではweb業界未経験もしくは初心者の方向けに記事を書いていきたいと思っています。

webサイト製作-FTPソフトまとめ

最近、コーヒー飲みすぎなんじゃないかと思ってるsekitobaです。

今日は、「FTPソフト」についてまとめてみたいと思います。

ちなみに、FTPとは「File Transfer Protocol(ファイル・トランスファ・プロトコル)」の略です。

FTPソフト自体はざっくり言うと、PCで作成したwebサイトをインターネット上に公開する際に使用するソフトです。

私の周りでよく使用されている4つのFTPソフトを紹介したいと思います。

Cyberduck

Cyberduck | Libre FTP, SFTP, WebDAV, S3, Backblaze B2 & OpenStack Swift browser for Mac and Windows

私もよくお世話になっている「Cyberduck」。

あひるのマークでおなじみだと私は思ってます。
使用している人も多いのか日本語の記事も多いです。

Cyberduck 使い方」とかでググってみてください。

対応:win / mac

FileZilla

ja.osdn.net

私はあまり使用することがないのですが、知り合いでも使っている人をよく見かける気がします。

こちらも使用している人が多く日本語の記事も多いです。

FileZilla 使い方」とかでググってみてください。

対応:win / mac

FFFTP

forest.watch.impress.co.jp

今、自分のPCはmacなのですが以前winを使用していたときに少し使用していました。 僕個人のイメージとしてはすごくシンプルに使用できたイメージがあります。

FFFTP 使い方」とかでググって調べてみてください

対応:win

Transmit

Panic - Transmit - The ultimate Mac OS X FTP + SFTP + S3 app

昔使用していた時期があったんですけど、有料化してから遠ざかってしまっています。 個人的には機能も多く、ハイパフォーマンスってイメージがあります。

トラックのマークでおなじみです。 企業などに所属して使用する機会がある方はぜひ使い込んでみてください.

対応:mac

とりあえず、上記の4つを押さえておけば問題ないのではないかと思います。

webサイト制作を日本語で学べるwebサービスまとめ

もう少しで今年が終わってしまうことに気づき何故か焦っているsekitobaです。

今日は、独学でwebサイト制作を学んでいる方の強い味方になってくれるであろうwebサービスをまとめてみたいと思います。

※紹介する順番に意味はありません。

1.ドットインストール様

http://dotinstall.com/

ドットインストール様は「3分動画」で有名なweb周りを総合的に学ぶことができるwebサービスです。

無料で学べる教材も多く、1つの映像が3分未満のためリズムよく学んでいくことがきます。

私もよく利用させていただいております。

また、補足やよくある質問などもまとめられているのもポイントだと思います。

さらに、ローカル環境構築の講座などもあるため環境構築ですすめなくなってしまった方などにはとてもオススメです。

料金体系

2つの会員が用意されています。

  • 無料会員 : 受講可能※一部受講不可
  • プレミアム会員(月額980円) : 全て受講可能

ちなみ、HTML/CSS入門の記事も書かせていただいているので興味ある方は是非。

y-sekitoba.hatenablog.com

2.プロゲート様

prog-8.com

プロゲート様は「webサービスを作りながら学ぶ」ことができるwebサービスです。

特に各講座に用意されているスライドは個人的は非常にわかりやすく素晴らしいと思います。

私自身もかなり初期の頃から利用させていただいております。
※ちなみにレベルは97になりましたw

私が思っているプロゲート様の最大の魅力は「環境構築が不要」というところだと思います。

エディタがサイト上にあるため面倒な環境構築をせずとも学んでいくことが可能です。

以前よりも学習できる講座も増えており手っ取り早く学びたい方にはオススメしたいwebサービスです。

料金体系

3つの会員が用意されています。

  • 無料会員 : 受講可能※一部受講不可
  • プラス会員(月額980円) : 全て受講可能
  • プレミアム会員(月額2980円) : 全て受講可能 + チャットでの学習サポート

3.スクー様

schoo.jp

スクー様は「オンライン動画」で学ぶことができるwebサービスです。

講座の種類もweb以外にも数多く揃っており、非常に様々なことを学ぶことができます。

授業の動画に関しては、現役で活躍されている方が講師として授業をしてくださっています。

また、初心者向けの講座をまとめられているため初めての方でも学びたい授業を見つけやすくなっています。

現役で活躍している方の授業を受けてみたい方などには良いのではないでしょうか。

料金体系

3つの会員が用意されています。

  • 無料会員 : 受講可能※一部受講不可
  • プレミアムプラン(月額980円) : 全て受講可能
  • プレミアムプラスプラン(月額1980円) : プレミアムプラン + スライドのダウンロードetc...

今回はここまでにしておきたいと思います。

他にも、学べるwebサービスはまだまだあるのでそのうちまとめたいと思います。
英語で学べるサービスとかもありますしね。

※各サービスの利用料金はブログ投稿時のものです。

webサイト製作に便利なエディタまとめPart1

今年ももう少しで終わってしまうことに絶望しているsekitobaです。

今日なwebサイト製作に必ず必要になるであろうエディタをまとめてみようと思います。

エディタは有料のものから無料のものまで案外種類があります。

webサイト製作の勉強を始めたばかりのころは勉強教材で使用しているエディタを使えばいいと思います。

慣れてきたら、自分好みのエディタを探してみると面白いと思います。

今回は、一般的にエディタと呼ばれるものを5つ紹介したいと思います。 これ以外にもまだまだあるので興味がある方はいろいろ調べてみてください! ※順番に特に意味はありません。

sublime text

www.sublimetext.com

「恋するエディタ」で有名なエディタです。 実際にwebサイト製作をしている人たちの中でも使用している人も多いはず。

ちなみに、お試しとして無料で使用することができます。 気に入ったら是非購入してみてください。

web上にも情報は数多くありますが、下記のような本もありますので是非。

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

atom

atom.io

atomプログラマならほとんどの人知ってるであろう「GitHub」が提供しているエディタです。

完全に無料で利用することができます。 メニューなどが英語のためとっつきににくいイメージを持つ人もいるかもしれませんが、 web上にも非常に情報があるのでなんとかなると思います。

ちなみに下記のような本がありますよ。

Atom実践入門──進化し続けるハッカブルなエディタ (WEB+DB PRESS plus)

Atom実践入門──進化し続けるハッカブルなエディタ (WEB+DB PRESS plus)

brackets

brackets.io

bracketsPhotoshopIllustratorで有名なAdobeが提供しているエディタです。

PhotoshopIllustratorは有料ですが、bracketsは無料で利用可能です。 また、日本語にも対応しているのでとっつきやすいと思います。

ちなみに下記のような本がありますよ。

Visual Studio Code

Visual Studio Code - Visual Studio

マイクロソフトが提供しているエディタです。 私は、使ったことが無いのでなんとも言えないのですが動作が軽くていいらしいという噂を耳にします。

ちなみにAmazonを探していたら下記のような本がありました。

はじめてのVisual Studio Code (I・O BOOKS)

はじめてのVisual Studio Code (I・O BOOKS)

dreamweaver

www.adobe.com

Adobeが有料で提供しているエディタです。 webスクールなどに通っている方は利用したことがあるかもしれません。

最近かなり、高機能になっているという噂です。 ※昔のバージョンのdreamweaver

は使用したことがあるのですが個人的には苦手でした。

HTMLやCSSのコーディングする分には便利な機能が豊富にあるイメージです。

dreamweaverの本は書店に結構あるのですが、必ずバージョンを見て購入してくださいね。 僕は昔、バージョンを気にせず買ってめちゃくちゃ後悔しました。

ちなみに下の本は「CC2015」というバージョンを対象にした本です。

Dreamweaverレッスンブック CC2015対応

Dreamweaverレッスンブック CC2015対応

「HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。」

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。

そろそろインフルエンザの予防注射に行こうと思っているsekitobaです。

今日は、「HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。」という書籍ついてです。

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。

この本は、2013年に発行された書籍です。

書籍に関して

今から3年前に出版された書籍ですが、ベースはHTML5で説明されています。

書籍は全ページフルカラーかつ、色使いも素敵でとても読み易いと思います。

実際に作業しながらステップバイステップで進めていく形ではなく、 各項目ごとに説明が書かれておりそれらを読み進めていくというイメージです。

webサイトを制作するにあたり最低限おさえておきたい部分に関して、 広く触れられているのでwebサイトの勉強を始めたばかりの方は一読の価値はあると思います。
※後半に実践編として企業サイトの制作はあります

おすすめのポイント

手を動かしながら進めていくのではく、読み進めていくイメージの本なので、 空いた時間などに読み進める本としては非常に素晴らしいと思います。
※私も移動の間によく読んでいました

ただ、読み進めると言ってもサンプルコードなども記述されているので、 気になったものに関しては実際に手を動かして実践してみてください。

また、各項目ごとに「SUMMARY まとめ」があるので、 「各項目ごとに大切な事」がまとめられている点もおすすめのポイントです。

対象者レベル

  • webサイトの仕組みを知りたい方
  • webサイト周りの知識を広く浅く知りたい方

制作環境

Mac / Windowsともに対応

改訂新版が出版されています。

※本は人によって好みが分かれるので、一度書店などで手にとってご覧いただくことをオススメします。

「HTML&CSS 標準デザイン講座【HTML5&CSS3対応】」

HTML&CSS 標準デザイン講座【HTML5&CSS3対応】

最近、自宅周辺にお店がたくさんあることに気づいたsekitobaです。

今日は、「HTML&CSS 標準デザイン講座【HTML5&CSS3対応】」という書籍ついてです。

HTML&CSS 標準デザイン講座【HTML5&CSS3対応】

HTML&CSS 標準デザイン講座【HTML5&CSS3対応】

この本は、2013年に発行された書籍です。

書籍に関して

今から3年前に出版された書籍ですのでベースは現在主流のHTML5」ではなく「XHTML1.0」です。
※「HTML5 / CSS3」に関しても入門という形で説明されています。

各チャプター(全8チャプター)ごとにサンプルファイルを利用して学習します。
ブログ公開日時点ではサンプルファイルはダウンロードできてます

チャプターの前半ではHTML/CSSの基礎的な知識が重点的に説明されています。

後半チャプターでは実践的なwebサイトを制作することができます。
※製作するサイトは少し古いデザインですが、最初にトライするにはいいと思います。

おすすめのポイント

書籍自体が「HTML5 / CSS3」が主流になる前に出版された書籍なので、 以前の「HTML / CSS」とどこがどう変わったのかなどが詳しく説明されています。

web業界でも新規で作成するサイトは「HTML5 / CSS3」を使用して作成します。

しかし、すべてのサイトが「HTML5 / CSS3」でできているわけではなく以前の「HTML / CSS」を利用しているサイトを数多くあります。

職場によっては以前の「HTML / CSS」に関しても知っておいた方がよい場合もあります。

対象者レベル

  • これからweb制作を学びたい方
  • XHTML1.0のwebサイトを修正しないといけない方

制作環境

Mac / Windowsともに対応

紹介しているエディタ

※本は人によって好みが分かれるので、一度書店などで手にとってご覧いただくことをオススメします。