WEB制作を学ぶにあたり、方法は大きく２つあると思います。

1.学校へ行く

2.自力で勉強する

で、まあ僕は1を選んだんですがね。

もう卒業して5ヶ月近く経つわけですが・・・

まあ結局WEBの世界のスピードは桁違いに速いんで自力で勉強するしかないんですが、導入部分でどういった進め方をするのかは大事。

将来の自分の仕事にしようとするなら尚更ですね。

僕もまあWEB制作者の端くれになることができたので、一応参考までに自分の事を中心に振り返ってみようかなと。

ちなみに僕は学校に行くまではWEB制作やデザインについては全くわかりませんでした。

かろうじてHTMLを意味も分からずいじってサークルのホームページを作るとか、ブログ書くとかするくらい。

CSSナニソレおいしの？状態。

more…

サイトの規模が大きかったりするとディレクトリの階層が深くなるのでヘッダーやらフッターやらテンプレート化した部分はコピペでドンドン量産していきますが。

場合によってはjsとかphpでインクルードさせた方が更新が楽。

その場合には画像やらリンクやらを相対指定にするわけにはいかない・・・

でもローカルで開発してたら絶対指定パスは表示されない・・・

かといって最後に一気に絶対パスに直すのはきつい・・・

つかapache使えばサーバーなんだから動くんじゃね！？

ということでapacheにぶち込んでみました。

しかし・・・

URLの絶対指定（/test/←こんなん）をしたサイトを確認するためにはxamppのlocalhostに直接ファイルを入れてアクセスしても/localhost/が入ってるので実は絶対パスは間違ってんだぞってことでスタイルは読み込めないし画像も表示されないしなんかうまくいかない・・・

ようなのでxamppでヴァーチャルホスト設定をしてurlを本番とほぼ同じようにするとローカルで効率よく開発できるよってことでそうすることにしました。

wordpressなんかだとPHPでurlをはじきだしてるからかlocalhostで問題ないのですがね（多分）。

more…

僕はWEB制作にはFirefoxをメインに使っています。

世の中の制作者は結構chromeに移行したりしてますが、なかなかアドオンとか使い慣れてるものの代用品がなかったりするので僕は制作に関してはまだまだFirefoxから離れるつもりはありません。

Firefox4になってスピードも負けてないですしね。

ただ開発してるときに少し嫌なとこで画像が壊れてても何も表示されないってことがあります。

バナーがまだできあがっていないとかでとりあえずHTMLを先に組んでる場合とか画像が無いと若干イメージしづらかったりしますね。

そのためにわざわざダミー画像入れるのも後で画像パス変えたりするのがめんどいです。

そこでCSSを書いて画像がどんな感じで入るのかわかりやすくしてみます。

more…

配列内で同じ情報が重複しないようにするためのjavascriptを調べたのでメモ。

javascriptに限らず、配列内のチェックは多用するはず・・・多分

表示した情報がダブってたらみっともないもんね。
more…

もう大分前になりますが、学校の卒業制作として皇居ランナーズマップというサイトを作成しました。
復習も兼ねて主にjavascriptなど技術面の解説を書いておきます。

そもそもランニングなど全くしない僕ですが、社会人になった友人がやたら皇居ラン皇居ランと言うものですから、そんなに流行ってんのかと思って検索してみたら意外とコース周辺の情報があまり見当たりませんでした。

千代田区の観光協会などがコース情報を出していたのですがもう少し地図上でわかりやすくできたら面白いんじゃないかなーと思って、卒業制作のテーマにしてみました。

まずは使いやすいGooglemapをAPIで利用して情報を表示して、自分の調べたい目線からコースの情報を探せるサイトにしようと決めGooglemapAPIのver3を勉強しました。

基本的にはコピペとプラグインの合わせ技で大半が構成されていますので、まだまだ至らない部分が多いです。。。
more…