ランダムおすすめ記事

ホームページ作りました

2019年J1第18節 湘南ベルマーレ対名古屋グランパスのMVPは?アンケート結果発表!

2019年J1第18節 湘南ベルマーレ対名古屋グランパスのMVPは?

のアンケートに投票いただきどうもありがとうございます!!!

久しぶりの勝利!!嬉しかったですよね!

それでは早速行ってみましょう!

 

続きを読む

2019年J1第18節 湘南ベルマーレ対名古屋グランパス 連敗止めたぜ!ミスしても攻められても泥臭く走る姿が見たい!

HUBで見てました!!!(写真なし)

あの奇跡の浦和戦から1か月。あの試合で燃え尽きてしまったのか勝利どころか引き分けも無し。さらに言えば得点すらないという長いトンネルに入ってしまったベルマーレ。

そんな中迎えた名古屋戦。こんな横断幕がサポーターから出されていました。

 

(公式サイトより)

http://i0.wp.com/www.bellmare.co.jp/wp-content/uploads/2019/07/85P_7292.jpg?resize=800%2C533

http://i0.wp.com/www.bellmare.co.jp/wp-content/uploads/2019/07/85P_7292.jpg?resize=800%2C533

 

 

フロントや選手への非難ではなく湘南らしいサッカーが見たいというメッセージとそれをサポートするという内容。

HUBでこの横断幕を見ましたがこれを見てすごくいい!と思いました。

 

続きを読む

昨日のマリノス戦の謎だった判定シーンを整理してみたよ

微妙なジャッジに猛抗議も…湘南FW武富は“説明”に納得「しょうがない」

https://web.gekisaka.jp/news/detail/?275796-275796-fl

 

こんな記事がありました。

僕はこのシーン真横から見ていたので正直謎判定だったのですが映像があったので見返すと確かにこの記事の通りかなと。

ただ運用はおかしかったよねと思いました。

このシーンを一度整理してみようと思いブログを書きました。

 

続きを読む

2019年J1第12節 湘南ベルマーレ対浦和レッズのMVPは?菊地俊介に!でもみんなで掴んだ勝利だった!

2019年J1第12節 湘南ベルマーレ対浦和レッズのMVPは?

http://160.16.55.98/polls/14/results/

 

というテーマでMVP投票を行いました!

MVPは28票を獲得した菊地俊介選手に!!!

 

続きを読む

2019 J1第12節 湘南ベルマーレ対浦和レッズ 奇跡を起こしたハーフタイム。

鳴り響く怒号。ブーイング。収まるはずがない。許せなかった。

ふざけるんじゃねえぞ。

しかしその時聞こえてきたのは・・・。

「緑と青の勇者湘南 さあ今日も行こう 勝利目指して」

「緑と青の勇者湘南 ゴールを奪って 勝利をつかめ」

 

 

それは奇跡を起こした夜だった。

 

続きを読む

Django内でJavaScriptを使うときのファイルや画像の置き場所のベストプラクティスは結局何なんだ!?

以前この記事でDjango内でJavaScriptを使った時のことをまとめました。 https://qiita.com/sr2460/items/ee516e494ccc11baed6b

その後色々なサンプルプログラムをつなぎ合わせていじっていたのですがここで疑問が生じました。 JavaScriptを使うときのファイルや画像の置き場所。 基本的にstaticディレクトリ内に入れているんですけどこれって本当に正しいのかなあと疑問に思ったんですよね。

スクリーンショット (205).png

こんな感じの構造でアプリケーションを作っています。 staticディレクトリの中にjavaScriptディレクトリを設置。 その下のimagesディレクトリには画像。Scriptsディレクトリにはjsファイル。 soundディレクトリにはmp3などの音楽ファイルが入っています。

続きを読む

window.onloadは同じページで複数回使用することができないのでaddEventListenerを使用する必要がある。

参考記事 https://www.sejuku.net/blog/19754

JavaScriptでwindow.onloadを使用する機会があったのですが同じページで二回使ったらものの見事に動きませんでした。

function init() {
      imgs = new Array(3);
    imgs[0] = new Image(250, 207);
    imgs[0].src =  "{% static "javascript/images/pic0.jpg" %}"
    imgs[1] = new Image(250, 207);
    imgs[1].src =  "{% static "javascript/images/pic1.jpg" %}"
    imgs[2] = new Image(250, 207);
    imgs[2].src =  "{% static "javascript/images/pic2.jpg" %}"
}
window.onload = init;

このwindow.onloadは複数使うと一番最後に記載したものだけが反映されます。 というか関数を代入するという構成になっているから関数を代入するたびにその前に代入したものが消えてしまってるんでしょうね。

というわけでこれはこう書き換えます。

    window.addEventListener("load",function() {
          imgs = new Array(3);
        imgs[0] = new Image(250, 207);
        imgs[0].src =  "{% static "javascript/images/pic0.jpg" %}"
        imgs[1] = new Image(250, 207);
        imgs[1].src =  "{% static "javascript/images/pic1.jpg" %}"
        imgs[2] = new Image(250, 207);
        imgs[2].src =  "{% static "javascript/images/pic2.jpg" %}"
    }, false)
<br>

function init()を削除して、window.addEventListener("load",function() に書き換えます。無名関数になっていますね。 そして最後に, false)を加えます。 無名関数になって代入もしようがないのでwindow.onload = init;も当然削除ですね。
window.onloadを複数回使いたいときはこのような書き方ならばOK。 試してみてください。

補足 コメントをいただいたのでコードを修正しました。

window.addEventListener("load",function() 

document.addEventListener('DOMContentLoaded', function()

参考記事 https://noumenon-th.net/programming/2017/06/11/domcontentloaded/


実は画像を処理するコードだったのですがこれで特に問題なく動きました。 ありがとうございます!!!