質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

アップロード

アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

AR(Augmented Reality)

AR(Augmented Reality)とは、拡張現実のことです。人が認識する現実の環境で視覚・聴覚などの知覚が感知する情報をコンピュータで拡張する技術、もしくはその環境そのものを表す言葉です。

受付中

アップロードから体験までできるWebARをつくりたい

zzzoff
zzzoff

総合スコア0

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

アップロード

アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

AR(Augmented Reality)

AR(Augmented Reality)とは、拡張現実のことです。人が認識する現実の環境で視覚・聴覚などの知覚が感知する情報をコンピュータで拡張する技術、もしくはその環境そのものを表す言葉です。

0回答

0リアクション

0クリップ

486閲覧

投稿2021/11/27 03:22

前提・実現したいこと

現状

WebARを利用したサイトをVisual Studio CodeとCyberduckを利用し制作しています。
現状、下記のソースコードを書き。test.phpではファイルのサイズ指定などはできていませんが、アップロードする機能自体を作成し、固有の名前+Datetimeのファイルネームがアップロードできます。index.phpではアップロードされた際の処理と、WebARのシステムがお粗末ではありますができていると思っています。WebARはマーカーであるpattファイル+モデルのglbファイルを指定してあげるとARとしての機能ができることは確認済み。

理想

完成形として、初めにアップロードが出る→次にアップロード完了とWebARが利用できるURLの表示→WebARサイトへの遷移→最後にWebARの利用が可能を理想としています。
問題点・解決したい点
・WebARのプログラム以前の問題な気がするので、他の部分を知りたい。
・どのように考えればいいかわからない
URLのあたりがこんがらがっており、移したいサイトはWebAR。だが、アップロードしたファイルをどのようにし何をするべきかわからない。アイディアが思いつかない。
・DateTime
現在複数のユーザーが短時間にアップロードした際の対策として、ファイルネームを固定の名前+DateTimeを利用して被らないようにしています。ですが、WebARのhtml側でアップロードしたファイルを利用したいと考えています。その際DateTimeの値を使いa-assetsのsrcとa-markerのurlとしてつかえるようにするためにはどうしたらいいのでしょうか。

最後に

現状アイディア的な部分が全然思い浮かびません。完成形に向けてどうゆう風に進めていくべきなのかをどうゆう風にできるのか、頭が固く八方ふさがりです。完成形のプログラムからアイディアまで些細ことでも教えていただければ幸いです。よろしくお願いします。

test.php(html)

php

<?php ?> <!DOCTYPE html> <html lang="ja"> <head> </head> <body> <form action="index.php" method="post" enctype="multipart/form-data"> <div> <h4>マーカーアップロード</h4> <input id="marker" type="file" name="marker"> </div> <div> <h4>モデルアップロード</h4> <input id="model" type="file" name="model"> </div> <br> <button type="submit" id="btn" name="btn">送信する</button> </form> </body> </html>

index.php(php+html)

php

<?php $date = new DateTime('now'); $id = $date->format('U'); $markerfile = $_FILES["marker"]["tmp_name"]; $markername = './' ."MARKER"; $modelfile = $_FILES["model"]["tmp_name"]; $modelname = './' ."MODEL"; if(is_uploaded_file($markerfile)) { if(move_uploaded_file($markerfile,"Marker/" .$markername .$id)) { echo $markerfile."をアップロードしました。"; } else { echo"ファイルをアップロードできません。"; } if(move_uploaded_file($modelfile,"Model/" .$modelname .$id)) { echo $modelfile."をアップロードしました。"; } else { echo"ファイルをアップロードできません。"; } } isset($id) { echo"https://webar.tn-lab.com/training/5/test.php" } ?> <html> <input type="hidden" name="number" value="$id"> <head> <!-- A-Frame --> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> <!-- AR.js --> <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script> <!-- gltfのアニメーション用 --> <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.1/dist/aframe-extras.min.js"></script> </head> <a-scene embedded arjs="debugUIEnabled: false" vr-mode-ui="enabled: false"> <a-assets> <!-- 3Dモデル --> <a-asset-item id="model" src=""></a-asset-item> </a-assets> <!-- マーカーの指定 --> <a-marker type="pattern" url=""> <!-- 3Dモデルを表示 --> <a-entity gltf-model="#model" scale="0.1 0.1 0.1" animation-mixer></a-entity> </a-marker> <a-entity camera></a-entity> </a-scene> </html>

補足情報(FW/ツールのバージョンなど)

・VisualStudioCode
・Cyberduck
・Windows

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

m.ts10806

2021/11/27 03:24

「アップロードされた画像を表示」あたりから検証しては
1T2R3M4

2021/11/27 07:04

焦らず要件ひとつづつ学習していけばいいのでは。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

アップロード

アップロードは特定のファイルをウェブサーバに送るプロセスのことを指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

AR(Augmented Reality)

AR(Augmented Reality)とは、拡張現実のことです。人が認識する現実の環境で視覚・聴覚などの知覚が感知する情報をコンピュータで拡張する技術、もしくはその環境そのものを表す言葉です。