スキルアップ記事

レバテックキャリアではIT・Web業界のエンジニア、デザイナーのスキルアップに役立つコンテンツをお届けいたします。
転職に役立つノウハウから、日々のスキルアップや業務で使える記事等幅広く掲載していきます。

転職支援サービスをご希望の方はこちら

ユーザーオススメのエディタをピックアップ!自分にあったエディタが見つかる!Web制作向けエディタのレビューまとめ

エディタの乗り換えを検討中の方や、これからエディタを導入しようとお考えの方は注目!今回は、プログラマーに好評のエディタのレビュー記事や活用術を紹介いたします。ユーザーの声を参考に、あなたの好みのエディタを探してくださいね!

  • このエントリーをはてなブックマークに追加

エディタの乗り換えを検討中の方や、これからエディタを導入しようとお考えの方は注目!

今回は、プログラマーに好評のエディタのレビュー記事や活用術を紹介いたします。

ユーザーの声を参考に、あなたの好みのエディタを探してくださいね!

Adobe Brackets

(1)Adobe Brackets に浮気してみた

コーディングに使うエディタは、何が使いやすいんだろう…。
エディタの乗り換えに悩んでいる。

そんな方は、『LIQUID BLOG』に掲載されている記事、《Sublime Text から Adobe Brackets に浮気してみた》をチェックしてみてください。
Webデザイナーとして活躍中の管理人さんが、ユーザーに好評のエディタ「Sublime Text」「Atom」「Adobe Brackets」の特徴を紹介してくれています。

本来はSublime Textのユーザーだった管理人さんですが、上記の3つを比較した結果、ライブプレビューとクイック編集がしやすかったAdobe Bracketsに心惹かれたそうです。

しかし、その反面、他のエディタに目を向けることで、Sublime Textの魅力も再確認できたとのこと。

気になるエディタがある方は、まず実際に活用してみると、それぞれの長所と短所が把握できるのではないでしょうか。

【参照元】
http://blog.lqd.jp/html/000206.html
 

(2)Adobeの無料エディターBracketsを使ってみた

Web、音楽、雑記などについて綴られているブログ『yamada3004』

その管理人であるMichiyo Yamadaさんは、今までエディタは「Dreamweaver」を使っていましたが、使いこなせてない機能があったり、作業中にダウンすることがあり、エディタの乗り換えを検討中だったそうす。

そこでYamadaさんが注目したのが、フリーソフトの「Brackets」!

実際試してみた感想を、《Adobeの無料エディター「Brackets」使ってみた。》という記事にまとまられています。

Bracketsは、インターフェースが日本語で、しかも拡張機能の追加が簡単だから、とても使いやすいとのこと。
コーディングを勉強中の方も、最前線で活躍されているプログラマーの方も、エディタ選びをするときは、Bracketsも選択肢に入れてみてはいかがでしょう。

無料なので、気軽に試せるのも大きな魅力ですよ。

【参照元】
http://3004.jp/web_koto/838/

 

(3)Adobe Bracketsを使ってみた!

ホームページ制作のマークアップエンジニアとして活躍されている、かしゅうさんのブログ『Web drawer』には、PHPやHTMLをはじめ、Web制作に役立つネタが豊富にアップされています。
コーディングの際の調べものや、便利ツール探しをする時に参考になりますよ。

例えばその中の一つ、《オープンソースのコードエディタAdobe Bracketsを使ってみた》という記事は、HTML、CSS、JavaScript用のエディタを探している方にオススメ。

この記事にも、フリーソフトの「Adobe Blackets」の特徴や、代表的な機能2つが紹介されています。

しかも、Adobe Bracketsでよく使うショートカットキーのまとめも紹介してくれているので、エディタ選びだけでなく、実際に使用するときにも役立つのではないでしょうか。

【参照元】
http://webdrawer.net/tools/brackets.html

 

Pingendo

(1)オーサリングツールPingendo

WindowsとMacの両方に対応しているオーサリングツール「Pingendo」についてレビューしているのは、ブログ『Maku_zin Ver2.1.1』の管理人である下山さん。

《各種フレームワークビルトインのオーサリングツールPingendo》の記事の中で、はじめてPingendoに触れたときの感想を綴られています。
「Pingendoを使ってみたい!」という方は、記事を覗いてみてはいかがでしょう?

Pingendoは、デザイン画面でも、コード画面でも編集することができるので、状況に応じて使い分けてみると良いかもしれませんね!
また基盤についても、イメージスライダーが標準で入っているのが魅力的。

Pingendoをうまく活用し、素敵なサイトを作ってくださいね。

【参照元】
http://makurazaki.org/%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF/post-517/

 

(2)Bootstrap エディタ「Pingendo」

CSSのフレームワークである「Bootstrap」 は、HTMLやCSS初心者でも使いやすいツールとしてお馴染みですよね。
そのBootstrapのエディタとして『アットスタイル』の管理人さんがおすすめしているのが「Pingendo」です。

おすすめのポイントや使用感については、《ローカルで動かす Bootstrap エディタ Pingendo》の記事の中で紹介されています。
Webデザインの勉強を独学で行っている方や、「Bootstrapをより快適に使いたい!」という方は Pingendoの導入を検討してみるのも一つの手ですよ。

記事には、PingendoサイトのURLも添付されているので、インストールをする際は、そこからアクセスすると良いでしょう。

また、ブログにはMovable Typeに関することを中心とした記事がたくさん掲載されています。
興味のある方は、そちらも併せてチェックしてみてはいかがでしょう?

【参照元】
https://atstyle.biz/blog/archives/2014/01/13/1835/

 

その他

 

(1)Webコーディング時に使用しているツールまとめ

「レスポンシブWebの制作に適したエディタを知りたい!」という方は、《【2016年版】私(フリーWebデザイナー)がレスポンシブWebコーディング時に使用しているツールまとめ》という記事に注目してみてください。

記事内には、「Adobe Brackets」や「Pingendo」といったエディタの魅力が書かれていますよ。

また、この記事を書いたMikaさんのブログ『Degnlabo-Mica-Blog』には、他にもコーディングやWebデザインをする際に役立つ情報がたくさん掲載されています。

Web系のお仕事をされている方は、覗いてみると耳寄りな情報が得られるかもしれませんよ。

【参照元】
http://blog.designlabo-mika.com/

 

(2)「Atom」でSass+Compassのコンパイル

人気のエディタの一つである「Atom」に関する情報が知りたい方は、《AtomでSass + Compassのコンパイルをしてみよう》という記事に目を通してみてはいかがでしょう?

Web制作に関する情報が多数掲載されている『Web Life Times』の管理人Madkaさんが、フレームワーク「Compass」を使って、sassファイルをコンパイルする方法を紹介してくれています。

この記事には、コンパイルの際に「Atom」でコマンドを実行できるようにする流れが書かれているので、コーディングの際に役立つのではないでしょうか?

また、ブログ内にはAtomのおすすめパッケージを紹介した記事もありますので、併せてチェックしてみると良さそうですよ!

【参照元】
http://weblifetimes.com/atom-compass-compile/

ITエンジニア・Webクリエイターの転職ならレバテックキャリア

レバテックキャリアはIT・Web業界のエンジニア・クリエイターを専門とする転職エージェントです。最新の技術情報や業界動向に精通したキャリアアドバイザーが、年収・技術志向・今後のキャリアパス・ワークライフバランスなど、一人ひとりの希望に寄り添いながら転職活動をサポートします。一般公開されていない大手企業や優良企業の非公開求人も多数保有していますので、まずは一度カウンセリングにお越しください。

転職支援サービスに申し込む

また、「初めての転職で、何から始めていいかわからない」「まだ転職するかどうか迷っている」など、転職活動に何らかの不安を抱えている方には、無料の個別相談会も実施しています。キャリアアドバイザーが一対一で、これからのあなたのキャリアを一緒に考えます。お気軽にご相談ください。

「個別相談会」に申し込む

技術の話ができる転職エージェント。30秒で無料登録!

  • このエントリーをはてなブックマークに追加

  • STEP1
  • STEP2
  • STEP3
  • 次のstepで入力すると返事が来る!
  • プロフィール入力すると返事が来る!
  • ご希望の条件を選択してください

    ご希望の勤務形態

    必須

    ご希望の勤務地

    任意

  • プロフィールをご入力ください!必須入力項目はこのページで終わりです。

    氏名

    必須

    氏名かな

    必須

    生年月日

    必須

    電話番号

    必須

    メールアドレス

    必須

  • スキルシート・ポートフォリオをお持ちの方はアップロードしてください

    スキルシート

    任意

    提出しておくことで
    迅速なご紹介が可能に!

    職務経歴書

    ドラッグアンドドロップ or ファイルを選択 選択されていません

    履歴書

    ドラッグアンドドロップ or ファイルを選択 選択されていません

    スキルシートを確認しています...

    スキルシートを確認しています...

    ※ファイルは5MB以下で対応するファイル形式 ? でアップロードしてください
    Microsoft Office .xls .xlsx .doc .docx .ppt .pptx
    KINGSOFT Office .xls .xlsx .doc .docx .ppt
    iWork .numbers .pages .key
    LibreOffice .ods .odt .odp
    OpenOffice .ods .odt .odp
    その他 .pdf

    ※事前にご用意のない方は、弊社フォーマットを是非ご活用下さい。

    ポートフォリオURL

    任意

    ?

    ポートフォリオとは主にクリエイターの方が自己PRのために過去の作品や制作実績をまとめた作品集の事です。

    ポートフォリオをWeb上で公開されている方はそのURLを、データでお持ちの方は作品データをアップしたURLを入力してください。

    ※データをアップされる場合は、保存期間や容量制限の少ないGoogleドライブを推奨しています。

    その他ご要望

    任意

  • 下記の内容をご確認いただき問題ないようでしたら、送信してください

    プロフィール入力すると返事が来る!

    • ご希望の勤務形態 必須

    • ご希望の勤務地 任意

      第一希望:
      第二希望:

    • 氏名 必須

    • 氏名かな 必須

    • 生年月日 必須

    • 電話番号 必須

    • メールアドレス 必須

    • 職務経歴書 任意

    • 履歴書 任意

    • ポートフォリオURL 任意

    • その他ご要望 任意

    個人情報の取り扱い」と「利用規約」に同意の上、『同意して登録する』ボタンをクリックして下さい。

プライバシーマーク

レバテック株式会社は「プライバシーマーク」使用許諾事業者として認定されています。
個人情報の秘密は厳守します。ご入力いただいた情報は許可を頂くまで求人企業に公開することはありませんので、ご安心ください。

申し込みに関するご注意
以下の方は弊社の事業基盤、求人動向から、ご提案のご連絡までお時間をいただく可能性があります。ご了承ください。
IT業界、または希望職種が未経験の方
一都三県・大阪・兵庫・京都・愛知・福岡以外の勤務地、また在宅での作業を希望される方

関連記事

人気記事

無料"個別相談会"実施中-平日の夜、土曜も実施しています!-

関西求人特集 みんなの年収UP公開中

九州求人特集 福岡での転職をサポートします!

転職・求人・採用情報を探す

プライバシーマーク

レバテック株式会社は、
「プライバシーマーク」
使用許諾事業者として
認定されています。