UPDATE:2016.11.1
- CATEGORY
ホームページ制作のコツ
ホームページを制作していると、javascriptやphpなどを使う機会が多々あると思います。すんなりと動作するときもあれば、上手く動かないとき、何も動かないときなど問題も出てきます。
そんな時に僕がいつも使う方法です。
javascriptやphp使ったことある人なら誰でも知っていて、凄く簡単な方法です。
javascriptなら「alert」、JQueryなら「.text」phpなら「echo、print_r」等の画面に何らかの結果を表示させる機能です。
簡単なことなのですが、これを処理の所々に入れることでどこまで処理が進んでいるか知る事ができます。
if文とかで、分岐を入れるときどちらの処理に移行しているのかを知りたい場合や、alert(変数名)のように変数を入れることで変数にデータがちゃんと格納されているか知る事ができます。
phpだと「echo」、配列の場合は「print_r」などです。
ちなみに配列を確認するときに
echo(‘<pre>’);
print_r(a);
echo(‘</pre>’);
と書くと見やすくなります。
JQueryとかを使うのであれば、リアルタイムで要素の幅とかを数値で確認できます。
HTML内に
のタグを用意しておいて、スクリプト内に下のような文を用意しておきます。
$( window ).resize( function() {ブラウザをリサイズすると、毎回width_checkのwidth値を取得してくれて、kakuninのクラス部分にテキストとして表示してくれます。
var width_num = $('width_check').width();
$('.kakunin').text('width_num');
});
コードを書いて、上手く動けばなんの問題もないのですが、上手く行かない場合も多々ありますし、他の人から受け継いでコード組み込む時などは処理がどのように進んでいるのかなど、原因となる場所の確認には、プログラムを書く以上に時間が掛かります。
そんな時に、ちょっと書き込むだけで、原因を特定することが簡単になります。
各プログラムの初歩で学ぶようなコードですが、意外と役に立つものなんですね。
******************************************
今回もしつこく音楽紹介します。
今回はスノーボードを良くやっていた時代に聴いていた音楽です。
スノーボードのPVとかだと結構Punk系の曲使われていて、それで聴き始めたジャンルがPunk系の洋楽です。
Sum 41 “Motivation” -> youtube link
blink182 “All The Small Things” -> youtube link
New Found Glory “Dressed To Kill” -> youtube link
全てPunk系の音楽です。
Punk系は洋楽を聴くきっかけにもなった音楽です。
危ないのでホントはいけないのですが、当時は若かったこともあってPunk聴きながら滑ってました。
テンション上げまくって無茶して、エアーで体制崩して頭から落ちたり、全開スピード時にこけたり、今考えると死んだり骨折したりしなかったのが不思議ですけど、当時はケガとか命とかよりもギリギリの状態を楽しむのが好きな時代でした・・・
そんなこともあり、今でもx-gameなんかのエクストリームスポーツは(見るのが)好きです。