HTML,CSS,JAVAscript詳しい人きてほしい

[0001 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:42:58.790 ID:tmkFuZJz0]

発車標シミュレータでググると下記のようなページがヒットする。※URLが貼れない

発車標シミュレーター - 鉄道駅の発車案内板(LED電光掲示板/ディスプレイ)を忠実に再現

この駅の電光掲示板のシミュレータをOBS STUDIOって配信ソフトで表示させたいんだけど、どういう風にやればいいかがわからない…。

わかる方教えてくれませぬか。

[0002 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:43:43.771 ID:TVsc5IVf0]

わからん

[0003 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:43:46.376 ID:tmkFuZJz0]

まずこのシミュレーターのダウンロードってどうやるんだろ。ブラウザでソースを表示してコピー？

[0004 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:44:12.480 ID:TVsc5IVf0]

わからん

[0005 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:44:48.805 ID:tmkFuZJz0]

あげ

[0006 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:45:07.945 ID:tmkFuZJz0]

あげげ

[0007 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:45:14.281 ID:tmkFuZJz0]

あげげげ

[0008 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:45:39.699 ID:WRiyslnZ0]

これをそのまま表示させたいならブラウザ取り込んで表示したらいいんじゃないの？

[0009 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:45:49.667 ID:tmkFuZJz0]

OBSでCSSを表示？する機能はあるっぽいんだけども…

[0010 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:46:03.156 ID:xrXj9Scz0]

エスパーするけどコード書くとか関係なさそう？
DLしたシミュレータで好きな内容表示させてobsでウインドウキャプチャするだけじゃないの？

[0011 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:46:25.536 ID:tmkFuZJz0]

>>8
レスありがとう。

このサイト開いたまんまそれを映すみたいな感じか！

[0012 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:46:26.592 ID:/c8SJzLa0]

iframeタグ

[0013 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:47:23.863 ID:tmkFuZJz0]

>>10
そうみたいだけど、自信がない…。youtubeで既にこれを表示した鉄道ライブカメラがあるんだけど…。

[0014 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:47:43.953 ID:o9Sio27m0]

プログラムする前にデータがないことには何もはじめられないから
鉄道駅の時刻表を地道にjson化するところから着手したらいいんじゃね？

[0015 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:47:46.554 ID:hzmsDB/I0]

ふつうにブラウザで開いてそれを配信すればいいやん

[0016 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:48:09.291 ID:WRiyslnZ0]

どのみち実行するのにブラウザ通す必要があるから改変したいとかじゃなければダウンロードする必要はない

[0017 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:48:13.594 ID:tmkFuZJz0]

大阪環状線ライブカメラって調べると出てくる。こういう風なので初めてみたいんだ。

[0018 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:48:15.399 ID:TnCjkc9t0]

obsでブラウザ配信

[0019 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:48:44.377 ID:tmkFuZJz0]

>>14
あとでやろうと思ってたけどそうか…加工しなきゃいけないか。

[0020 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:49:14.072 ID:VW0SvWj20]

バッタでJavaScript学び始めた人が来ました
なんのこっちゃ分からん(´･ω･ `)

[0021 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:49:24.010 ID:8ltaYjpI0]

立てるの何回目？

[0022 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:49:38.595 ID:tmkFuZJz0]

皆さんありがとう。

ブラウザで表示の方向でやること考える。

[0023 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:49:50.251 ID:tmkFuZJz0]

>>21
すまぬ2回目。

[0024 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:50:01.913 ID:VE+khriU0]

普通に配信すればいいだけじゃないの？

[0025 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:50:18.586 ID:tmkFuZJz0]

>>20
一ミリも学んだこと無いのじゃ…

[0026 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:51:44.174 ID:tmkFuZJz0]

ただこれブラウザで表示となると、次に来る電車って次々変わるから表示を切り替えていく仕組みが必要なのか…

[0027 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:52:02.166 ID:YdGmA+T40]

試しにデスクトップの画面配信してみればいいよ

[0028 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:52:22.278 ID:WRiyslnZ0]

実際の運行情報をリアルタイムに流したいなら下のフォームを自動更新するプログラムを作らんとだめか
でも表示方法はOBSでブラウザを取り込む形になるからそこは変わらんね

[0029 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:52:29.454 ID:tmkFuZJz0]

あ、表示させたいのは駅のホームにある次来る電車の時刻と行き先表示のやつなんだ。

[0030 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:53:25.402 ID:tmkFuZJz0]

>>28
やっぱそうか…。発注しないとアカン感じか。

そこはそのまんまだよね。ありがとう。

[0031 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:53:35.049 ID:o9Sio27m0]

ダイヤが乱れてるときも対応できるものを作る想定なの？

[0032 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:56:06.874 ID:YdGmA+T40]

このシミュレータって現在時刻を拾ってその時点のデータを表示してるんじゃね？
だったら指定時刻過ぎたら更新するようにすれば書き換わると思うんだが

[0033 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:56:31.742 ID:hzmsDB/I0]

まずそのサイトってリアルタイムのデータなの？

[0034 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:56:45.145 ID:tmkFuZJz0]

>>31
いやーそれ難しそうだから対応できないだろうと思ってた。

急に普段無い行き先とかになると無理だろうと。

[0035 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:57:43.624 ID:tmkFuZJz0]

>>32
えっそうなの？！

ブラウザのF5的な更新で行けるなら嬉しいけど、ちょっとみてみる。

[0036 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:57:44.280 ID:YdGmA+T40]

このシミュレータ自体はその都度ダイヤをランダム生成させてんじゃんね
>>1がしたいことって何なの？

[0037 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:57:57.465 ID:tmkFuZJz0]

>>33
まだわからない。考えてもなかった…。

[0038 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:58:21.786 ID:YdGmA+T40]

>>35
F5で更新されるけど全部ランダムだね
仮想ダイヤが出てくる感じ

[0039 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:58:57.076 ID:tmkFuZJz0]

>>36
家から電車がよく見えるから、ライブカメラ設置して、映像にOBSでこの発車標一緒に表示してみたいんだ。

[0040 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:59:17.488 ID:tmkFuZJz0]

>>38
試してくれてありがと。こっちもそうだった。

[0041 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:59:28.757 ID:o9Sio27m0]

特定の〇〇駅だけに対応したものを作るの？

それとも〇〇線〇〇駅ってセレクトボックスで選択したら
その駅のデータが見れるものを作りたいの？

その辺の仕様でデータの下準備の作業規模が変わったりすると思う

[0042 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 20:59:42.635 ID:DGNG7niC0]

全画面にすりゃええがな

[0043 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:00:43.754 ID:YdGmA+T40]

>>39
てことは、自宅から見えている路線の時刻表データを作って、都度それをフォームに書き込むjavascriptを書いたらいいと思うぞ

[0044 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:00:45.913 ID:tmkFuZJz0]

>>41
前者の一個だけの駅で考えてる。

大分違うよね。

[0045 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:01:49.530 ID:tmkFuZJz0]

>>43
なるほど…。javaはわかんないから、書ける人にお金払って誰かに作ってもらうかなぁ…

[0046 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:02:42.242 ID:WRiyslnZ0]

>>45
このプログラムにJava関係ないだろ

[0047 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:04:47.512 ID:YdGmA+T40]

>>45
javascriptじゃなくてもできるぞ
ブラウザ側に文字を送ったりすればいいだけだからPythonとかでも行けると思う

�@このサイトをそっくりローカルPCで動く環境にソースをコピーして、さらにフォーム内のデータを数分おきに変更できるjavascriptを組み込む
�AVBAなど外部プログラムからこのサイトが表示されている状態でフォームデータを書き換えるコードを作って定期実行する

この２つのアプローチが可能

[0048 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:05:34.490 ID:o9Sio27m0]

JavaとJavaScriptは文法も使い方も違うからねえ
インドとインドネシアでは使っている言語や風習、首都が違うのと同じで

[0049 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:05:40.212 ID:WRiyslnZ0]

https://qiita.com/hirohiroto522/items/6ff29be1344be805ecb0
運行情報取る方法はこんなのがある
Yahooが遅延に対応してればこれで十分かな
あとはJSONを取る仕組みとJSON流し込んだら表示されるようにJavaScript修正すれば行けるか

[0050 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:05:42.855 ID:tmkFuZJz0]

>>46
そうなの？なんにも知識無いからごめんね。

[0051 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:06:41.315 ID:tmkFuZJz0]

>>47
なるなる…。メモった。

[0052 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:07:56.996 ID:WRiyslnZ0]

ローカルで鯖建てなくてもJSって動くんだっけ
そういう使い方したことないから分からんけどサーバサイドプログラム以外は動くのかな

[0053 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:08:05.801 ID:tmkFuZJz0]

>>48
英語とロシア語みたいな違いなのかな。

[0054 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:08:35.269 ID:YdGmA+T40]

>>51
あとは詳しい人に相談だね
できるってことはわかったでしょ？
フォームにある１本目２本目３本目のデータを、実際の時刻表に合わせて書き換える、
そこを人力じゃなくてプログラム作ってしまえば、
家から見える電車と発車案内を組み合わせて動画配信できるね

[0055 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:08:55.957 ID:WRiyslnZ0]

>>53
名前が似てるだけでJavaとJavaScriptは別物ってことよ

[0056 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:09:40.032 ID:tmkFuZJz0]

>>49
えええ

こんなページ見つけれてくれてありがとう！ちょっとよく読んでみる。

[0057 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:10:25.586 ID:tmkFuZJz0]

>>54
よくわかりました。ご親切にどうもありがとう。

[0058 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:12:56.084 ID:tmkFuZJz0]

皆さん教えてくれてありがとうございましたm(__)m

ちょっと教えてもらったことをよく読んで、今後の方針決めたいと思う。

[0059 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:14:01.632 ID:WRiyslnZ0]

>>56
これ動かすにはサーバサイドプログラム（この記事だとPython）を動かせる環境がいるからね

[0060 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 21:54:41.368 ID:lO1OXFLg0]

JSでサーバレスするなら
Google Apps Scriptってのがお手軽だそ

[0061 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 22:05:04.897 ID:FrriGuyZ0]

フロント系やjsはあまり触らないけどGASだけはよく触ってる

[0062 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 22:07:15.518 ID:tmkFuZJz0]

>>59
わかった！pythonは別のプログラム動かすのに導入したから大丈夫だと思う。

[0063 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 22:07:37.953 ID:tmkFuZJz0]

>>60
ありがとう。メモっておくね

[0064 以下、5ちゃんねるからVIPがお送りします 2022/04/06(水) 22:09:23.003 ID:5YahQ7rF0]

1時間で作れそう