5月1日：授業日/Github・html(bootstrap ) ・AOS・counterup

GIthub

まずgithubのサイトでrepositoryを新しく作成

f:id:hinairo:20210502003434p:plain

次に新しいターミナルでコマンドライン通りに入力

f:id:hinairo:20210502003729p:plain

新しファイルreadmeを作成して追加

f:id:hinairo:20210502004749p:plain

git hub更新

f:id:hinairo:20210502004519p:plain

f:id:hinairo:20210502004527p:plain

するとサイトの方で確認できる。

markdown編集ができる(コード通り余計なものが入らず)ブログに書ける。

f:id:hinairo:20210502004628p:plain

はてなブログ　 markdownで検索してみて要勉強。

counterupについて

エラーを調べて、検索おススメは

Stack Overflow - Where Developers Learn, Share, & Build Careers

※日本の検索サイトの精度が悪い為。またレビュー結果が出るため。

今回の正解コード

<body>
    <span class="counter">1,234,567</span>
    <div class="counter">1,567</div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"> </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js"></script>

    <script src="jquery.counterup.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.counter').counterUp({
                delay: 10,
                time: 1000
            });
        });
    </script>
</body>


問題点としては
・consoleで問題点をコピーして検索。
・jqueryのファイルがをダウンロードして相対パスに設定されていなかった。
・jqueryのバージョンによって動かないものがある。必ずとも最新がいいものではない。
・ライブラリを読み込んでからコードで処理という流れで書く。