JavaScriptで文字列を複数行に分けて記述する方法
長い文字列の場合、一行にズラズラ書いていると途中でウィンドウから見切れたり、折り返して見づらくなってしまいます。 文字列を複数行に分けて記述することで作業もしやすくなり、ソースコードの可読性も上がります。 …
長い文字列の場合、一行にズラズラ書いていると途中でウィンドウから見切れたり、折り返して見づらくなってしまいます。 文字列を複数行に分けて記述することで作業もしやすくなり、ソースコードの可読性も上がります。 …
Easy Pie Chartを使用するとアニメーションのついた見やすい円グラフを表示することができます。 Chart.jsと違って円グラフしか作ることができませんが、プロパティも少ないので学習コストは高くありません。 円…
いろいろなサイトを勉強のため、見回っていると文字列の表示で工夫をしているところが多かったので自分でも試してみました。 ボタンを押すと文字列が表示されます。 文字列を表示 [crayon-674f75e2169f84413…
JavaScriptのオブジェクトについて詰まったところのメモです。 JavaScriptはC++のようにプライベートとパブリックというプロパティがないので自分で意識して作成しなければいけないようです。 私が最初に詰まっ…
CSSを動的に変更する方法のメモです。
1 2 3 4 5 6 7 8 9 |
//設定している外部CSSのリンク <link id="css_link" href="####" rel="stylesheet" type="text/css"> //素のJavaScriptの場合 var css_link = document.getElementById("#css_link"); css_link.href="@@@@"; //リンク先を@@@@に変更 //JQueryの場合 $("#css_link").attr("href", "@@@@"); //リンク先を@@@@に変更 |
素のJavaScriptと違って、JQueryはattr(name, value)を使用しないとhrefのプロパテ…
macに内臓されているカメラを使用してHTMLに映像を出力してみる。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html> <head> <title>Webカメラ</title> </head> <body> <video id="video"></video> <script> var video = document.getElementById("video"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; navigator.webkitGetUserMedia({ video:true, audio:true },function(stream){ video.src = URL.createObjectURL(stream); video.play(); },function(error){ console.log(error); }); </script> </body> </html> |
ただ、firefoxではローカルでも動作するが、Chromeだとローカルでは動作しま…