[html5] タグが付いた質問
HTML5 (HyperText Markup Language 5)とは、人間に読解が容易なセマンティックなコーディングを特徴とする、HTMLの5番目のバージョンである。HTML 4.xと比べ、より厳密な文章構造を要求する仕様となっている。また、article(記事)や、section(節)などの特別な意味を持つタグも追加されており、より「文書」としての意味付けを高度化させることが出来るようになっている。なお、ビデオ等のマルチメディアの再生・ドラッグ&ドロップ・オフライン処理等のAPIも追加されている。
286
質問
1
票
2
回答
834
閲覧数
HTML表示開始時にjavascriptを起動したりはできないのでしょうか。
Springboot MVCを勉強しています。
index.htmlをHTML5で用意し、コントローラークラスをjavaで用意しました。
■コントローラクラス
@RequestMapping(value = "/", method = RequestMethod.GET)
public ModelAndView index(ModelAndView mav) {
mav....
0
票
2
回答
8,628
閲覧数
HTML5でバイトデータをimgタグで表示したい
HTML5で下記のように画像が表示できることを確認できたのですが、
byteデータをimgタグで表示することは可能でしょうか。
<img src="img/testicon.png"/>
javaのコントローラークラス
@RequestMapping(value = "/", method = RequestMethod.GET)
public ModelAndView ...
3
票
2
回答
1,231
閲覧数
アイコンへのバッジ表示について
現在、Monacaを利用したスマホアプリ開発を行っており、アプリ内にある
一覧の未読件数をホーム画面のアイコンにバッジ表示させたいです。
ですが、アプリ内の画面ならわかりますがスマホのホーム画面のアイコンに
バッジ表示となると、どうやったらいいのか見当がつきません・・・
一応、LINEやメールでアイコンの右上に件数が出ているものがあるので
技術的に不可能ということは無いと思いますが・・・
また、...
0
票
2
回答
2,124
閲覧数
Monacaのinputタグからカメラを起動したい
カメラを呼び出して撮影した写真orギャラリから選択した写真をアップロードするツールを作っています。
スマホにインストールして動作確認中ですがandroidでの挙動が思ったようにいきません。
iPhoneの場合、ボタンをタップすると「写真またはビデオを取る」「フォトライブラリ」「その他」「キャンセル」が表示されます。
androidの場合「次から開く」というメニューが出て、「ドライブ」や「...
0
票
0
回答
1,046
閲覧数
objectタグで外部サイトを埋め込んだとき、iOSではスクロールができない
現在、Monacaを利用したスマホアプリ開発行っており、ページのいくつかは
アプリ内で外部サイトを閲覧できる必要があります。(外部ブラウザはNG)
その際、objectタグを利用して表示しておりますが
Androidだと正常に(スクロールしてページの一番最後まで)表示できるのですが
iPhoneだと最初に表示された以上の領域が表示できません。
途中で切れているので下へスクロールもできません。
...
0
票
1
回答
2,804
閲覧数
html5のcanvasを使って画像を読み込み、読み込んだ画像に装飾し、pngなどの形式で書きだしたい
js初心者です。
HTML5のcanvasを使って
読み込んだ画像に何かしらの装飾(fillTextなどで画像にテキストを描画)を行い、
canvasごとpngなどの形式で書き出したいと考えています。
しかし、下記エラーが出て上手く書き出せません。ご教示いただけますと幸いです。
Script from origin 'file://' has been blocked from loading ...
0
票
1
回答
1,102
閲覧数
Monaca/Onsen UI でDBの内容でons-list-itemを生成しても、一番最後の物しか表示されない
MonacaでonsenUIのons-list内のons-list-itemをDBから取得したデータで複数生成しようと考えています。
下のように記述しているのですが、ons-list-itemがJavascriptのfor文の最後の周回で取得した物しか生成されません。
初心者でわからないことだらけなので、助言していただければ大変ありがたいです。
よろしくお願いします。
index.html
&...
1
票
1
回答
1,071
閲覧数
Google Maps api v3を使ってプレイスライブラリを導入しようとしているのですがエラーがでます。
いろいろなサイトのサンプル参考にしているのですがエラーがでます。
apiブートストラップ URL の libraries パラメータでのライブラリの読み込みは書いています。その他にもapiが足りていないのか。やgoogleのリファレンスを読んで同じ書き方をしているのですがエラーが出ます。
エラー:Uncaught TypeError: Cannot read property '...
0
票
1
回答
669
閲覧数
videoタグのsrcやsourceにリダイレクトを返すURLを指定できるか?
videoタグのsrcに300などのリダイレクトで本来のビデオソースへのURLを返すURLをセットすることは可能でしょうか?もし可能であれば、CORSなど気をつけるべき点はあるでしょうか?
0
票
1
回答
377
閲覧数
monaca の localstorage で resources に載っているのに取得できない
monaca で localStorage を使用しているのですが、localStorage.setItem で保存し、
resources に表示されているデータを取得しようとしても、null が返ってきてしまいます。
setItem した直後に getItem にて console.logを確認すると、その時はlogに中身が表示されるのですが、...
1
票
1
回答
5,688
閲覧数
動画ファイルを新規に読み込み、すべてデータを読み込み終わってから再生を始めたい
ネットワークドライブに置いたexaple.mp4を新規に読み込み、
すべてデータを読み込み終わってから再生を始めたいです。
example.mp4は100MBくらいあり、index.htmとexample.mp4は
ネットワークドライブに置いてあります。
キャッシュを使わないように下記のように書いてみました。
<head>
<meta http-equiv="Pragma" ...
0
票
2
回答
1,706
閲覧数
サーバー(node.js)内の変数の値を、クライアント(javascript)の変数に格納したい
お世話になります。
node.jsで、heroku上にhttp"s"サーバー(httpサーバーでない)を実装しようとしています。
クライアント側は、monaca(html5+javascriptベース)で実装しようとしています。
下記のように使いたいと考えています。
1.クライアントからサーバーのURL(https)にアクセス。
2.クライアントの情報を元に、サーバーでトークン(文字列)...
3
票
0
回答
993
閲覧数
html5で画像をペーストできるエリアを作りたい
html5で、テキストエリアに画像をペーストできる枠を作ることはできますか?
iPhoneのメモ帳には画像をペーストできますが、あのようなイメージです
0
票
2
回答
531
閲覧数
require_once でどこまで呼び出すのが常識?
PHP5.6を使ってウェブサイトを作っています。
何回も使うパーツは、require_onceを使って呼び出せばいいということを学びました。
今はヘッダーとフッターを呼び出しているのですが、そこでふと思いました。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> ..........
...
2
票
3
回答
1,906
閲覧数
HTML5におけるdivとheader,main,footerの使い分け
HTML5を使ってウェブサイトを作っています。
mainタグやheader,footerタグを使おうと思っているのですが、有名なサイトをみると
<div id="header">
などとなっておりそれぞれのタグを使っていません。
どちらを使用するべきなのでしょうか。
教えて下さい。
0
票
1
回答
648
閲覧数
描画ツールをcanvasで実装するにあたり、図形の大きさを変更する方法について質問があります。
こういう描画ツールをwebブラウザ上で作成したいです。
https://dl.dropboxusercontent.com/u/429437/html5/seminar/05-draw-tool1.html
canvasタグを使ったやり方であることは理解しており、
予め、座標軸がわかっている(ユーザーが座標軸を設定しない)場合の描画の仕方までは理解しました。
http://...
1
票
1
回答
1,961
閲覧数
<input type="email"> バリデーションエラーの言語設定
ブラウザによりますが、メールアドレス入力欄にて
@がなかったり、@以降がなかったりすると
エラーが表示されますが、
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form method="post"&...
0
票
1
回答
45
閲覧数
Polymerのtemplate作成の際にimportするPolymer Elementについて
お世話になっております。
現在Polymer1.3を使用し、Web開発をしております。
そこで質問ですが、
独自Elementを定義する際にimportする
<link rel="import" href="/bower_components/polymer/polymer.html">
<link rel="import" href="/bower_components/...
0
票
1
回答
509
閲覧数
html5 videoの映像を引き延ばす
htmlの<video>の映像を引き延ばすにはどうすればいいのでしょうか?
min-widthなどを使って幅を伸ばすことはできますが、
そうすると<video>要素の横に透明な余白ができてしまい、縦横比が一定になってしまいます
どうすればいいのでしょうか?
(snippetは大きな画面で見てください、小さいとレイアウトが崩れます)
#container {
...
4
票
1
回答
2,576
閲覧数
AndroidアプリでWebviewからhtml5のvideoタグの再生
Androidアプリ上でWebViewを使い、ローカルにあるhtml5のコードを実行していますが、
videoがどうしても再生できません。
html5WebViewというのも使って見ましたが、ダメでした。
どなたか、html5のvideoをWebView上で再生する方法をご存知の方はいらっしゃいませんでしょうか?
videoはローカルに保存してあるものです。
Androidのバージョンは4....
0
票
1
回答
769
閲覧数
monacaのカメラプラグインを用いた際、一定条件下で、端末アルバムに保存できない。
大変お世話になります。
monacaのカメラプラグインで、
ーーーーーーーー
destinationType : Camera.DestinationType.DATA_URL
saveToPhotoAlbum : true
ーーーーーーーー
というオプションを「同時に」設定したところ、ipadでは無事端末のアルバムに保存できますが、Android(ASUS Zenfone5)...
0
票
1
回答
648
閲覧数
setDirections of undefinedというエラーが消えません。
こちらのサイト
http://wataame.sumomo.ne.jp/archives/6905
http://mizuame.sakura.ne.jp/blog_sample/googlemap/index6.html
を参考に、2点間のルートを検索できるアプリケーションを作っていたところ、下記のエラーが出ました。
cannot read property setDirections ...
0
票
0
回答
152
閲覧数
javascriptでevernoteアプリを開発していて、サンドボックス環境からプロダクション環境(本番環境)への移行ができない。トークンが取得できない。
お世話になります。
javascriptを用いて、evernoteアプリを開発しています。
サンドボックス環境ではきちんとトークンが取得できるのですが、プロダクション環境(本番環境)ではevernoteのトークンが取得できず、困っております。
具体的には、Evernoteのサイト(https://dev.evernote.com/intl/jp/doc/start/javascript....
1
票
1
回答
9,584
閲覧数
iosにてtextareaにフォーカスが入るとキーボードによってヘッダーが上にずれて見えなくなる
初心者です。お世話になります。開発環境Monacaです。AngularJsの勉強を兼ねてOnsenUiコンポーネントを用いつつ、入力した文字数がヘッダーに表示される簡単なメモ帳を作成しました(入力画面のみ)。
しかしiphone(ios9.2)で確認したところ、textareaにフォーカスが入ると、表示されたキーボードによってヘッダー部分が上方にずれてしまいます。
...
0
票
1
回答
215
閲覧数
google maps api V3でマーカー上のインフォウィンドにボタンを作る方法を教えてください
google map apiでwebアプリケーションを作成しています。プレイスライブラリで一定範囲内を検索し、検索にヒットしたものでルート検索で自分だけの道順を作れるアプリを開発しようと思っています。
そこでマーカー上に表示されるインフォウィンドにボタンを追加して、中継地点として登録したいと思っているのですがインフォウィンドにボタンを追加する方法が見つかりません。
...
2
票
1
回答
5,832
閲覧数
getimageDataを使ってもローカル環境だと画像が上手く読み込めません
今回、ページを開いた際にグレースケールの画像をcanvasに書き出し、そこにマウスを乗せると徐々にカラーがつく、という仕様のギャラリーページ(もどき)をつくってみました。
すると、下記の部分にエラーが出ました。
調べてみたところ、ローカル環境ではChromeとOperaにおいて同様のエラーが出るとのこと。
解決策はサーバー環境をMAMPなどで立ち上げることだそうで、...
0
票
1
回答
1,637
閲覧数
google画像検索ではどのように画像を送信しているのですか
google画像検索で画像をアップロードすると同じ画像や類似画像を検索することができますが、どのようのGoogleのサーバーにアップロードされているのでしょうか。
get送信はURLに情報を加えるため大きなサイズのファイルは送信できないと思っていました。
そこでgoogle画像検索のページのソースコードを見たのですが、POST送信の記述は確認できませんでした。
HTMLにお詳しい方、...
0
票
1
回答
1,399
閲覧数
Javascriptでのバイナリファイルの取り扱い方(バイナリファイルのmd5ハッシュ(16進)を作りたい)
お世話になります。
monacaを使って、HTML5+Javascriptベースのevernoteアプリを開発しています。
しかし、画像をevernoteに投稿するための昨日の実装ができず、詰まっている状況です。
ウェブでまる1日情報を探しましたが、恥ずかしながらいまだ解決できていません。
背景は下記になります。
【1.使用する画像データ】
monacaのカメラプラグインの使用で、...
2
票
1
回答
5,925
閲覧数
ドラッグ&ドロップで取得したファイルをinput type=fileに渡したい(chrome/firefox/ie)
既存のファイルアップロード機能にドラッグ&ドロップによるアップロード機能を追加したいと考えています。
既存がinput type=fileでファイルを選択した後にsubmit押下でアップロードしているので
ファイル選択の部分だけドラッグ&ドロップに変えたいのですが、
Chromeなら
$('input[type=file]')[0].files[0] = e.datatransfer....
-3
票
1
回答
602
閲覧数
Inappbrowserの表示について
Inappbrowserを使う際、以下のような実装方法がわかりません。
是非、ご教授頂ければと思います。
・下層面のヘッダー部分を残した表示方法
・表示した後、アプリ側で用意したフッターを表示する方法
アプリ内ブラウザである事をユーザに伝えるには、上記のような工夫が不可欠かと思います。
例えば、リンク集の特定サイトをクリックした際、アプリ内ブラウザで表示する際、...
0
票
1
回答
217
閲覧数
metaタグviewportのwidth=device-960pxはどういった効果があるのでしょうか?
http://ichimaruni-design.com/2015/01/viewport/
<meta name="viewport" content="width=device-960px">
上記サイトでViewportのwidthにdevice-960pxを指定しています。
これはどういった効果があるのでしょうか。
-3
票
1
回答
235
閲覧数
TODOリストの値がクリアされない、ストップウォッチが表示されない
お世話になります。よろしくお願いいたします。
Monacaで日々の運動記録を作ろうと思っています。
http://docs.monaca.mobi/cur/ja/sampleapp/samples/todo/
新規作成し、TODOリストを読み込みました。
そのまま携帯と連携して動作させたところ、
Addした後のデータがクリアされず、
前回の値が保持されたままになってしまっています。
これは、...
-1
票
1
回答
454
閲覧数
メモ帳のサンプルにOnsenUIでタブを追加したい
お世話になります。
メモ帳のサンプルに、タブのサンプル機能を追加したいと思っております。
<ons-tabbar>
<ons-tab icon="home" label="Home" page="StopWatch.html" active="true"></ons-tab>
<ons-tab icon="comment" label="...
0
票
1
回答
784
閲覧数
一覧ページから詳細ページへデータを渡したい
monaca.pushPageを使いデータを次のページへ渡したいです。
現状、jsonからデータを引張てきてそれをリスト表示させるところまではできているのですが、
for文内にある関数(showDetail)にjsonから取得したデータをいれ、それを次のページ(詳細ページ)に飛ばすところでつまずいております。
リンクを押しても画面が一瞬真っ白になった後、...
1
票
1
回答
182
閲覧数
MediaStreamAudioSourceNode を複製する理由
Railsでマイク入力を録音したいのでまずrecorderjsを使ったサンプルAudioRecorderのサンプルを確認して、次にAudioRecorderのmain.jsののソースを読もうとしてるのですが、HTML5のAudioContextを全く知らないため読み進めても行けない状態です。
最低限recorderjsにマイクから録音したデータを流すだけの理解が欲しい状態です。
https://...
1
票
1
回答
4,657
閲覧数
html2canvasでキャプチャした画像が空になる
html2Canvasの DOMを画像に書き出す方法 を参考にさせていただき、コードを書いたのですが、
スクリーンショットを撮るボタンを押しても、空の画像ファイルが生成されるだけです。
クリアボタンも効きません...。
私が、ターゲットとなるdivの中で、img srcにphp変数を使用しているからなのでしょうか?
しかしローカルファイルに置換してもダメでした。
<div id="...
1
票
1
回答
351
閲覧数
monacaでテンプレート上でjavascriptが効かない
monacaのテンプレート「Onsen UI Sliding Menu」を編集しているのですが、[PAGE2.html]に埋め込みのjavascriptを記載したのですが動作しません。index.html内では動作しますので何が原因なのかわからない状態です。お助けお願い致します。
<script>
alert("アラート");
</script>
1
票
1
回答
1,764
閲覧数
HLSでのストリーミングを先頭から再生したい
HLS(http live streaming)で動画を配信する時、m3u8ファイルが更新中だとライブストリーミングになるのを阻止できないでしょうか。常に先頭から再生したいです。何か解決策はありますか?手段はサーバサイドでもクライアントサイドでも構いません。
4
票
4
回答
2,114
閲覧数
JavaScriptでライブラリを使わずにカメラのフラッシュのようなアニメーションをする
JavaScript, html, cssでカメラのフラッシュのようなアニメーションをしたいと思っています。
buttonを押したときに画面全体を一瞬だけ白く光らせるにはどうすればいいのでしょうか?
jQueryなどを使えばできるようですが、学習のため、ライブラリを使わずに実現したいと考えています。
<!DOCTYPE html>
<html lang="ja">
...
3
票
1
回答
1,274
閲覧数
monacaで設置されているグーグルマップアプリを開く方法
monacaでアンドロイドとIOS両方を支援するハイブリッドアプリを開発しています。
リンクを押すと現在地と目的地の座標を渡して設置されているグーグルマップが開かれるようにし、渡された座標でグーグルマップのナビが実行されるようにしたいんです。
現在は
window.open('http://maps.google.com/maps?saddr=' + start
+ '&daddr='...
0
票
1
回答
88
閲覧数
Cannot display HTML5 created by Google Swiffy on Samsung Galaxy series
I created HTML5 animation by Google Swiffy.
And tryed displaying on Browser with Samsung GalaxyS3(Android4.0) and other Galaxy series, but it was not displayed.
There was no problem in the other ...
3
票
1
回答
1,639
閲覧数
monacaでローカルにテキストドキュメント(.txt)を残しそれを読み書きしたいです。
monacaにサンプルでメモアプリがありますが、ローカル(ios上)にテキストドキュメントを残していないようなのでファイルをFileRead/Writeするような形でメモアプリを作成したいです。
htmlは
<textarea id="text" placeholder="テキストを入力してください。"></textarea>
<br />
<...
2
票
2
回答
1,885
閲覧数
Safariでmp3ファイルの一時停止再生がうまくできない
html5のaudioを使って、ブラウザ上で音声ファイルを再生するプログラムを作成しております。
複数ファイルを連続して再生する必要があるため、ファイルを結合し、ブラウザで読み込ませていますが、safariで一時停止からの再生が正常に動作しない事象が発生しました。
mp3ファイルの結合は、単純結合(下記linuxコマンド)にて作成しております。
$ cat a.mp3 b.mp3 > c....
-1
票
1
回答
924
閲覧数
monacaにおけるonsen-uiのタブバーを用いたときのcssやjavascriptの有効について。
はじめまして。プログラミングを初めて3日目です。javascriptでゲームを作りたいです。(tmlib.jsフレームワークを使いたいです。)
monacaに登録し、onsen-uiのタブバーとスライディングバーのテンプレートを組み合わせてページ遷移を行うことが出来ました。
しかし、ページ遷移後にcssやjavascriptが実行できず困っています。
リンクを作り、person.html(...
1
票
1
回答
942
閲覧数
Canvasの画像にフィルターを掛けたい
こちらのサイトを参考にfilterで画像を編集できるボタンを作っています。
var can = $("#drawarea")[0];
var context = can.getContext("2d");
$("#select").on("change",function(){
var fileList = this.files ;
if( 1 > ...
1
票
1
回答
358
閲覧数
filter cssで編集した画像を編集したままの状態でダウンロードしたい
var can = $("#drawarea")[0];
var context = can.getContext("2d");
$("#select").on("change", function() {
var fileList = this.files;
if (1 > fileList.length) {
return false;
}
...
2
票
2
回答
1万
閲覧数
datatablesの検索機能で、検索する列の指定をしたいです
datatebles ver1.10.5 を使用しており、
検索機能で検索する列の指定をしたいのですが方法が分かりません。
分かる方がいましたらご教授をお願いします。
使用しているdatatablesのダウンロードページです。
http://datatables.net/download/
2
票
1
回答
3,748
閲覧数
iPhoneでvideoのサムネイルを表示させる方法
MonacaクラウドでiPhone向けのアプリを試作中です。
cordovaのcaptureVideoを使って取得した動画を、標準アプリの写真のように
動画のカットをサムネイル表示させクリックすると再生させたいと思っています。
表示される動画のカットは1フレーム目などで構いません。
外部サイトに動画を送信せず、ローカルだけで処理したいと考えています。
...
8
票
1
回答
8,839
閲覧数
htmlで背景画像だけを全体的にぼかす
htmlで背景画像だけを全体的にぼかすにはどうすればいいのでしょうか?
filterのblurを使うことはわかるのですが、下のcssのようにbodyの中に
filter: blur(5px);と書くと、body内のすべての要素にblurがかかってしまいます。
背景画像だけにblurをしたいのですがどうすればいいのでしょうか?
<!DOCTYPE html>
<html>
...
1
票
1
回答
1,542
閲覧数
<送信>ボタンで、入力フォームのデータをサーバー(または、メール)に送信したいがエラーになる
よくある画面で、入力フォームで入力したデータを<送信>ボタンにより送信したいのですが、実機でデバックすると、「ネットワークエラーが発生しました。(file:///data/data/mobi.monaca.debugger/file/projects/cloud/・・・/www/mail.php)」というエラーメッセージが出ます。何か設定したりするところは、ありますか?無料版ではできませんか?
(...