JavaScriptを使用した動画埋め込み機能の実装

2024/11/08

日々の活動日記エンジニアインターン

こんにちは！

京都開発研究所、Webプログラマコースの長期インターン生、松木智哉です！！

今日やったこと

本日もJavaScriptでの動画の埋め込みを行いました。その中でも、最も力を入れた部分は管理画面のフォーム要素の各セクションにJavaScriptを用いた解説動画の埋め込みです！！

具体的には、求められているフィールドごとに動画を埋め込みました！他の部分と同様にJavaScriptでDOM要素を特定し、動画を埋め込みました！

直面した課題

難しかった部分は前回と同様でセレクタの試行錯誤です！

想定した場所へ動画が埋め込まれていないことが多くあり、検証ツールのコンソールで一つずつどのようなJavaScriptのコードで埋め込むことができるのかのか調べました！

よくあった原因として、同一クラスを持つ要素に対して、適切な指定ができていなかったことでした！

idとclassを適切に指定をすることをより意識していきたいです！！

-----------------------------------------------

G!FIT公式Instagram：https://www.instagram.com/gfit_gdn/

G!FIT公式Twitter：https://twitter.com/gfit_gdn

メンバー紹介ページ：https://guardian.jpn.com/member/tomoya_matsuki/

＊COMMENT＊

吉村　せいこ
更新日：2024-11-10 07:14
＊コメント＊

JavaScript難しいですよね。私も勉強しなきゃと思いつつ‥ これから少しづつでも学んでいこうと思います。
JavaScript難しいですよね。
私も勉強しなきゃと思いつつ‥
これから少しづつでも学んでいこうと思います。
＊コメント＊
宮城　わか
更新日：2024-11-11 08:35
＊コメント＊

お疲れ様です！解説動画の埋め込みお疲れ様です。自分のやりたい見た目にできるまで試行錯誤する場面は私もよく直面します。 JavaScriptは難しく理解するのにとても時間がかかりますが、少しずつ頑張りたいと思います。
お疲れ様です！
解説動画の埋め込みお疲れ様です。自分のやりたい見た目にできるまで試行錯誤する場面は私もよく直面します。
JavaScriptは難しく理解するのにとても時間がかかりますが、少しずつ頑張りたいと思います。
＊コメント＊
鈴木　健太
更新日：2024-11-11 16:43
＊コメント＊

想定ではうまくいっているはずなのに動かしてみると…というのはありますよね！問題への対応も織り込み済みでかけたらいいなと思います。
想定ではうまくいっているはずなのに動かしてみると…というのはありますよね！
問題への対応も織り込み済みでかけたらいいなと思います。
＊コメント＊
鈴木　健太
更新日：2024-11-11 16:43
＊コメント＊

想定ではうまくいっているはずなのに動かしてみると…というのはありますよね！問題への対応も織り込み済みでかけたらいいなと思います。
想定ではうまくいっているはずなのに動かしてみると…というのはありますよね！
問題への対応も織り込み済みでかけたらいいなと思います。
＊コメント＊