全3898件中101～120件表示
  • canvasで手軽に図形を描く方法

    canvasで手軽に図形を描く手法を教えてください。 とりあえずJavaScriptを手書きでコリコリ書く方法はわかります。ただこの方法だと、少し書いて保存してブラウザで確認、値を修正して保存してまた確認、という原始的な方法をとらなければならず面倒です。 世の中にはイメージをGUIで描画し、JavaScriptのコードが作成できる方法があるのではないか、むしろないとおかしいと思い少し探してみたのですが見つかりませんでした。 特に以下のサイトで挙がっている様なアニメーション付のすごいサンプルは、すべてを手書きで書いたなどとはとても思えません。 canvas - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/tag/canvas?search_order=favorite canvasで手軽に図形を描く手法を教えてください。特にGUIのツールの紹介など。 よろしくお願いします。

  • canvasで手軽に図形を描く方法

    canvasで手軽に図形を描く手法を教えてください。 とりあえずJavaScriptを手書きでコリコリ書く方法はわかります。ただこの方法だと、少し書いて保存してブラウザで確認、値を修正して保存してまた確認、という原始的な方法をとらなければならず面倒です。 世の中にはイメージをGUIで描画し、JavaScriptのコードが作成できる方法があるのではないか、むしろないとおかしいと思い少し探してみたのですが見つかりませんでした。 特に以下のサイトで挙がっている様なアニメーション付のすごいサンプルは、すべてを手書きで書いたなどとはとても思えません。 canvas - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/tag/canvas?search_order=favorite canvasで手軽に図形を描く手法を教えてください。特にGUIのツールの紹介など。 よろしくお願いします。

  • js/jqueyでサイトのエラーを取得するには

    chromeでデベロッパーツールを開いた時にエラーやワーニングの数が出ると思いますが、 その数をjqueryやjavascriptで扱いたいのですが取得する方法はあるのでしょうか？ サイトに埋め込むのではなく、ブックマークレットとして使えるようなものだと嬉しいです。 またページの読み込みにかかった時間なども取得したいのですが、可能でしょうか。 よろしくお願いします。

  • javascriptで困ってます

    下記のスクリプトでcanvas上で四角を動かすアニメーションをさせたのですが、andoroidに標準のブラウザで見ると、最初の位置に四角が残ってしまいます。この残ってしまう四角を消したたいのですが、どのようにしたらよいのでしょうか、教えてください。よろしくお願いします。 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>canvasアニメーション</title> <script type="text/javascript"> // <![CDATA[ window.onload = function(){ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "#ffffff"; var point = {x:0,y:0}; var par = {x:3,y:3}; var timer; var delay = 100; function draw(x,y){ ctx.clearRect(0,0,600,600); ctx.fillRect(x,y,50,50); } var loop = function(){ point.x = point.x + par.x; point.y = point.y + par.y; draw(point.x,point.y); clearTimeout(timer); timer = setTimeout(loop,delay); } loop(); } // ]]> </script> <style type="text/css" media="screen"> /* <![CDATA[ */ body{ background-color:#000000; } /* ]]> */ </style> </head> <body> <canvas id="canvas" width="600" height="600"></canvas> </body> </html>

  • 【学生の方へ】プログラミング言語は何を習っています

    アンケート的な質問で大変恐縮ですが、 高校生～大学生、大学院生の方に質問させてください。 プログラミング言語は何を習っていますでしょうか？ １．プログラミング言語 ２．扱っているパソコンのOS ３．使っているエディタ ４．差し支えなければ学年 を教えて頂けないでしょうか？ ちなみに私はCでした。（C++ではなくタダのCです） 目的は今後のプログラム言語の需要を測るためです。 宜しくお願い致します。

  • 軽くてお勧めのタブブラウザは？

    軽くて、使いやすいタブブラウザを薦めてもらえますか？ WindowsVista で Sleipnir4 を使ってますが、重くて仕方ありません。 ・ 一度に20個くらいタブを開くことがある ・ RoboForm を使ってる ・ お気に入りはフォルダで管理したい タスクマネージャでプロセスを見ると、chrome.exe 等 Sleipnir だけで相当のメモリを使ってます。なので、もっと軽くて使いやすいものはないか、と思ってます。（もう10年ほど Sleipnir を使ってます） よろしくお願いします。

  • initMouseEventの使い方がわかりません

    initMouseEventについて教えて下さい。 JavaScriptで、自動操作をしたくて色々調べていました。 initMouseEventというやつを使えば自動でクリックしてくれるみたいですが、使い方がよくわかりません。 やりたいことは、 他人のサイトのリンク項目の自動クリックです。 例えば、自サイトにa.htmlを作り、そのページを開いたらhttp://oshiete.goo.ne.jp/のログアウトリンクの左にある「◯◯◯さん」のリンクをクリックするというような事がしたいです。 人によって名前がちがいますが、誰がコード実行しても自分のページに飛べるような事がしたいです。 自分では全く書けないので、出来ましたらソースを書いていただけるとありがたいです。 よろしくお願いします。 http://okwave.jp/qa/q5609692.html ↑このコードをそっくり自サイトに書いてやってみましたが無反応でした。

  • initMouseEventの使い方がわかりません

    initMouseEventについて教えて下さい。 JavaScriptで、自動操作をしたくて色々調べていました。 initMouseEventというやつを使えば自動でクリックしてくれるみたいですが、使い方がよくわかりません。 やりたいことは、 他人のサイトのリンク項目の自動クリックです。 例えば、自サイトにa.htmlを作り、そのページを開いたらhttp://oshiete.goo.ne.jp/のログアウトリンクの左にある「◯◯◯さん」のリンクをクリックするというような事がしたいです。 人によって名前がちがいますが、誰がコード実行しても自分のページに飛べるような事がしたいです。 自分では全く書けないので、出来ましたらソースを書いていただけるとありがたいです。 よろしくお願いします。 http://okwave.jp/qa/q5609692.html ↑このコードをそっくり自サイトに書いてやってみましたが無反応でした。

  • initMouseEventの使い方がわかりません

    initMouseEventについて教えて下さい。 JavaScriptで、自動操作をしたくて色々調べていました。 initMouseEventというやつを使えば自動でクリックしてくれるみたいですが、使い方がよくわかりません。 やりたいことは、 他人のサイトのリンク項目の自動クリックです。 例えば、自サイトにa.htmlを作り、そのページを開いたらhttp://oshiete.goo.ne.jp/のログアウトリンクの左にある「◯◯◯さん」のリンクをクリックするというような事がしたいです。 人によって名前がちがいますが、誰がコード実行しても自分のページに飛べるような事がしたいです。 自分では全く書けないので、出来ましたらソースを書いていただけるとありがたいです。 よろしくお願いします。 http://okwave.jp/qa/q5609692.html ↑このコードをそっくり自サイトに書いてやってみましたが無反応でした。

  • タイプスクリプト

    コンパイルしてJavaScriptを、生成すると日経PCに書かれていました。それ以外はあまり理解できませんでした。 タイプスクリプトで作ったクラスやネームスペースはどうなってしまうのでしょうか？

  • javascript phonegapで困ってます

    いろいろ調べながらPCでwebカメラを使って、videoタグにカメラ映像を映すことができたので（下記コード）、これをmonacaでビルドすると、ブラウザーがカメラ未対応とでます。navigator.getUserMediaに対応してるのが、FireFoxとChrome、operaなどなので当然の結果かと そこでhtmlとjavascriptをphonegapでビルドして、スマホのカメラの映像をvideoタグに映し出したいのですが、phonegap capture apiのnavigator.device.capture.captureVideo(captureSuccess, captureError, options);あたりを調べてもよくわからなかったので、質問させていただきました。よろしくお願いします。 html-------------------------- <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>カメラテスト</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <article> <video id="video" autoplay></video> <section> <button id="start">Start</button> <button id="stop">Stop</button> </section> </article> <script type="text/javascript" src="index.js"></script> </body> </html> js----------------------------------------------------- navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; window.URL = window.URL || window.webkitURL; if (!navigator.getUserMedia) { alert("カメラ未対応のブラウザです。"); } // 変数 var video = document.getElementById("video"), btnStart = document.getElementById("start"), btnStop = document.getElementById("stop"), videoObj = { video: true, audio: true }; btnStart.addEventListener("click", function() { var localMediaStream; if (navigator.getUserMedia) { navigator.getUserMedia(videoObj, function(stream) { localMediaStream = stream; video.src = window.URL.createObjectURL(localMediaStream); }, function(error) { console.error("getUserMedia error: ", error.code); }); btnStop.addEventListener("click", function() { localMediaStream.stop(); }); } }); css------------------------- video { width: 320px; height: 240px; } button { width: 80px; height: 30px; font-size: 20px; text-align: center; vertical-align: center; }

  • jQueryはインタラクションの対象としてcss

    jQueryはインタラクションの対象としてcssが利用できるからです。例えば最初に紹介した以下のjQueryのサンプルですが、対象を指定する「#test」はcssと共通で、id属性がtestの要素という意味になります。 $("#test").text("hello world!"); jQueryはインタラクションの対象としてcssが利用できる、とは、どういう意味でしょうか？ インタラクション？ よろしくお願いします。

  • CSSでfloatした要素の高さを100%にしたい

    はじめまして。 下記のコードは、HTMLファイルで<head>内に<style>を設けて、そこでCSSを操作しています。 この中で<section>が一か所あるのですが、この要素を一番したの<footer>まで届かせたいのですが、hight: 100%, min-height:100%などにしても言うことを聞いてくれません。　heightを極端に大きくすれば<footer>まで届きますが、それ以外にCSSを使ってきちんとアジャストする方法があれば、ご教授いただければ幸いです。 以下コードです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> html { height: 100%; } body { height: 100%; margin: 0; position: relative; } #root { background: #ccc; min-height: 100%; width: 100%; } header { background: red; height: 30px; width: 100%; } nav { background: gray; float: left; width: 20%; height: 400px; } section { background: green; float: left; width: 70%; min-height: 100%; /** <----- なぜか下まで行かない **/ padding: 60px 0; } footer { background: blue; height: 200px; width: 100%; position: absolute; bottom: -25px; left: 0; margin: 0; } </style> </head> <body> <div id="root"> <header>header</header> <nav>nav</nav> <section>section</section> <footer>footer</footer> </div> </body> </html> 

    • ベストアンサー
    • seki4
    • CSS
    • 回答数3
  • Wordpressについて質問です。

    現在、Wordpress　のレスポンシブデザインのテーマを利用しています。 その中のある固定ページで、tableを使った表を記述したのですが、スマートフォンなどのデバイスでは、文字がきれいに表示されません。tablepressというプラグインも使ってみたのですが、やはり文字はきれいに入りません。 そこで質問なのですが、レスポンシブデザインで、特定のページだけすべてのデバイスでＰＣと同じように表示をしたいのですが、どうすればよろしいでしょうか？ 私は、html、ＣＳＳやＰＨＰはほぼ素人ですので、できるだけシンプルな方法があれば助かります。 よろしくお願いいたします。

    • ベストアンサー
    • danchi86
    • CSS
    • 回答数3
  • あるサイトにあるページを全て取得したいのですが

    こんにちは。質問があります。（少し長文になると思います） 私はとあるサイト（データベースを利用した情報系サイト）をよく利用しているのですが、 このサイトは例えば花などの情報をまとめてあるサイトとして、 4000件程度の花が登録されていて、クライアントのボタン一つで「育てやすさ」「何月から栽培 できる」「人気がある」など画像付で並び替えができるサイトとします。（このサイトをＢサイトとします） さらに並び替えた画像をクリックすると「専用ページ」に飛んで詳しい育て方や実際育てている 写真などが掲載されています。（さらにはその花の命名者など数多くの情報が登録されていて 非常に有用なサイトです） 私はそのＢサイトの並び替えなどのシステムがとても使いにくいためいつもイライラしていました。 （ページも非常に見にくいです） ならばいっそ自分で作ってしまおうと思い、初めてphpとmysqlを勉強してようやく最近完成しました。 作り方として 並び替えはデータベース内で行いphpで呼び出す形として、花の名前や値段、育て方や写真のパスなども全てデータベース に入れ、phpで文字などを出力させるというサイトにしました。（画像はサーバーに置いてあります。 データベースに今情報を入れているのですが種類が4000種類以上もあるためおそらく何年もかかると思いますが今は少しずつ入れています） それでアップロードしてとりあえず予定道理の動きはしているのですが、一つ困ったことがありまして 、文字情報を全てデータベースに入れているため検索にまったくひっかからないのです。 例えば　「チューリップ」「育て方」と検索しても私のサイトは絶対ひっかかりません。 これではせっかく作ったのに誰にも使ってもらえません。 しかし、そのＢサイトは「チューリップ」「育て方」と検索すると「チューリップの専用ページ」が検索にヒットします。 私も専用ページは設けていますが、そのページもデータベースから文字など全てphp出力なので検索にはひっかかりません。 Ｂサイトが検索にヒットするということは、ちゃんとhtml上にチューリップまたは育て方という文字が存在するということになると予想できるのですが・・4000以上もの内容の異なったhtmlのページがサーバー上に本当に存在しているのでしょうか・・。 そうでないと説明がつかないのでそういう結論に行き着いたのですが間違いないでしょうか・・？ そうすると私も一つ一つhtmlのページを作らなければならないのですが何年もかかる作業に なりそうなので、Ｂサイトが本当に4000ものページを持っているのか知りたいのですが、 相手のサーバーにあるページを全て取得する方法は存在するのでしょうか？

  • 英語ができるプログラマーに質問です

    私はビギナープログラマーです。 ネットで公開されているソースを参考にすることがすごく多いのですが、 英語はまったくダメなので日本語のサイトのみ参考にしています。しかし正解中のプログラマーの人口はたぶん英語がダントツなのではないかと思います。 とうことは、英語が堪能だと落ちているソースの数も膨れ上がりかなり大きなプラスになるのではないでしょうか？ 英語が堪能でも堪能じゃないプログラマーの方にも質問なのですが、 ・英語ができるとやはり有利でしょうか？ ・英語ができなくてもソースが公開されているページを探し出すコツなどありますか？ ・プログラマーとしての実力を上げるために英語の勉強も視野に入れるべきでしょうか？ よろしくおねがいします。

  • CGIをiframeで読み込んだ物に間隔を空けたい

    HTMLでホームページを作ってます。 ホームページの中にチャットを作ろうと思いCGIをDLし、HTMLの中にiframe文で読み込むことに成功しました。 その際、iframeで読み込むCGIが２つあり、画面が２つに別れてしまうのが嫌で、iframeをdivで囲み、 folat:leftで回り込ませ、最初のiframeの下に２つ目のiframeで読み込んだ物が来るようにしました。 これでいちお、成功したと思ってるのですが、 できればこれらを同じ間隔で中央に寄せたいのですが,marginで間隔を空けようとしても空くことができません。 他に方法が無いかと思い質問させていただきました。 下記プログラムです。　ちなみにCGIソース元はkentさんのところです。http://www.kent-web.com/chat/ <div id=sample1> <iframe name="form" src="./comchat.cgi?mode=form&nam=&eml=&col=&retime=40&line=20" width="900" height="200"></iframe> <iframe name="log" src="./comchat.cgi?retime=40&line=20" width="900" height="900"></iframe> </div> </body> sample1{ float:left: }

    • ベストアンサー
    • nomnom20
    • HTML
    • 回答数4
  • jqueryにおいて配列を繰り返す場合

    下記のようなコードをひとつにまとめることはできますか？よろしくおねがいします。 $('#prev').hover(function(){ 　$('body').css('right, '-50px'); }, function(){ 　$('body').css('right, '0px'); }); $('#next').hover(function(){ 　$('body').css('left, '-50px'); }, function(){ 　$('body').css('left, '0px'); });

  • jqueryにおいて配列を繰り返す場合

    下記のようなコードをひとつにまとめることはできますか？よろしくおねがいします。 $('#prev').hover(function(){ 　$('body').css('right, '-50px'); }, function(){ 　$('body').css('right, '0px'); }); $('#next').hover(function(){ 　$('body').css('left, '-50px'); }, function(){ 　$('body').css('left, '0px'); });

  • HTML5について

    現在MonacaでHTML5とCSS、JavaScriptを使って時間割表を作ろうと思ってます コードは <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="plugins/plugin-loader.js"></script> <link rel="stylesheet" href="plugins/plugin-loader.css"> <script> // Set virtual screen width size to 320 pixels monaca.viewport({width: 320}); // // TODO: Please edit your JavaScript code here // </script> </head> <body> <center> <a href="index.html">戻る</a> <table border="5"> <tr bgcolor="#1FD3DF"><th>時間</th><th>科目</th><th>教室</th><th>備考</th></tr> <tr><td width="20" height="80">1</td><td width="70"></td><td width="60"></td><td width="100"></td> <tr><td width="20" height="80">2</td><td width="70"></td><td width="60"></td><td width="100"></td> <tr><td width="20" height="80">3</td><td width="70"></td><td width="60"></td><td width="100"></td> <tr><td width="20" height="80">4</td><td width="70"></td><td width="60"></td><td width="100"></td> <tr><td width="20" height="80">5</td><td width="70"></td><td width="60"></td><td width="100"></td> </body> </html> です 理想では科目、教室、備考のところを自由に書き換え保存できるのが作りたいです <input>を使うとスマホのサイズ的に横にはみ出すし、Excelのようなものにしたいです どうすればよいのでしょうか？ご回答お願いします

活動履歴