Q&A
teratailが技術的質問を投稿する場であることは存じておりますが，プログラマーの方からの回答を得たかったためこちらで質問させていただきました．またYahoo知恵袋よりも回答が来やすい上に，プロの方の回答を多くいただける可能性が高いことからteratailで質問することとしました．ご理解の程よろしくお願いいたします．
[!]内容を修正しました
###[√] おすすめの開発者向けブラウザ・ツール・エディタを教えてください(><)
欲しい機能
- 編集内容をリアルタイムで反映！
- テキストエディタみたいに修正・上書きが簡単にできる
- パネル・ペインの切り替えもショートカットで楽々！
- プロジェクトフォルダ・ファイルをツールにいちいち登録しなくても使える
- HTML・CSS・JS・プレビュー画面が同時に見れる
その他要件
- HTML5 CSS3 対応
- できればポータブルの方がいい
- ブラウザでもエディタでもブラウザアドオンでも，ちゃんと使えるならなんでもOKです
- 要望に沿ってるわけじゃないけど個人的にコレをお勧めします！というのでもOKです
技術的質問とかいう前に、これになんて答えていいかわかりません。「そうですね、完結してくれたらいいですね。」と言うのか「じゃ、俺作りますよ。」とでも言ったらいいのかさっぱりです。もしそんなツールを情報を集めるのとか、アイデア募集ならそう書いておかないとまったくわかりません。
仰る通りです。(>_<)ﾉ 寝る前に勢いだけで投稿したせいか内容が無茶苦茶ですね。今日中に修正させてもらいます！ご迷惑お掛けしました！m(_ _;)m
回答3件
0
そこまでわかっているのであれば、アドバイスは一つ。
作れ。
投稿2016/12/06 16:50
総合スコア1046
正直つくりたいですが，まだJSすらロクに使えないぐらいのプログラミング初心者なのです．(T-T)
そうだったのか…
0
使っていませんが。
【リアルタイムで編集・確認ができるエディタ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/06 16:49
総合スコア69645
0
編集内容をリアルタイムで反映！
わかりやすいのは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を使った同期の方法
こういうやり方があります。
頭の使い方しだいでポータブルっぽく設定を持ち運べます。
投稿2016/12/07 01:33
総合スコア21574
あなたの回答
tips
プレビュー
