記事一覧Webマーケターキャリア論Webマーケティングやマーケティングに関することを上げていきます。プログラミングプログラミングに関する記事を上げていきます。2018.12.16目次~目次~JavaScriptでやろうとしたことミスその1:JavaScriptの記述場所ミスその2:JavaScriptの実行順番ミスその3:ブラウザのディベロッパーツールのキャッシュ~目次~JavaScriptでやろうとしたことミスその1:JavaScriptの記述場所ミスその2:JavaScriptの実行順番ミスその3:ブラウザのディベロッパーツールのキャッシュJavaScriptでやろうとしたことこれが今僕が作っているツールなんですけど、ここに日付を入力しました。日付をJavaScriptで自動で今日の日付になるように設定してます。コードはこんな感じですね。class="container"><h1>Togglのデータをエクスポートするツールです。%}※Pythonのbottleというフレームワークを使って、さらにjinja2というライブラリで他のHTMLテンプレートファイルを継承しています。コードを書いています。ミスその1:JavaScriptの記述場所まずは、JavaScriptの記述場所について説明します。今のコードは正しいコードなのですが、JavaScriptのコードとHTMLのフォーム部分のコードを逆にして保存するとこんな感じですね。すると、日付が入らなくなりました。こんな感じでJavaScriptのコードが無効になるということなんですね。null」というって言うものが表示されています。これがどういうことかって言うと、そのJavaScriptのコードで指定した”date”っていうものが見つかりませんでしたと。このgetElementByIdという関数で指定してるんですけど、dateっていうようなidが見つかりませんでしたと。フォーム部分に”date”ってありますよね。なんでこういうことが起きるのかって言うと、JavaScriptは先にHTMLのソースコードを読み込んだ後にスクリプトが動かないとこのgetElementByIdという関数が動かないんですね。<script>にも読み込み順序とかあんの?って言うので僕は結構苦労しました。コードを戻してあげると日付が入るようになるんですよ。JavaScriptをあまり知らない人が触ると、同じようなエラーに遭遇する方もいると思います。二つ目がですね、外部のJavaScriptのファイルを作って、JavaScriptのコードを読み込む場合ですね。これもさっきと同じような感じなんですけど、以下に示しているように外部のJavaScriptファイルを読み込むのを有効にしました。dd;}で、外部のJavaScriptファイルの1行目と8行目のところをコメントアウトします。}そうすると、日付のところに値が入らなくなりました。null」というエラーコードが出てます。これが何でかって言うとそのこれもさっきと同じで、先にHTMLを読み込んだ後にJavaScriptが動かないといけないんですけど、読み込む順番が正しくないということでエラーが出てます。そのJavaScriptが動くのを後にするために、先程コメントアウトしたところのコードを記述しています。「window.onload」というものですね。(参考ページ)ページ読み込み時のJavaScriptの実行タイミングこのコードによって、読み込む順番を最後にしてます。更新するとこんな感じね、ちゃんとね日付が自動で入るようになるんですよ。はいこれが二つ目のミスですね。ミスその3:ブラウザのディベロッパーツールのキャッシュ最後三つ目。Chromeのデベロッパーツールを使ってるんですけど。cache」って言うねところのチェックを今入れてます。ディベロッパーツールの「Network」のところを開けばあるはずです。このチェックを外します(デフォルトでは外れています)。この状態で、HTMLやJavaScriptのソースコードを変えても、ソースコードの変更が反映されない場合があるんですね。このために少し時間を無駄にしました。(参考ページ)変更したjsのファイルがchromeだと更新されないはい、ということで以上三つですね。やっていて詰まったところ三つ。JavaScriptを始めたばっかの方だと結構熱ある方多いような気がするので、何かの参考になれば幸いです。ありがとうございました。ScriptでgetValue()すると、セルの値と取得した値がずれてるんだが。実はpipにはpipとpip3というのがありまして、UbuntuでPython3を使う場合にはpip3を用いないといけないようです。Giftissue(ギフティッシュ)とは、電子ギフト券売買サイトの1種です。時期により価格は変動しますが、Amazonギフト券だと約3~10%引きで購入することが可能です。前回(bottleでテンプレートを継承してみる。TogglのデータをPandasを用いてDataFrameにして、DataFrameをさらにCSVの形式にしてダウンロードさせようとしました。結果と...プログラミングJavaScriptでフォームのデフォルトの日付を今日にする。前回(Pythonフレームワークbottleにbootstrapを導入してみた。JavaScriptコードを記述し、日付のと...JavaScriptでフォームのデフォルトの日付を今日にする。bottleで404ページを作成してみた。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。コメントデータの処理方法の詳細はこちらをご覧ください。CodeのターミナルをLinux(Ubuntu)にするフリーランスが営業して仕事を獲得する方法とポイントフリーランスはチームで稼ぐーフリーランスサミット参加レポートアーカイブ2019年6月2019年5月2019年1月2018年12月タイトルとURLをコピーしました。