AnimeJSでアニメーションウェブサイトを作ってみよう - HTML/CSS/Javascript

Sdílet
Vložit
  • čas přidán 12. 09. 2024
  • #HTML #CSS #Javascript #アニメーション #Anime.js#ウェブサイト #チュートリアル #tutorial
    \ShinCode_Campでプログラミングを楽しもう/
    幅広いプログラミングの知識を得るための動画プラットフォーム
    🎁僕が作成したUdemy講座が見放題
    🎁分からない箇所は質問し放題
    🎁フルスタック技術が学べる
    🎁コミュニティ機能付き
    🎁いつでも解約可能
    ↓↓↓↓↓
    code-s-school-...
    ❤️ チャンネル登録: / @programming_tutorial_...
    ❤️React×TrelloチュートリアルのUdemy92%割引クーポン:shincode.info/2...
    ❤️Three.js入門のUdemy94%割引クーポン:
    shincode.info/2...
    ★今回のソースコード:
    今回はAnime.jsを使って簡単にアニメーションウェブサイトを作る方法です。良ければ登録と拡散して頂けるとうれしいです。
    バグや分からないことがあればコメント欄、またはDMでご質問ください。
    ★私のブログ:shincode.info
    ★私のTwitter: / shin_engineer

Komentáře • 20

  • @そのとき-d4k
    @そのとき-d4k Před 2 lety +5

    デザイナーですがエンジニア側への理解を深める為に勉強してます。エラーへの対処などが実践的で分かりやすく勉強になります……

  • @ユウタ-o1s
    @ユウタ-o1s Před rokem +3

    かっこいい!
    コードがポンポンと出てくるのがすごいです!

  • @y-2_kg
    @y-2_kg Před 2 lety +5

    アニメーション全部面白いし、ためになります。
    他も色々見てみたいです!

  • @Gizutoku
    @Gizutoku Před rokem +3

    Shinさん物知りですね。
    更にこのライブラリ作った人はもっと凄い

  • @user-zx1td5wf1v
    @user-zx1td5wf1v Před 2 lety +3

    簡単そうにみえて結構難しい。。。!
    今回も勉強になりました!

  • @user-kr3jg7jz6n
    @user-kr3jg7jz6n Před rokem +2

    こんなJavascriptもあるんだ、Javascriptやべぇ

  • @astanakazakfstan7061
    @astanakazakfstan7061 Před rokem +3

    とても勉強になりました!!!

  • @craftingodst3400
    @craftingodst3400 Před 11 měsíci +1

    idk what ur even saying but like this is pretty cool bro
    👍

  • @RERO0811
    @RERO0811 Před 2 lety +3

    初めまして。実際コーディングしてみていますが 、エラーが出てしまいました。概要欄のソースコードを探しているのですが、見当たりません。改めてリンクを張っていただけると幸いです。とても分かりやすい説明で勉強になります。欲を言えば、概要欄に目次をつけて任意の箇所にすぐに飛べるようにしていただけると大変助かります。これからも頑張ってください。

    • @RERO0811
      @RERO0811 Před 2 lety +1

      エラー解決できました。終了タグの } がひとつ抜けていました。(初歩的すぎてお恥ずかしい)。エラーメッセージの見方と対処法について触れてくださると助かります。動画、何回もみなおして勉強します!

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Před 2 lety +1

      @@RERO0811 ご視聴ありがとうございます。解決できたとのことでよかったです。
      目次の設定ですね。前から考えていたのですが少し大変だと感じたのでつけていませんでした、、少し考えてみますね。
      エラーメッセージの味方と対象法ですね。
      動画のネタとして考えてみます!

  • @ricoco57
    @ricoco57 Před 8 měsíci +1

    いつもshinさんのチュートリアルで勉強しています。最後のz-indexだけ1人でできました。😂position: relative;なくてもできたのですが、よく意味がわかってないですね。

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Před 8 měsíci +1

      ありがとうございます!
      意味が理解できれば、応用ができると思いますので、1つずつ理解していくと良いですね。
      今日もご視聴ありがとうございました😇

    • @ricoco57
      @ricoco57 Před 8 měsíci

      お返事ありがとうございます。

  • @user-rh8pf3pc2g
    @user-rh8pf3pc2g Před 2 lety +2

    コメント失礼します。
    なぜh1タグではなく、h2タグから記述するにでしょうか。

  • @user-ds1ew8gb3z
    @user-ds1ew8gb3z Před 2 měsíci

    最初の丸のシャドーは消すことが出来るのでしょうか?

  • @imaginary_exponential_function

    初心者なのであまりわからないのですが
    appendChildがうまく認識されてないみたいで
    Uncaught
    TypeError: Cannot read properties of null (reading 'appendChild')
    という感じのエラーが出てしまうんですけどこれって何が悪いんですかね?

  • @nagai_net
    @nagai_net Před 2 lety +2

    複数ページのwebサイトの作り方を教えてください。私の夢です。

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Před 2 lety +1

      コメントありがとうございます。
      HPのことですかね?
      ボリューミーな内容にはなりますけど、もしかしたらやるかもしれません。気長にお待ちくださいませ。

    • @nagai_net
      @nagai_net Před 2 lety

      @@programming_tutorial_youtube HP(ホームページ)のことです。気長に待ちます。ありがとうございます(^o^)