• ベストアンサー

JavaScriptは具体的に何ができますか?

http://www.templatemonster.jp/flash.php こちらのページにFlashテンプレートが並んでいますが、 これらのFlashのような動きや効果音をもたせたいとき、Jsでこういったものは作れないのでしょうか。 また作れない場合、JavaScriptでどれだけ似せることができますか? インタラクティブでデザイン性の高いモーションを取り入れたいと考えています。 こういう技工はFlashやActionScriptでしか実現できないのでしょうか。

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

  • ベストアンサー
  • dscripty
  • ベストアンサー率51% (166/325)
回答No.5

HTML5 では Adobe Flash を使わなくても、 映像を配信したり、 http://www.html5.jp/tag/elements/video.html 自由に音を出したり http://www.html5.jp/tag/elements/audio.html Vector 画像も JavaScript でコントロールできるし、 http://www.html5.jp/tag/elements/svg.html ちょっと特殊だけど、ソケット通信もできるようになるはず。 http://www.html5.jp/trans/w3c_websockets.html ※ Java Applet を使えば Flash と同レベルのソケット通信ができる(必要かどうかは別として)。 Adobe Flash でできて HTML5 + JavaScript でできないことって何だろう? 全然思いつかない。[ANo.2] が Flash 開発者じゃないからかなぁ。。。 そもそも Flash とかのプラグインをウェブブラウザに追加しなくても良くなるように HTML5 が作られていくはずだから、すぐに Flash じゃないとできないことはなくなるんじゃないかな? あとは、『作り手が何を選ぶか』だけのことだとおもう。

rivalknockout
質問者

お礼

具体的な回答ありがとうございました。感謝です

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (4)

回答No.4

>何ができますか? よりも、「なにができないのか?」を、しらべたほうがよくない?

rivalknockout
質問者

お礼

というと? 回答の意味が理解できかねます。

全文を見る
すると、全ての回答が全文表示されます。
  • bakaok
  • ベストアンサー率22% (33/148)
回答No.3

>インタラクティブでデザイン性の高いモーションを取り入れたいと考えています。 JavaScriptでもいろいろできるけどプログラミングできないと無理だね。 FlashはActionScript知らなくてもある程度のことはできるからね。 それとJavaScriptはブラウザ毎に挙動が違う部分があるからそれをいかに吸収してソースが書けるかって言うのもある。 >Flash以外の選択肢としては、今ひとつマイナーですがMS製のSilverlightというものもあります。 Silverlightに対をなすのはFlashというよりAdobeもAIRの方。 >Apple系の端末がFlashをサポートしてないため おいおい嘘を書かないように MacOSXはFlash対応しているぞ。 Flashが非対応なのはiOS。

rivalknockout
質問者

お礼

お詳しいんですね。 私もプログラミングはできます

全文を見る
すると、全ての回答が全文表示されます。
  • dscripty
  • ベストアンサー率51% (166/325)
回答No.2

Flash 内のオブジェクトを ActionScript で変化させることができるように、 SVG(※) 内のオブジェクトを JavaScript で変化させることができるよ! HTML5 の canvas 要素に JavaScript で絵を描いたり、変化させたりすることができるよ! (※ SVG) http://ja.wikipedia.org/wiki/Scalable_Vector_Graphics > 具体的に とのことなので、、、 SVG と JavaScript のテトリス。 http://www.croczilla.com/bits_and_pieces/svg/samples/svgtetris このぐらいの動きなら、HTML と JavaScript だけでもできるけど。。。 canvas 要素と JavaScript のちょっと風変わりなテトリス。 http://www.benjoffe.com/code/games/torus/ ちなみに SVG や canvas に効果音の機能はないから、別の方法で実装する必要があるね。

rivalknockout
質問者

お礼

なるほど具体的な回答ありがとうございます。おかげで助かりました

全文を見る
すると、全ての回答が全文表示されます。
  • LOHA
  • ベストアンサー率52% (203/388)
回答No.1

>これらのFlashのような動きや効果音をもたせたいとき、Jsでこういったものは作れないのでしょうか。 Flashでできるものは、JavaScript, CSS, HTML5などの技術を組み合わせれば大体出来ます。 どちらかと言えば、技術的な面よりも、作りやすさの面で、Flashには良く出来たオーサリングツールがあるので有利かと思います。 それとOSやブラウザの問題をほとんど考えなくてよいという点も(現状では)Flashの強みでしょう。 #Apple系の端末がFlashをサポートしてないため、今後どうなるかは分かりませんが。 >インタラクティブでデザイン性の高いモーションを取り入れたいと考えています。 どこまでのモノを求めるかによるでしょう。 とりあえず、jQueryなどのJavaScriptライブラリのプラグインを漁ってみて、どんなことが現状JavaScriptで簡単に出来るのかを調べてみると良いかもしれませんね。 ちなみにJavaScriptにもタイムラインベースのツールキットがあるようです。 http://mashi.tv/ また、Flash以外の選択肢としては、今ひとつマイナーですがMS製のSilverlightというものもあります。

rivalknockout
質問者

お礼

タイムラインベースのものもあるんですね。ありがとうございます

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • JavaScriptでの画像切替について。

    以下のようなことをしたいのですが、方法が分からず困っています。 http://www.astellas.com/jp/ メニューの上にマウスがくると、下の画像が切り替わる。 http://www.mos.co.jp/index.html メニューの上にマウスがくると、プルダウンのメニューが表示される。 上の2つを「名前をつけてページを保存」で保存して、ソースとファイルを見てみたところ、JavaScriptで実現しているみたいなのですが、jsファイルのソースを見てもさっぱり分かりませんでした。 JavaScriptはDreamweaverの[挿入]-[イメージオブジェクト]で使える程度です。 上の2つを実現するのは、今は諦めたほうが良いでしょうか? JavaScript以外でも実現可能だったら教えていただけないでしょうか? (※FLASHは除く。例えばCSSなど) よろしくお願いします。

  • 複数のjavascriptが作動しない

    http://www.coolwebwindow.com/template/public.php 上記無料で配布されているホームページのテンプレートに 下記lightboxを設置しました。 http://lokeshdhakar.com/projects/lightbox2/ このテンプレートには、ページ内リンクへの移動がスムーズになる javascripが設置されているのですが、 このページにlightboxを追加すると スムーズに移動するjavascriptが無効になってしまいます。 <!--ページをスムーズに移動するjs--> <link rel="stylesheet" href="css/common.css" type="text/css" /> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <!--lightboxのjs--> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /><script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> どのように対処すればいいのでしょうか? ご教授お願いいたします!

  • アートでjavascriptを学びたい

    皆様、よろしくお願いいたします。 私は現在WEBデザイナーとしてUI設計業務とコーディングを行っております。 最近、(生の)JavaScriptの学習を開始しました。 レベルは入門者向けのJS本を読んでいる程度です。具体的には、 ・JavaScript本格入門 ・よくわかるJavaScriptの教科書 ・HTMLとCSSで基礎から学ぶJavaScript ・WEBサイト制作者のためのJavaScript入門講座 などです。 (パーフェクトJavaScript、独習JSは難易度が高かったです) スキル的には既存のコードを読み解き修正を加えるレベルで、 100行以上のコードを書くことはできません。 また、実務ではjsはエンジニアに任せることがほとんどで、自分で書くことはほとんどありません。 このような状態でなぜJSを習得したいかと言いますと、 ・1.ある程度フロントエンドに精通したい(HTML/CSSは分かるので、加えて「JSも任せろ」と言える状態になりたい。) ・2.jQuery等のライブラリ依存から脱却したい ・3.Titaniumでアプリ開発など、JSスキルを流量したい。 などの思惑があるためです。 ただ、JSの必要性は強く感じているのですが、書籍を追って制御構造などのコードを書くだけでは、学習モチベーションを高い状態で保つことが難しいです。 しかし、昔processingやFLASHを触っていたため、アニメーションが発生するもの、特にインタラクティブな物を作成すること対しては興味があります。 とはいえ、processingやactionscriptでは現状の業務に直接結びつかないため、 javascriptでアート系作品を公開しているサイト、書籍、勉強法などはないか、 というのが今回の質問意図となります。 jsDoitはすでに見ていますが、非常に高度な作品が多いため、 順序立てて導入から解説されているような物があれば幸いです。 また、元デザイナー、コーダーで現在jsを使った業務に携わられている方が いらっしゃいましたら、どのように学習を進めて行ったのか、 教えていただけますでしょうか? 以上となります。お手数ですが、ご回答どうぞよろしくお願いいたします。

  • Flashでのリキッドデザインについて

    ActionScriptに挑戦し始めた初心者です。 ブラウザーのサイズの変更にあわせて、例えば、常にブラザーの右下に位置を変更するナビゲーションメニューを作りたいと思っています。 ↓まさに、こんなサイトです。 http://www.thestudio.jp/ フラッシュのリキッドデザイン化については、下記のサイトで理解することができました。 ↓Flashでリキッドデザイン http://allabout.co.jp/gs/flash/closeup/CU20081130B/ でも、実現したいのは、 http://www.thestudio.jp/ のサイトのように、ブラウザーのサイズの変更に、"少し遅れて"位置を修正しているように見える右下のナビゲーションメニューや左下の「THE STUIOD」のような動きです。 これはどのようにしたら実現できるのでしょうか。 ActionScriptの諸先輩がた、どうぞご教示ください。<(_ _)>

    • ベストアンサー
    • Flash
  • actionscript2.0でshadowboxを使う

    javascriptのshadowbox.jsをflashのボタンから起動させるには どのようにすればいいのでしょうか。 やりたいこととしては下記のサイトで行っていることをやりたいのですが、 actionscript2.0の場合がわからなくて困っています。 ▼参考 http://k-nakamura.net/blog/index.php?ID=43

  • javascriptダイアログ okとキャンセル

    javascript初心者です。 http://www.ajaxtower.jp/js/dialog/index2.html このダイアログと同じものを設置したいのですが、 okボタンを押したらリンク先が新しいウィンドウが開くようにしたいです。 キャンセルボタンを押した場合は、URL同様ダイアログを消したいです。 この場合どのように記述すればいいでしょうか。 上記の動きになれば書き方はこのページ通りでなくてかまいません。 よろしくおねがいします。

  • javascriptの多用によるページエラーの回避について質問致します

    javascriptの多用によるページエラーの回避について質問致します。 私は趣味の傍ら、とあるホームページを運営しているのですが、そのページの中で、ページのトップに戻る時、滑らかにスムースに戻る動きを実現するために、「jquery」の「jquery-1.4.2.min.js」と「jquery.page-scroller-306.js」を使用しています。この時点では、エラーなく動作していたのですが、新たに、サイドメニューの箇所で「アコーディオンのように滑らかに開閉するメニュー」を導入しようと、http://hyper-text.org/archives/2006/12/slide_menu_javascript.shtml のページにある例を参考にして、3つのjsファイル(slidemenu.js)、(prototype.js)、(effects.js)を追加し、なんとか動作確認に成功しましたが、今度はページをトップにスムースに戻る動きができなくなってしまい、左下に「実行しましたが、ページでエラーが発生しました」とエラーが出てしまいます。そのエラーの詳細は「'undefined'は Nullまたはオブジェクトではありません」 「jquery-1.4.2.min.js コード0 」「文字26」というような感じです。つまり片方動作すれば、片方動作せずの状態です。 このエラーを解消する方法はございますでしょうか?アドバイスよろしくお願い致します。

  • FlashのActionScriptでjavascript?

    質問するカテゴリーがここであっているのかよくわかりませんが、よろしくお願いします。 Flashの短い動きがあった後、一部をクリックすると新しいウィンドウが開くようになっています。 今回、そのリンク先を変えてくれとの依頼がきました。 そのクリックする部分のActionScriptをみたところ、 on (release){ getUrl("javascript:OpenNewWindow(3)"); } となっていました。 これはジャバスクリプトを読んでいるということなのでしょうか? もしそうなら、そのジャバスクリプト自体にはどうすればたどりつけますか?

    • ベストアンサー
    • Flash
  • プラグインやJavaScriptの設定を判断できないですか?

    はじめまして。 最近、PHPでのサイト構築を始めたものです。 よく、いろんなサイトでブラウザの種別を判断して、決められたページにジャンプするものがあります。たいてい、JavaScriptで書かれていますが、それをPHPでやりたいと思っています。 したいことは、 1.指定されたブラウザとそれ以外で違うページにジャンプする 2.Flashプラグイン・プレーヤーのインストール状況により、違うページにジャンプする 3.JavaScriptのオン・オフにより、違うページにジャンプする です。 1.については、PHPでできました。 2.と3.については、それぞれJavaScriptを使ったりすればできますが、すべてをPHPでしたいと考えています。 可能でしょうか? 可能であれば、アドバイスのほうをよろしくお願いします。

    • ベストアンサー
    • PHP
  • javascriptでなめらかなプルダウンメニューを

    javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを 作成するのは出来るのでしょうか。 色々と調べてはいるのですが、下記サイトのサンプルのように クリックして直ぐにサブメニューが表示される、という方法は見つけられても 滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻る うまい表現方法が見つからず分りづらい質問となってしまいましたが アドバイスをいただけると助かります。宜しくお願いします。