4畳半のスキマから

日々学んだことを垂れ流すブログ

はてなブログでスマホのHTMLが正常に動作しないときの原因

f:id:hirasedaichi1:20181224134935p:plain

 

こんにちは、ヒラセです

 

はてなブログでスマホのカスタマイズをしたいなーと思い、ネットで

 

「はてなブログ スマホ カスマイズ」

 

で検索するとたくさんのカスタマイズが出てきました

 

色々なサイトを覗いてみると「このHTMLコードを貼り付けるだけです

 

と書いてあるじゃありませんか、素敵!HTMLとかよく分からんけど、早速貼り付けてみよう!

 

・・・・あれきちんと動作しない???表示はされてるのに??押しても何もうごかない???

 

「貼り付けるだけなんて嘘じゃないか!」

 

なんて思いつつ、かれこれ6時間ぐらい格闘してようやくきちんと動作するようになりましたので

 

第二の僕を作らないために、初心者の僕がつまずいたポイントを初心者に向けて共有したいとおもいます

 

・スマホのHTMLが正常に動作しないときはjqueryが必要かも

 

みなさんはjavascriptという言葉をご存知ですか?僕も詳しく知っているわけではないのですが、javaはパソコンやスマホでの文字や画像などにアニメーション効果をつけたいときに必要になってくるものです

 

techacademy.jp

 

よく、おしゃれなサイトなどでサイトを開いたときにカッコいい感じに出てくるやつあるじゃないですか、ああいう感じの動作をするために必要なものです(語彙力)

 

そのアニメーション効果をつけるために必要なjavascriptを動作できるように出来ていなかったのが、僕の場合のHTMLが動作しない理由でした

 

カスタマイズが正常に動作しないと悩んでいる人はコードの中に

<script type="text/javascript" という1文がありませんか?

 

この1文がある場合はjavaを動作できるようにしてあげないといけません

 

 

ではそのjavaをどのようにして動作させるのか?それがjqueryです

 

techacademy.jp

 

・juqueryとは

 

jugueryを使うとjavaが使えるようになり、スマホのHTMLが正常に動作するようになります

 

やり方はかんたんで

 

<script src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script>

 

を貼り付けてください。貼り付け場所は動作させたいHTMLを貼り付けている場所で問題ありません

 

f:id:hirasedaichi1:20181224132401p:plain

 

これを貼り付けてあげることきちんとHTMLがどうさするようになります!

 

・それでも動作しないときは貼り付け場所を見直そう

 

それでも動作しない場合は、単に張り付け場所を間違えてしまっている場合があります。まずはコードを配布していたサイトにもどってもう一度張り付け場所を確認してみましょう

 

もしくは途中でコードが切れてしまっているのかもしれません

そんなときは

 

f:id:hirasedaichi1:20181224134351p:plain

 

このように×が左側にでていますので、これが出ていないか確認してみてください

 

・まとめ

 

いかがだったでしょうか?僕はこのスマホのカスタマイズ動かない問題でだいぶ時間を食いました^^:

 

初心者はまじで初心者だからそこもついでに教えてほしい・・・

 

と思いましたが、カスタマイズをただで使わせてもらっているだけありがたいですよね^^:

 

同じ悩みでサイトをぐるぐるしている人の助けになれば幸いです^^