質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.79%

おすすめの 開発者向けブラウザ・ツール・エディタ

受付中

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,189

-1an.vvks-

score 71

[!]内容を修正しました


[√] おすすめの開発者向けブラウザ・ツール・エディタを教えてください(><)

欲しい機能

  • 編集内容をリアルタイムで反映!
  • テキストエディタみたいに修正・上書きが簡単にできる
  • パネル・ペインの切り替えもショートカットで楽々!
  • プロジェクトフォルダ・ファイルをツールにいちいち登録しなくても使える
  • HTML・CSS・JS・プレビュー画面が同時に見れる

その他要件

  • HTML5 CSS3 対応
  • できればポータブルの方がいい
  • ブラウザでもエディタでもブラウザアドオンでも,ちゃんと使えるならなんでもOKです
  • 要望に沿ってるわけじゃないけど個人的にコレをお勧めします!というのでもOKです
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • -1an.vvks-

    2016/12/07 01:49

    teratailが技術的質問を投稿する場であることは存じておりますが,プログラマーの方からの回答を得たかったためこちらで質問させていただきました.またYahoo知恵袋よりも回答が来やすい上に,プロの方の回答を多くいただける可能性が高いことからteratailで質問することとしました.ご理解の程よろしくお願いいたします.

    キャンセル

  • toutou

    2016/12/07 02:14

    技術的質問とかいう前に、これになんて答えていいかわかりません。「そうですね、完結してくれたらいいですね。」と言うのか「じゃ、俺作りますよ。」とでも言ったらいいのかさっぱりです。もしそんなツールを情報を集めるのとか、アイデア募集ならそう書いておかないとまったくわかりません。

    キャンセル

  • -1an.vvks-

    2016/12/07 08:47

    仰る通りです。(>_<)ノ 寝る前に勢いだけで投稿したせいか内容が無茶苦茶ですね。今日中に修正させてもらいます!ご迷惑お掛けしました!m(_ _;)m

    キャンセル

  • 退会済みユーザー

    2016/12/07 14:55

    こちらの質問が他のユーザから「問題・課題が含まれていない質問」という指摘を受けました
    teratailでは、漠然とした興味から票を募るような質問や、意見の主張をすることを目的とした投稿は推奨していません。
    「編集」ボタンから編集を行い、質問の意図や解決したい課題を明確に記述していただくと回答が得られやすくなります。

回答 3

+5

そこまでわかっているのであれば、アドバイスは一つ。

作れ。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/12/07 01:56

    正直つくりたいですが,まだJSすらロクに使えないぐらいのプログラミング初心者なのです.(T-T)

    キャンセル

  • 2016/12/07 02:01

    そうだったのか…

    キャンセル

+2

使っていませんが。

【リアルタイムで編集・確認ができるエディタLiveweaveが超便利!その魅力と使い方をご紹介! | NESTonline Blog】
http://blog.nest-online.jp/17174

【Web用エディタ「Liveweave」の「CSS3 Code Generator」がなかなかよい - okiami1983のブログ】
http://okiami1983.hatenablog.jp/entry/2016/03/13/145035

【Liveweave - HTML5, CSS3 & JavaScript playground for web designers & developers】
http://liveweave.com/


teratail の回答では下記を良く使います。

【Create a new fiddle - JSFiddle】
https://jsfiddle.net/

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/12/07 01:54

    参考にさせてもらいます!

    キャンセル

+1

編集内容をリアルタイムで反映!

わかりやすいのはAdobeのDreamweaverですか?
AtomやSumlimeにも同等のプラグインは用意されているような気がします。

そもそもNode.jsとGulpを覚えればエディタ問わず対応できます。
ファイルの更新を検知してブラウザをリロードするようなプラグインも公開されています。

テキストエディタみたいに修正・上書きが簡単にできる
パネル・ペインの切り替えもショートカットで楽々!
プロジェクトフォルダ・ファイルをツールにいちいち登録しなくても使える

AtomやSublimeは左の窓にフォルダを設定すればあたかもプロジェクトみたいに扱うのでそれで妥協してみては?
Ctrl+pでファジーファイル検索が出来ますし、そもそもエディターなので修正や上書きは得意。
ショートカットも充実しているのでパネルやペインの切り替えも楽々です。

HTML5 CSS3 対応

モダンなエディタでHTML5対応していないものなんてあるんでしょうか?
因みに上でオススメしたAtomとSublimeは対応しています。

それともEmmetやZen-coding的な話ですか?
これもAtomやSublime等のモダンなエディタは基本的にプラグインで対応出来ます。

できればポータブルの方がいい

Sublime Text2,3のDropbox, Gitを使った同期の方法
こういうやり方があります。
頭の使い方しだいでポータブルっぽく設定を持ち運べます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.79%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る