アフィリエイト広告を利用しています
検索
プロフィール
かめ太さんの画像
かめ太
プロフィール
記事のカテゴリー
動画URLから埋め込みタグ生成
YouTube(10)
パソコン(222)
英語(8)
投資、お金(586)
生活(63)
test(9)
blog管理(4)
BGM(19)
国際情勢(6)
python(22)
不動産(18)
Access(3)
javascript(34)
Programming(107)
todo(2)
スマホアプリ(3)
web(10)
イラスト・デザイン(13)
ゲーム開発(42)
リンクメモ(いろいろ)(3)
※投資関連の記事だけ見たい方は、「投資、お金」をクリック!
他ジャンルの記事が表示されず見やすくなります。
お気に入りに入れる場合なども、カテゴリーをクリックしてから入れておくと便利ですよ。


memo 再生リスト埋め込み用URL
https://www.youtube.com/embed/?listType=playlist&list=
リンク集
雪●投資・お金系サイト晴れ
  1. 空売り.net (karauri.net)
  2. iMarket 適時開示ネット(決算期に便利なサイト)
  3. 東証 業種別株価指数 リアルタイム
  4. 世界の株価
details_test
  1. 東証 業種別株価指数 リアルタイム
  2. 世界の株価
<< 2023年11月 >>
      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 27 28 29 30    
ファン
最新記事
写真ギャラリー
最新コメント
タグクラウド
日別アーカイブ
QRコード

広告

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
posted by fanblog
●テスト●てすと

2021年09月04日

javascript【予備】URLから埋め込みタグつくる君(予備)間違えて消したとき用


↓ここに動画URLを張り付けてください。


再生リスト (個別動画は、どちらを選択しても自動的に個別動画の埋め込みタグを生成します)
個別動画 ←再生リストだけど、単独動画として埋め込みたい場合これをチェック。


●動画埋め込みタグ

●動画のID 
●再生リストID 
●生成したタグを張り付けた場合のサンプル

ここに「埋め込みタグを張り付けた場合のイメージ」が出ます




見本URL
◇動画1つ →動画1つの埋め込みタグを生成します。
https://www.youtube.com/watch?v=oKDFDCSQNY0
◇再生リスト →再生リストの埋め込みタグを生成します。
https://www.youtube.com/watch?v=oKDFDCSQNY0&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX&index=4






●ローカルだと動くのに、fanblogだとうまくいかなり理由(の1つ?)発見。
なるほど、urlにリンクタグが自動でつくからっぽい。すーっとした。
そりゃ動かないわけだ。これに気付かず、他の打ち間違いや、もっと意味不明な原因があるのかと模索してた。

・ローカルのコード
embedPart1 = '<iframe width="560" height="315" src="

https://www.youtube.com/embed/';
↑これが、

・投稿した記事の該当コード部分
embedPart1 = '<iframe width="560" height="315" src="

<a href="https://www.youtube.com/embed/';" target="_blank">
 https://www.youtube.com/embed/';
</a>
↑こうなる

●解決策
embed用文字列の前半部分を
3分割したら、fanblogがURLとして認識しないので
できた!!!

・元のダメなやつ
embedPart1 = '<iframe width="560" height="315" src="https://www.youtube.com/embed/';

・これだとうまくいった
embedPart1 = '<iframe width="560" height="315" src="h';
embedPart1_2 = 't';
embedPart1_3 = 'tps://www.youtube.com/embed/';

ローカルだと動くのに、fanblogに投稿すると動かない。
なぜか、splitを使うとまともに動かなくなる
https://www.youtube.com/watch?v=oKDFDCSQNY0&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX&index=4
埋め込み用URL https://www.youtube.com/embed/oKDFDCSQNY0
ふつうのURL  https://www.youtube.com/watch?v=oKDFDCSQNY0



todo

URLには、動画の個別文字列だけでなく、
再生リストごとの文字列や
index何番目とかの文字列もあるので
必要なとこ(動画の個別文字列)だけとりだして、結合させる必要がある

課題1
・URLから、動画の(または再生リストの)個別文字列を抜き出す
・動画埋め込みタグと合体させる
課題2
・URLに再生リストの記述があるかしらべる
・URLから、動画の(または再生リストの)個別文字列を抜き出す
・ある場合、再生リスト用の埋め込みタグにする
課題3
・余裕があれば、再生リストURLでも、個別動画の埋め込みを生成もできるようにラジオボタンで分岐
その先の課題
・別途スクレイピングで、URLから各種情報を取得する。
・・動画タイトル、チャンネル名、投稿日時、再生回数
・チャンネル名や通称を、自動で記事のタグとして入力、投稿させる
・・スクレイピング時の日時から投稿日時を引いて、何日(と何時間)経過したか取得。
・・再生回数を、経過日時で割り、何日で何回再生されたか計算し、
  単なる累計再生回数ではなく、本当の伸び率、人気度を計算する。
  ※もちろん、これにしてもyoutube全体の視聴者数などの影響は受けるけど。
・・上記の独自尺度を、横棒グラフやイメージ絵などで表す。


posted by かめ太 at 13:05 | Comment(0) | TrackBack(0) | javascript

javascript ↓textareaをiframeと誤解して、検索したもの。メモとして一応おいとく。

↓textareaをiframeと誤解して、検索したもの。メモとして一応おいとく。

JavaScriptでiframeの内容を取得する方法
https://kaworu.jpn.org/kaworu/2007-10-13-2.php#2007-10-13-2-3a5f6289da20095fde2123f2b41d2e1b

frameまたはiframe要素内のdocumentオブジェクトを取得
https://shanabrian.com/web/javascript/element-contentdocument.php

【Javascript】iframeの内容を取得したい
https://www.softel.co.jp/blogs/tech/archives/3054

JavaScriptでiframeを操作する方法を現役エンジニアが解説【初心者向け】
https://techacademy.jp/magazine/23192
>contentWindowは、WEBサーバ上でないと機能しません。
>ローカルで確認する場合でも、WEBサーバを通して動作確認して下さい。
タグ:iframe textarea html
posted by かめ太 at 13:04 | Comment(0) | TrackBack(0) | javascript

2021年09月03日

自分用ツールjavascript【】動画URLから埋め込みタグ作る君【blog運営】


↓ここに動画URLを張り付けてください。


再生リスト (個別動画は、どちらを選択しても自動的に個別動画の埋め込みタグを生成します)
個別動画 ←再生リストだけど、単独動画として埋め込みたい場合これをチェック。


●動画埋め込みタグ

●動画のID 
●再生リストID 
●生成したタグを張り付けた場合のサンプル

ここに「埋め込みタグを張り付けた場合のイメージ」が出ます




見本URL
◇動画1つ →動画1つの埋め込みタグを生成します。
https://www.youtube.com/watch?v=oKDFDCSQNY0
◇再生リスト →再生リストの埋め込みタグを生成します。
https://www.youtube.com/watch?v=oKDFDCSQNY0&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX&index=4






●ローカルだと動くのに、fanblogだとうまくいかなり理由(の1つ?)発見。
なるほど、urlにリンクタグが自動でつくからっぽい。すーっとした。
そりゃ動かないわけだ。これに気付かず、他の打ち間違いや、もっと意味不明な原因があるのかと模索してた。

・ローカルのコード
embedPart1 = '<iframe width="560" height="315" src="

https://www.youtube.com/embed/';
↑これが、

・投稿した記事の該当コード部分
embedPart1 = '<iframe width="560" height="315" src="

<a href="https://www.youtube.com/embed/';" target="_blank">
 https://www.youtube.com/embed/';
</a>
↑こうなる

●解決策
embed用文字列の前半部分を
3分割したら、fanblogがURLとして認識しないので
できた!!!

・元のダメなやつ
embedPart1 = '<iframe width="560" height="315" src="https://www.youtube.com/embed/';

・これだとうまくいった
embedPart1 = '<iframe width="560" height="315" src="h';
embedPart1_2 = 't';
embedPart1_3 = 'tps://www.youtube.com/embed/';

ローカルだと動くのに、fanblogに投稿すると動かない。
なぜか、splitを使うとまともに動かなくなる
https://www.youtube.com/watch?v=oKDFDCSQNY0&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX&index=4
埋め込み用URL https://www.youtube.com/embed/oKDFDCSQNY0
ふつうのURL  https://www.youtube.com/watch?v=oKDFDCSQNY0



todo

URLには、動画の個別文字列だけでなく、
再生リストごとの文字列や
index何番目とかの文字列もあるので
必要なとこ(動画の個別文字列)だけとりだして、結合させる必要がある

課題1
・URLから、動画の(または再生リストの)個別文字列を抜き出す
・動画埋め込みタグと合体させる
課題2
・URLに再生リストの記述があるかしらべる
・URLから、動画の(または再生リストの)個別文字列を抜き出す
・ある場合、再生リスト用の埋め込みタグにする
課題3
・余裕があれば、再生リストURLでも、個別動画の埋め込みを生成もできるようにラジオボタンで分岐
その先の課題
・別途スクレイピングで、URLから各種情報を取得する。
・・動画タイトル、チャンネル名、投稿日時、再生回数
・チャンネル名や通称を、自動で記事のタグとして入力、投稿させる
・・スクレイピング時の日時から投稿日時を引いて、何日(と何時間)経過したか取得。
・・再生回数を、経過日時で割り、何日で何回再生されたか計算し、
  単なる累計再生回数ではなく、本当の伸び率、人気度を計算する。
  ※もちろん、これにしてもyoutube全体の視聴者数などの影響は受けるけど。
・・上記の独自尺度を、横棒グラフやイメージ絵などで表す。


埋め込んだ動画の再生で
日本語字幕をデフォでつける場合
src="//www.youtube.com/embed/xxxxxxxxxxx?cc_load_policy=1&cc_lang_pref=ja
posted by かめ太 at 21:02 | Comment(0) | TrackBack(0) | test

url,埋め込みタグとか--youtube【メモ】

Vue.js
https://www.youtube.com/watch?v=7AS4gP2XWTI&list=PL4CfyKGXE0b30MmRNbFCmjSCguFULXgxc

動画
?v=7AS4gP2XWTI

再生リスト
&list=PL4CfyKGXE0b30MmRNbFCmjSCguFULXgxc



再生リストの前半、

&list=PL4CfyKGXE0

 ↑ここまでは、チャンネルごとに共通?

7
Firebase
https://www.youtube.com/watch?v=pZPR6k6vaX8&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX

&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX
&list=PL4CfyKGXE0 b0rB7ZFeK8-77cPAtAU3frX
   ↑これ
17
Angular
https://www.youtube.com/watch?v=Ej1n9bozVoc&list=PL4CfyKGXE0b05WVI2k8qvqAd4N-zacdST

&list=PL4CfyKGXE0b05WVI2k8qvqAd4N-zacdST
&list=PL4CfyKGXE0b0 5WVI2k8qvqAd4N-zacdST
   ↑これ


●通常の埋め込みタグ
<iframe width="560" height="315" src="https://www.youtube.com/embed/7AS4gP2XWTI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="560" height="315"

●個別動画用URL
src="https://www.youtube.com/embed/7AS4gP2XWTI"

title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>

●再生リスト埋め込み用URL
https://www.youtube.com/embed/?listType=playlist&list=

スクレイピングなしでも、javascriptだけでもできること。
・URLから埋め込みタグを自動生成したり、
・再生リストのURLなら、再生リストの埋め込みタグを自動生成するのはできる。
・左側メニューに、専用のフォーム作って活用できる?
 投稿画面では表示されないけど。
posted by かめ太 at 20:54 | Comment(0) | TrackBack(0) | javascript

プログラミング【Angular, Firebase,Javascript, Vue.js, Python, 電子工作, Raspberry Pie】はしとのモノ作りチャンネル

プログラミング【Angular, Firebase,Javascript, Vue.js, Python, 電子工作, Raspberry Pie】はしとのモノ作りチャンネル


SSH
4
https://www.youtube.com/watch?v=S8UgIyGK2Ac&list=PL4CfyKGXE0b2r66WMkST73OG-ACSDWVZ3

7
Firebase
https://www.youtube.com/watch?v=pZPR6k6vaX8&list=PL4CfyKGXE0b0rB7ZFeK8-77cPAtAU3frX

17
Angular
https://www.youtube.com/watch?v=Ej1n9bozVoc&list=PL4CfyKGXE0b05WVI2k8qvqAd4N-zacdST

3
HEROKU
https://www.youtube.com/watch?v=zpCasla2pbo&list=PL4CfyKGXE0b3rXme0pgh63i4HQzVcB4Pa

1
bootstrap
https://www.youtube.com/watch?v=HkPbouTJbns&list=PL4CfyKGXE0b1O3t5xbT-m9tYiMxzitA4Y

23
GoogleCloudPlatform入門
https://www.youtube.com/watch?v=Grcp36MsIWI&list=PL4CfyKGXE0b3Z5ivg_yq_hb_QM_oEl3Dn

7
Vue.js
https://www.youtube.com/watch?v=7AS4gP2XWTI&list=PL4CfyKGXE0b30MmRNbFCmjSCguFULXgxc

2
Windowsプログラマ向けLinux入門
https://www.youtube.com/watch?v=MEFEetdi7oY&list=PL4CfyKGXE0b0I_iJLQruu5pdP87IoBSNg

14
RaspberryPIでIoT簡単入門
https://www.youtube.com/watch?v=ACAzX3uUai8&list=PL4CfyKGXE0b2Xa2LQuwNx70TcXkQvC_gn

28
Docker入門
https://www.youtube.com/watch?v=UcfRazc1bBs&list=PL4CfyKGXE0b2cJV3QXs4RIpXjsP56fVpr

11
Github入門
https://www.youtube.com/watch?v=g7YEAX2jKhY&list=PL4CfyKGXE0b2PEOROL-wYt2jhyg-wBRfN

21
Javascript入門
https://www.youtube.com/watch?v=DAjzbfQ3KzM&list=PL4CfyKGXE0b0yj49OC5_NVb7SfuQm_ZFt

29
Python入門
https://www.youtube.com/watch?v=irXMPhLlHcc&list=PL4CfyKGXE0b3b1t5MbQbDfXVDypQzKUPt

14
ホームページ作成
https://www.youtube.com/watch?v=pChiXpnyl1s&list=PL4CfyKGXE0b23vTuXMhqWuRix_N-C850d

12
ゆったりPython
https://www.youtube.com/watch?v=OxS4RIUKIIU&list=PL4CfyKGXE0b1PN6BINtabP9m9wBVGuKu8


16
電子工作入門
https://www.youtube.com/watch?v=ylgPLTku4yI&list=PL4CfyKGXE0b2c5TOLWoaSSz38SdJsXwLI

posted by かめ太 at 20:47 | Comment(0) | TrackBack(0) | Programming

Firebase,react

Firebase入門
前田剛
1/19
https://www.youtube.com/watch?v=JchsQRonmk8&list=PLgNEd6Q0CH8E6zHmqsO7EIcqsDEeVD089
【001】Firebaseとは


Reactとfirebaseで学ぶチュートリアル!シンプルなToDoアプリを作りながらReactの基礎とfirestoreを学ぼう!
https://www.youtube.com/watch?v=9aX7NB2H0VQ
3h 52min


タグ:React firebase
posted by かめ太 at 20:45 | Comment(0) | TrackBack(0) | Programming

プログラミング【フロントエンド系技術】Firebase, Redux, React

プログラミング【フロントエンド系技術】Firebase, Redux, React


Firebase入門
あべちゃんのフロントエンド塾
1/8
https://www.youtube.com/watch?v=FsFEEFP3yTk&list=PLtbitg0evatg86QGNtIhe1c0Z3Tn1Ju5u
【Firebase入門】#1 ~Firebaseの理解~


Redux入門
あべちゃんのフロントエンド塾
1/5
https://www.youtube.com/watch?v=Lmtr8hmXvj4&list=PLtbitg0evatjxN_BhyJO124bV2eDoJumf
【Redux入門】#1 ~Reduxの理解~


React入門
あべちゃんのフロントエンド塾
1/10
https://www.youtube.com/watch?v=ojesAXHKf7U&list=PLtbitg0evatiDrOncn51ku2mD1LGve-_h
【React入門】#1 Reactの理解
posted by かめ太 at 20:41 | Comment(0) | TrackBack(0) | Programming

todo

・ツールを少し見た目だけでも試作する
 雰囲気把握とタスク自覚のためにも
・jsのFileAPIでのファイルアクセスもう少しやってみる
 少しずつ進化させていくてきなサンプルで、仕組みを理解したほうがいい
・↑todoサンプルと、ファイル保存を合わせる
・jsonで保存したほうがいいなら、それも調べる
・json,csv,DBとかを吟味するよりかは、まずとりあえず形にできそうな
 やつで、とりあえず形にできそうなとこだけでも、やり方の仕組みを理解して
 形にしていく、形にしてみる。
・そこから見えてきたもの、でてきた感覚で
 さらに使いやすいもの、開発しやすい方向を模索する。
・少しずつ作る、簡単なものから試す
・↑つまり、一気にとか、すべてをとか、完璧なものをとか、目指したりしない
posted by かめ太 at 13:19 | Comment(0) | TrackBack(0) | Programming

【再生リスト】Node.js入門, Web API,

Node.js入門
プログラミング教室 Kikuチャンネル
1/14
https://www.youtube.com/watch?v=ULwQ9p53m74&list=PLuFXsKgHUy2VLKAIAY3gbA1rDXf-D8VQD
Node.js導入編 Node.jsとは何か


WebAPI作成 Express&SQLite3
プログラミング教室 Kikuチャンネル
1/10
https://www.youtube.com/watch?v=IOPMsFH-xuM&list=PLuFXsKgHUy2Uz1BtjMs7wZodpw-zJmLb6

Express(Node.js)でWeb APIを作成しよう#1


WebAPI 後編
https://www.youtube.com/watch?v=v2eV0PAxO-Q&list=PLuFXsKgHUy2U-QVYNZl0q-Y86EQwtH0Vi

Node.js +SQlite3
https://www.youtube.com/watch?v=Wa4fxTi9afg&list=PLuFXsKgHUy2V0uE_d_E5NGTFrXagN4G-Q

VSCodeの便利な機能について これでコーディングもスピードアップ!10べぇかめはめ波だ!
https://www.youtube.com/watch?v=TVNXcNv2aIc&list=PLuFXsKgHUy2U3ZzxPr1LyuyNybXG7PT_Q

Node.js+MongoDB
https://www.youtube.com/watch?v=ouG2gqe9iXo&list=PLuFXsKgHUy2VMNK4ayir75s8To74lTNSS
posted by かめ太 at 12:54 | Comment(0) | TrackBack(0) | javascript
×

この広告は30日以上新しい記事の更新がないブログに表示されております。