• ベストアンサー

javascriptの勉強中

javascriptのエディタに関して質問です。 びっしりつまったjsファイルを綺麗にインデントしてくれるソフトってあるのでしょうか?例えばhttp://www.yahoo.co.jp/をWebページ完全で保存した時にできるYahoo! JAPAN.filesの中にある「fp_base_bd_ga_4.0.0.js」は改行も空白もなくびっしり文字が詰まってます。これを人間が見やすいようにしてくれるソフトはありますか?学生でホームページの作成の勉強中です。

質問者が選んだベストアンサー

  • ベストアンサー
  • sho1get
  • ベストアンサー率57% (20/35)
回答No.2

Eclipseと言う統合開発環境が非常にいいと思います。 EclipseはWeb系以外にもプラグイン追加で、どんな開発言語にも対応しています。 日本語化されたEclipseを以下のサイトからダウンロードできます。 <Pleiades ダウンロードサイト> http://mergedoc.sourceforge.jp/ サイズはそれなりに大きいですが、インテリジェンス(入力補完)やエラー発見もしてくれます。 通常機能でコードも自動インデントもしてくれます。 すでに出来上がったJavascriptコードもEclipse上に表示させ、 「Ctrl+Shift+Fキー」を入力すると、Eclipseが自動的にソースコードを見やすいようにインデント処理をしてくれます。

Yorochikub
質問者

お礼

Eclipse3.4.2は元々入っていたのですが、バージョンなのかはたまた設定なのかわかりませんが頑張ってみます。ありがとうございました。

その他の回答 (2)

回答No.3

べんきょうちゅうならえでぃた~で ';'を';'+かいぎょう に おきかえて、めでおいながら、てでしゅうせいするのがいいばぶっ! それでこそ、たいどるどおり「javascriptの勉強中」といえるじょ!ばぶ。

回答No.1

ソフトではないですが... JsDecoderというオンラインツールがあります。 私は今までこのツールを使用してきましたが、目立つ問題は ありませんでした。

参考URL:
http://www.gosu.pl/JsDecoder/
Yorochikub
質問者

お礼

web上で動作するのでお手軽ですね。ありがとうございました。

関連するQ&A

  • 初投稿です!javascriptで質問があります!

    こんにちは 最近jweb apiを勉強している学生です。 yahoo apiのキーフレーズ解析を用いて何か作ろうとしているのですが少し躓いてしまいました。 下記のプログラムはキーフレーズ解析のサンプルなのですが、このプログラムを一番スコアの高いものだけが表示されるようにしたいです。 どなたか知恵をお貸しいただけないでしょうか? よろしくお願いします。 //////index.html///////////////////////////// <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>キーフレーズ抽出(Yahoo! API使用)を試す - js do it</title> <meta name="Description" content="" /> <meta name="Keywords" content="" /> <link rel="stylesheet" type="text/css" media="screen,print" href="style.css" /> </head> <body> <!-- generated by: jsdo.it - http://jsdo.it/kjunichi/qpO3 --> <!-- Copyright kjunichi - http://jsdo.it/kjunichi --> <!-- Licensed under MIT License - http://www.opensource.org/licenses/mit-license.php --> <textarea id="targetText" rows="10" cols="45"></textarea> <input id="start" type="button" value="解析"> <div id="result"></div> <!-- Begin Yahoo! JAPAN Web Services Attribution Snippet --> <a href="http://developer.yahoo.co.jp/about"> <img src="http://i.yimg.jp/images/yjdn/yjdn_attbtn1_125_17.gif" title="Webサービス by Yahoo! JAPAN" alt="Web Services by Yahoo! JAPAN" width="125" height="17" border="0" style="margin:15px 15px 15px 15px"></a> <!-- End Yahoo! JAPAN Web Services Attribution Snippet --> <script type="text/javascript" src="http://jsdo.it/lib/jquery-1.6.2/js"></script> <script type="text/javascript" src="index.js"></script> </body> </html> //////index.js////////////////////////////////////////////////////////////////// var apiBaseUrl = "http://jlp.yahooapis.jp/KeyphraseService/V1/extract?callback=?"; var appid = "opensesami"; $(function(){ $("#start").click(function() { //alert($("#targetText").val()); $.getJSON(apiBaseUrl, { "appid" : appid, "sentence" : $("#targetText").val(), "output" : "json" }, function(data) { //alert(data); $.each(data, function(item,score){ //alert(item); $("#result").append(item + "," + score + "<br>"); }); } ); }); });

  • 行末の白スペースは気になりませんか?

    いわゆるhtmlエディターをいくつか使ってみたのですが ソースの直接編集の画面で、改行マークが表示されないソフトが多く、 テキストエディターなど改行マークを表示するソフトで見直すと 行末に無駄な空白ができていて、あまり気持ちがよくありません。 細かなことだとは思いますが、改行記号がきっちり表示される、 あるいは行末の無駄なスペースは自動削除する方法(もしくはソフト)で なにかいいものはないでしょうか?

    • ベストアンサー
    • HTML
  • youtubeなどの動画が見れません

    先日youtubeを見ようとしたら 「エラーが発生しました。再取得してください。」 といったようなメッセージが出て見れませんでした。 その動画が削除されているわけでもありませんでした。 他の動画サイトも確認したところ、ニコニコ動画・yahoo動画においても同様のメッセージが表示されましたがパンドラ(埋め込み)は再生できました。 FlashPlayerをアンインスコ→再インスコやインターネットキャッシュを削除などもしてみましたが駄目でした。 ブラウザはOperaを使っており、エラーコンソールを開いたら JavaScript User Javascript thread Opera has modified the JavaScript on streaming.yahoo.co.jp (Yahoo ISP portal blocks Opera users). See browser.js for details JavaScript User Javascript thread Opera has modified the JavaScript on streaming.yahoo.co.jp (Yahoo!). See browser.js for details JavaScript User Javascript thread Opera has modified the JavaScript on streaming.yahoo.co.jp (Yahoo!). See browser.js for details と表示されました。 なぜでしょうか

  • Eclipse(Javaプログラミングソフト)

    今EclipseというソフトでJavaのプログラミングの勉強をしているのですが、 エディター画面の改行やインデントの記号があるせいで、 ソースコードが見づらいので非表示にしたいのですが、 どうすればよいでしょうか? ちなみに使ってるバージョンは 3.7 Indigo で、 日本語化しています。

  • サイトの編集画面にログインできない

    GDIという所のテンプレートを使ってサイトを12ページほど作製しました。 そこまでは、普通に編集画面に入ることが出来て、編集もページの追加もできたました。 しかし、先日、突然エラーのメッセージが出て編集画面にログイン出来なくなってしまいました。 エラーの表示は Error:the xaiax Javascript file could not be included. Perhaps the URL is incorrect? URL:/files/Js/editor/core/js/xajax/xajax.js このように出ているのですが、英語が全く分からず悩んでおります。 どなたか、ご指導の程よろしくお願い致します。

  • Google Chrome の拡張機能で...

    Google Chrome の拡張機能で yahooメールの受信を確認できるのはないでしょうか? 海外Yahooではそのようなソフトが見つかったんですが 肝心のYahoo! japan に対応しているのがありません どうかよろしくお願いします

  • こんにちは。

    こんにちは。 Excelシートで、セルの中の改行文字を取りたいのですがうまくできません。 Excelシートの全セルを選択し、置換機能でctrl+jを空白文字(スペースでは無く、何もない文字) に変換してからcsv形式に保存しても、そのファイルをテキストエディタで開くと改行が入ってしまいます。 Excelでの変換方法に原因があるのでしょうか? それか、フリーのエディタソフトを使って変換する方法があれば教えて下さい。 よろしくお願いいたします。

  • html標識について勉強中!回答。お願いします

    <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="tbod" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>黒ずみ解消!ケノン脱毛器でワキ脱毛した!≪感想&体験談≫</title> <meta name="description" content=" ≪このページでは、ケノンでワキ脱毛した赤裸々な脱毛経過写真を大公開中です!≫ ..." /> <meta name="keywords" content="2s,脱毛器ケノン体験中!本当の口コミ&効果" /> <!--メタヘッダー--> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="http://tsugaru-hirosaki.jp/styles-base.css" type="text/css" /> <link rel="alternate" type="application/atom+xml" title="Recent Entries" href="http://tsugaru-hirosaki.jp/atom.xml" /> <!--/メタヘッダー--> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-22049822-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> htmlについて初心者なのでいくつか質問させてください。(分かりやすく回答頂けると助かります) 1.<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="tbod" lang="ja" xml:lang="ja"> 2・<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 3・<!--メタヘッダー--> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" href="http://tsugaru-hirosaki.jp/styles-base.css" type="text/css" /> <link rel="alternate" type="application/atom+xml" title="Recent Entries" href="http://tsugaru-hirosaki.jp/atom.xml" /> <!--/メタヘッダー--> <script type="text/javascript"> 4・var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-22049822-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); それぞれどういう意味のhtml標識なのでしょうか? また、画像などもこのサイトあるのですが、その画像はどこかしらから取ってきているのか 自作で作ったのを使ってるのかとか分かりませんか? 勉強をしており、似たようなサイトを作っていきたいので、質問させていただきました。

  • HTMLでお手軽に文章を打つ方法は?

    ヤフーオークションの商品説明を書く時に普通に記入すると改行されませんし、スペースも打てません。そこでHTMLで綺麗に表示させたいのですが、やり方がわかりません。かといって勉強するのもとても面倒そうです。 綺麗に表示といってもカッコよくする必要はありませんから、普通の文章のように表示されればOKです。 そこでメールを書く時のように普通に記入してから、どこかのボタンを押したり、コピーしてヤフーの書き込みページに貼り付ければ、綺麗にHTMLの文章が撃てるようになるソフトなんてありますか?この程度に使うわけですからフリーソフトで十分です。いいソフトがありましたら誰か教えてください。 ちなみに柿のような文章を載せたいだけなのでその場合のタグの打ち方でも結構です。 例: ---------------------------------------------- ★スヌーピーのペットボトル(ちょっと大きい字で、出来れば色つき、改行) (空白) 1年前に購入しましたが一度も使ってません。(改行) ■小さいお子様に最適です。(改行) ■色は赤です。(改行) (空白) 以上よろしくお願いいたします。 ---------------------------------------------- みたいな感じです。誰か教えてください!

  • サイトマップを自動作成できません。

    最近HPを作成した超初心者で、サイトマップの作成ができず 原因が皆目見当つかず行き詰ってしまいました。 サイトマップを自動生成してくれる「sitemap.xml Editor」を利用しているのですが index.html以外のページをサイトマップ化できません。 sitemap.xml Editor https://www.sitemapxml.jp/ ネット上で確認すると、index.htmlのリンクから他のページを表示することができます。 現在、ページ数はindex.htmlを含め20程です。 先頭のタグは全て共通で下の通りです。 基礎的な質問で恐縮ですが、解決のヒントなど教えていただけないdしょうか? よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="description" content="説明文" /> <meta name="keywords" content="キーワード" /> <link rel="stylesheet" href="css/common.css" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/common.js"></script> <title>タイトル</title> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28512541-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head>

    • ベストアンサー
    • SEO