apacheでvirtualhostを設定する

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

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

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

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

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

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

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

しかし・・・

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

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

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

more…

Firefoxで壊れた画像をわかりやすくするCSS

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

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

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

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

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

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

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

more…

配列内のダブりチェック用javascript

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

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

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

皇居ランナーズマップを作成しました

皇居ランナーズマップ画像

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

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

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

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

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

WordPressでパーマリンク設定の際に注意すること

個人的にハマッてしまったのでメモ。

現在WordPress 3.0.4を使用中です。

WordPressでは大抵誰もがパーマリンク設定をいじると思うんですがちょっとトラブルが発生してしまいました。

more…

  • Page 1 of 2
  • 1
  • 2
  • >

Pagetop

Copyright© echolabo All rights reserved.