コピー2021.10.21こんにちは。たいら(@tairaengineer2)です。転職を繰り返し現在4社経験している、11年目エンジニアです。UIをGoogleのCDNから読み込むやり方を解説します。UIをGoogleのCDNから読み込んでみよう前提条件:実行環境について実行環境は以下の通りです。UIをGoogleのCDNから読み込むやり方を解説します。UIの項目に行きます。UIはJavaScriptライブラリだけでなく、専用のCSSも読み込む必要があります。読み込むscriptタグとcssをコピーします。src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>これで読み込む準備はできました。あとはHTMLにコピーしたscriptタグを埋め込むだけです。UIの前にjQueryを読み込むことです。HTMLは最初から順々に読まれます。UIが使えないのでご注意ください。jQueryを読み込むやり方はこちらの記事をご参考ください。GoogleのCDNから読み込む【jQuery】GoogleのCDNから読み込むやり方を解説しますダウンロードする【jQuery】ダウンロードするやり方を解説しますでは、次の章で実際に読み込んでみます。読み込み確認をするプログラムでは、HTMLJavaScriptの2ファイルを使います。UIの1つのdatepickerでカレンダーを表示させます。フォルダ構成は以下のようになっています。type="text"></body></html>HTMLで外部のJavaScriptを読み込むやり方は、以下の記事をご参考ください。作成したHTMLをブラウザで開きます。テキストボックスを選択します。UIが読み込めていることが確認できました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。UIプロフィールこのブログを運営しているたいらと言います。プログラム言語を合計5言語経験している12年目エンジニアのブロガーです。このブログでは、どこよりも分かりやすくプログラムやツールのインストール方法などを解説し、エンジニアにの疑問解決に役立つ情報を発信します。お問い合わせなどがありましたら、下記のリンクからお願いします。お問い合わせこちらから記事の検索ができます。IDEAXAMPPお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。