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

date_range 2024/11/08
日々の活動日記エンジニアインターン
JavaScript


こんにちは！

京都開発研究所、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-08 17:55

    ＊コメント＊

    お疲れ様です！
    Javascriptでの動画埋め込みにチャレンジされたのですね！
    コードを書いたのにうまく表示されない！ということ、私もコーディングを学んでいた時にめちゃくちゃありました・・・。
    class名を適切につけて所謂スパゲッティーコードにならないようにしたいですね＞＜

    ＊コメント＊

  • 大橋　秀一郎

    大橋　秀一郎

    更新日：2024-11-08 19:17

    ＊コメント＊

    課題に直面するのは、きっとレベルアップされているからですね。
    私も見習って、新たな課題に直面するくらい日々学んでいきたいと思います。
    JavaScriptの実装、引き続き頑張ってください！

    ＊コメント＊

  • 吉村　せいこ

    吉村　せいこ

    更新日：2024-11-10 07:14

    ＊コメント＊

    JavaScript難しいですよね。
    私も勉強しなきゃと思いつつ‥
    これから少しづつでも学んでいこうと思います。

    ＊コメント＊

  • 木村　りえい

    木村　りえい

    更新日：2024-11-11 08:27

    ＊コメント＊

    お疲れ様です。javascript、学んではいるもののまだまだできず、クラスの指定、私も難しく感じます。早く慣れたいですね！
    お互いに頑張りましょー！

    ＊コメント＊

  • 宮城　わか

    宮城　わか

    更新日：2024-11-11 08:35

    ＊コメント＊

    お疲れ様です！
    解説動画の埋め込みお疲れ様です。自分のやりたい見た目にできるまで試行錯誤する場面は私もよく直面します。
    JavaScriptは難しく理解するのにとても時間がかかりますが、少しずつ頑張りたいと思います。

    ＊コメント＊

  • 鈴木　健太

    鈴木　健太

    更新日：2024-11-11 16:43

    ＊コメント＊

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

    ＊コメント＊

  • 鈴木　健太

    鈴木　健太

    更新日：2024-11-11 16:43

    ＊コメント＊

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

    ＊コメント＊

＊コメント＊

＊ログイン＊

メールアドレス
パスワード
一覧へ戻る

NEW