Dreamweaverの無料版はない!代わりにATOMというエディタが超優秀でおすすめ

スポンサーリンク

スポンサーリンク

dreamweaver無料

こんにちわちえちゃん(@abcdabcd4572)です

Dreamweaverっていうのはめちゃくちゃ使いやすいソフトですよね!!

しかし月額使用料金が高い;;ということでDreamweaverを卒業できる超優秀なエディタを紹介します!

ホームページを作れたり、修正できる人ならば使える、もしくはドリームウィーバーじゃないとしっくりこないしはかどらないー!って言う人もいるんではないでしょうか?

 

Dreamweaverに変わる無料フリーソフト「ATOM」

dreamweaver無料

https://atom.io/

↑ダウンロードはこのサイトからできます。

 

みてください・・・この洗練されているデザイン!!!

見るからに使えそうなエディタだ!と思いませんかぁぁぁ!!

 

それもそのはず!こちらのエディタ「ATOM」は、あのGitHubが開発したアプリケーションなのです!!

GitHubっていうのは、GitHubという会社が作っているサービスで、Gitを利用したプログラムを共有したり公開したり管理するためのWEBサービスで、

プログラマが自分がどのようにプログラムを書いて、それをどのように動かしているか、というものがわかりやすく、サイト上で公開できる仕組みであり、また、プログラミングができる人用のSNSみたいに使うことが可能なのです。

コーディングについて調べ物をしていたりする人は結構みたことあるんじゃないかな?

 

つまり、いうなればプログラミングのスペシャリスト集団が作ったエディタということで、とても使いやすいものとなっています。

しかも無料というので驚きです!

 

Dreamweaver無料

↑サイトの「Downloadボタン」をクリックすれば、「AtomSetup-64.exe」というファイルがダウンロードされますので、

ダウンロードが終わったらファイルをクリックして開けばインストールされます。

 

ATOMのすごいところを言っていくよ!

1、コードを開いたとき、書いたときの色わけが完璧にできている!

Dreamweaver無料

こんな感じでコードが見やすいように色を自動でつけてくれています。

フリーのエディタって自分で色を設定しなくちゃいけなかったりするんでしょー。って思っていたのにまったくそんなことなくてびっくりした・・・

 

2、閉じタグを自動で出力してくれるパッケージがあるよ

そもそもパッケージってなんやねん!って思われるかもしれないんですが、wordpressでいうプラグインのようなもので

必要なものをATOMにインストールすると機能が増える。という仕様なんですね!そのため自分の好みにカスタマイズかなりできるんだと思います!

そこで、自動で閉じタグをぽんって出してくれるパッケージ「autoclose-html」をインストールすれば、

<div>

って打っただけで

<div></div>

って自動で</div>←こいつが吐き出されます!

 

パッケージはいろんなものがあって、まず、日本語メニューに変換してくれるパッケージを入れておくとよいと思います!

 

3.FTPソフトのような使い方、サーバーに上がっているファイルをダウンロード、アップロードも簡単にできます!

これこそDreamweaverに慣れすぎているので、ファイルのアップロードに関して、うまくできたかわからないよ;;

とかなると困るよなって思っていのたですが、ATOMも簡単にファイルの管理ができるので便利です!

「Remote-FTP」というパッケージをインストールすればFTPソフトとしても役割もできるようになります!

 

たとえば、フリーソフトには「FFFTP」というソフトがありますが、左側に自分のローカルフォルダの階層、右側にサーバー側のファイルの階層とあって、それをアップロードしたい場所にそろえるという作業必要だと思います。

これはとてもリスクがあって、誤って違うディレクトリにファイルをアップロードしてしまった、というミスが起こりえます。

しかしDreamweaverでは全階層を表示することが可能なので自動で、ファイルのある場所にアップロード、インストールが可能で、とても便利だしミスが起こりにくいのです!

そしてなんとこの機能がATOMでもあります!!!すごい!無料やのに!

 

4.閉じタグはどれだか教えてくれるよ

どの<div>がどの</div>で閉じているのかソースだけテキストエディタで貼り付けただけだとさっぱりわからなくなることが、サイトによってはありますよね。。。

しっかりインデントしてあげるのはもちろんですが、わかりやすいほうがいい!

その点Dreamweaverでは開始タグ(<div>)と終了タグ(</div>)がうっすら白く光るのでどこが終了タグかわかりやすいですよね。

安心してください!その機能あります!!

ATOMも開始タグを選択すると開始タグと終了タグに下線がついてくれます!

すごい!機能ほとんど兼ね備えてるやん!!

 

設定方法の動画なども公開されていますよー!

ってことで、いたれるつくせりのエディタATOM本当に無料でいいの?!って言いたくなるくらい高機能です!

言いたいことはだたひとつ!

ATOMすごいでぇぇぇ!!!

 

それではさよーならぁ