K1Factory Blog

昨日からWebブラウザ「Firefox1.0PRE」を使っている。最近ブラウザ業界！？ではIEに代わるブラウザとしてもてはやされてる。ダウンロード件数も結構いっているらしい。

このFirefoxというブラウザはMozillaベースのブラウザ、ようはネスケの子孫？ってまだネスケあるけど・・・なのだ。今のネスケはメールやらコンポーザーとかいうのとか、いろいろ抱き合わされてしまってハッキリ言っていらない機能ばかりでどうにも容量を食ってしまっていたのだが、このFirefoxってのは、容量は軽いし、スピードも早い！おまけに最近気になるRSSにも対応したりなんかして、ちょっと使ってみようと言う気になったりした。

デザイン的にはあっさりしてて、以前使ってた「thunderbird」みたいな感じ。ただネスケファミリー全てに言える事だが、マック版のフォーム関連のデザインが荒い。ネスケの６がプレビューで出た時のあのデザインの荒さがそのまま息づいている。それが軽さに繋がるのか？Safariはきれいぞ。

マックだからどうでもええんか？



ま、でも、もう少し使ってみよう。

--------

htaceessとは・・・

よくどうやってもスタイルシートが有効にならなかったり、WindowsMediaファイルが再生されなかったりすることがある。ファイルの書式が間違ってるわけでもなく、原因がわからない時はサーバの設定のせいかもしれない。



自己設立サーバであれば設定を変えればいいんでしょうが、レンタルサーバの場合直接サーバをいじれない。そういう時に『htaccess』を使えばサーバの設定を変更することが出来る。
htaccessというのは単なるテキストファイルで、シンプルテキストで書き込んで

『.htaccess』というファイル名で保存して適応させたいフォルダにアップロードすればいいのだ。



書式は・・・

例１：

スタイルシートを実行！

※スタイルシートにフォント名などを「Shift_JIS」で入力してる場合

AddType "text/css; charset=Shift_JIS" .css

AddHandler server-parsed .css



例２：

WindowsMediaファイルを実行！

AddType video/x-ms-asf .asf

AddType video/x-ms-asf .asx

AddType video/x-ms-wmv .wmv



その他にも『htaccess』には「リダイレクト」や「ダイレクトインデックス」また「フォルダのアクセス制限」などの使い道があるが、それはまた今度にしよう。

--------

　SSLってよくWebショッピングサイトをみてると出てくる言葉なんだが。いまいち分かってないところがあってちょっと調べてみた。

　最近フィッシング詐欺、いわゆる「なりすまし詐欺」というのがネットで流行ってる？らしく、大手ショッピングサイトや銀行サイトのそっくりなページを作成して、そこにアクセスしたユーザから個人情報やらカード番号やらを盗み取るといったものだ。
　そこでこれからショッピングサイトは中小規模のサイトであろうと、セキュリティを重視しなくてはならない。そこでSSLの登場となるんだけど、ようは個人情報とか、カード番号とか入力した情報を暗号化して送信する仕組みのこと。

　SSLといえばよく知られてるのが「ベリサイン」って会社。ここが超有名だが、最近ではいろいろ会社があるみたいだ。そこで何社かSSLサービスを行ってる会社のサイトを見て回った。ベリサインとともに海外では結構有名らしいのが、ジオトラストという会社。ほかにも最近なにかとお騒がせなライブドアもあるし、警備で有名なセコムとかも・・・

　ちょっと調べた感じでは「日本ジオトラスト」、「ライブドア」あたりが中小企業のサイトや個人事業サイトにはいいかも。だいたいSSLのサービスには会社の実在証明とかもあるんだけど、それも込みで￥63,000/年ぐらい。ジオトラストでは実在証明なしのコースだと￥40,000ぐらいでできるみたい。

　ショッピングサイトをこれから初めて立ち上げる。ということであれば、決済の問題もあるので、決済代行業者や運送会社と契約してそちらの用意した入力フォームを利用したほうがいいかもね。

※参考サイト：ベリサインとジオトラストを徹底比較

--------

Web制作を行うにあたって厄介なことの１つで、各ブラウザにどのように表示されるのか？ってのがあるんですが、Macであれば、いろんなブラウザ、バージョンの違うブラウザを入れて比較的簡単にチェックできます。

WindowsでもNetscapeなどであれば、違ったバージョンのブラウザをインストールしてチェック可能です。

問題なのは、IE、Internet Explorerの場合・・・

WindowsのIEはOSに組み込まれちゃってるので、１つのOSに１個しか駄目で、IEのいろんなバージョンをチェックするには、パソコンを何台も所有するか、デュアルブートとかするか、Virtual PCとかを使うことになってしまいます。

それでは金がかかってしまうぅ～

しかしです、ネットでいろいろ調べてみると「スタンドアローン型IE」というのがあるというブログ記事を発見！！

IE3からの代表的なIEをスタンドアローンで実現してるんですよ。

こりゃ、いい！　ありがとうっ！！



スタンドアローン型IEが配布されているサイト

skyzyx.com
--------

Web Designing６月号を読んでいて、

フリーのECサイト構築システム「osCommerce」の存在を知った。

結構前からあって、海外のシステムだが日本語にも対応している。

ApacheとPHPとMySQLがあれば基本的にレンタルサーバでもインストール可能だ。
サーバがSSLに対応していれば、本格的なECサイトも構築できるらしい！

機能もかなり充実しててAmazonのようなECサイトにすることも出来る様な・・・



で、試しにウチのレンタルサーバ（ロリポップ）にインストールしてみた。

まず、osCommerce日本語版をダウンロードする。



それを解凍して中の全データをレンタルサーバの「ec」ディレクトリ（ディレクトリはお好みで・・・）にアップロードする。



インストール手続きの前にロリポップでのMySQL設定をしておきます。

ロリポップの「ユーザー専用ページ」の「WEBツール」で「データベース作成」を使ってデータベースを作っておく。



そして、いよいよインストール。

僕はラピッドサイトさんのページを参照した。

上のページの中段程の「インストール」あたりからを参考にした。



まだインストールしたとこなので、

これからいろいろ試してみたいと思う。

--------

安くて使えるレンタルサーバとして結構有名なのは、「ロリポップ」。

僕も自分のドメイン取って今月から使ってます。



そして、それと並んで安くて高機能と呼ばれてるレンタルサーバが、

XREAとバリュードメインのレンタルサーバ。
XREAはフリーのレンタルサーバらしく、ページをアップすると広告が掲載される。よくあるやつです。

しかし、独自ドメインで有料コースだと当然、広告も消えて、しかも１年契約であれば3990円なんだそうだ。しかも初期費用なしです。ロリポップよりもお得かも。SSLやデータベースも使えるし・・・

※ただSSLは別サーバなのでアドレスが変わっちゃうみたい。



今度フリーの方で試してみようかな。



高機能で安いXREAとバリュードメインのレンタルサーバー

XREA.COM
--------

まず、カスタムのCSSを作る為の前準備として、

/ZenCartをインストールしたディレクトリ/includes/templates/zencss

/ZenCartをインストールしたディレクトリ/includes/modules/sideboxes/zencss

/ZenCartをインストールしたディレクトリ/includes/languages/japanese/zencss

それぞれの「zencss」ディレクトリを丸ごとコピーして「zencss2（任意）」とかにする。
コピーした

/ZenCartをインストールしたディレクトリ/includes/templates/zencss2

のディレクトリにある「template_info.php」ファイルの

$template_name = 'CSS Layout';

を

$template_name = 'CSS Layout2';

に変更してやります。'　'内はどんな名前でも構わんとおもう。（半角英数であれば・・・）



後は、

/ZenCartをインストールしたディレクトリ/includes/templates/zencss2/css

デイレクトリ内の「stylesheet.css」をいじってやればオッケー。



Dreamweaverとかで編集し易いように、

/ZenCartをインストールしたディレクトリ/以下に

zencssを適用したトップページのhtmlソースをtest.htmlとして保存してやり、

そのtest.htmlをDreamweaverで編集。



カスタムのCSSが完成したら、

ZenCartの管理画面で適用するテンプレートを「CSS Layout2」にして完了！



※当然、コピーしたディレクトリやら編集した「template_info.php」「stylesheet.css」は

管理画面で設定する前にアップロードしとく。
--------

GoogleのCHTML変換による携帯からのアクセス方法は、



例）http://www.hoge.com/　にアクセスしたい場合、

「http://」を取り、「/」を「@2F」にして、

http://wmlproxy.google.com/chtmltrans/h=ja/u=www.hoge.com@2F/c=0

とアクセス。

※URL に ? がある場合は @3F に，+ がある場合は @2B に置き換える。



逆にこれでアクセスされないようにするには・・・
htaccessを使って、

Google CHTML変換のさいのユーザーエージェントである、

DoCoMo/1.0/P502i/c10 (Google CHTML Proxy/1.0)

を拒否してやる。

GoogleはWAPも変換しちゃうみたいなので、ユーザーエージェントで使われてる共通ワード「Proxy」で弾くには・・・



SetEnvIf User-Agent "Proxy" deny_ua

order allow,deny

allow from all

deny from env=deny_ua

--------

インラインフレームで表示させようとした場合、表示させるエリアよりもフレーム側のページの横幅が大きい場合はどうしても横のスクロールが出てしまいますが、小さい場合は横スクロールバーは普通は出ないはず。



でも、Windows IEでは何か出てしまう。

それを出ないようにする為には・・・

フレーム側のファイルの<html>タグを

<html style="overflow-x:hidden;">

としてやれば、Windowsでもうまく表示される。

--------

スタイルシートのオンオフや違うスタイルに変更できると何かと使えるのでは・・・
と前からちょこっと思ってまして、調べてみました。

ポータルサイト構築のお勉強の為？
CMS（コンテンツ・マネージメント・システム）で有名な「XOOPS（ズープス）」をインストールしてみた。
ネットで見つけたサイト「XOOPS EPOPEE - なんでもマニュアル」を見ながらインストール。
K1ファクトリーのサーバはロリポップなので、ロリポップのMySQLデータベースを作成。その設定を入力してやると、あっという間にインストール完了。MovableTypeよりも簡単！

そのインストールした「XOOPS」サイト。まだ何もありません。広告欄のフラッシュバナーが眩しいよ。

Intel Macが出て以来、MacでWindowsを動かすことについてネット上で議論が飛び交ってたようですが、遂にAppleからそれを実現するソフト「Boot Camp」が出ましたね。まだベータ版ですが、今年に出る時期Mac OSXにはついてくるような。

これさえあれば、Mac１台でWindowsも出来ちゃうんで、今の僕のように主にWebサイトの見栄えを見る為にWindowsマシンを使ってる身からすると便利かも。Photoshop CS2なんてMac OSXで動かすより早いらしい！

これで、MacからWindowsにチェンジする際に再起動しなきゃいかんのがなぁ。まぁデュアルブートだから仕方ないんだけど。MacからWinへ、WinからMacへとコピー＆ペーストとか出来ないし・・・

それってバーチャルPCで充分ってことか・・・

遂にうちのWindowsパソコンにもIE7(Internet Explorer7)をインストールするハメに。
個人的には、どうでも良いことなんですが、
仕事的には必要になってきました。

実際、インストールして思ったのは、
インターフェイスが分かりにくい・・・
それはいままでのIE6に慣れてたから・・・
ちょっと使うとそれも解消。

そして、次には、拡大・縮小が文字だけでなく、画像まで・・・
まるでOPERAのようです。おお！！
※従来の文字だけサイズ変更も可能です。
画像も拡大できるみたいなので、ユーザビリティ的にはいいのかな。

そして、これまでXHTML+CSSで作成したサイトをちょっとチェック。
大体は、問題なさそう・・・
でも、一部変になったところも・・・余計な仕事が増えるわ。

さぁ〜て、次は・・・
ってところで、エラー発生！！うんとも寸とも・・・
IE7だけがフリーズなので、とりあえず終わらせて、もう１回立ち上げると
はい、元通り。でも、ちょっと不安定なのかも。

ようやくIE7も他のブラウザに追いついてきた感じですが、
もっと早く出て欲しかったよ。

久々のWeb関連のエントリーです。

先日、Windows版にもSafariが登場し、
ver3.0.2で日本語も表示できるようになりましたが、
まだ日本語の入力はできないみたい・・・

これからはWindowsでもSafariでブラウズできると思ってたのに・・・

フォントもきれいで、表示も速いのに・・・
もうしばらくの辛抱か。

たま〜に仕事でYou tubeとかに動画をアップするんですが、
これがど〜も・・・画質がイマイチ。

ネットであれこれ思いついたときに調べるんですけど。

ふと気づくと、You tubeってHD画質の動画に対応したみたいで、
それについてあれこれ調べると、ようやく画質の良いアップ方法が見つかったかも。

You tubeにアップするときは、簡単なiMovie'08使っていて
いままで、「共有」メニューの「You tube」で動画をアップしてたんですが、
HD画質で表示させるには、ちょっと面倒ですが、以下の方法でやるといい感じ。
※もっといい方法があれば教えて！！

iMovieで編集するところは、これまで通りですが、
「共有」メニューの「QuickTimeを使用して書き出す」を使用して以下の様にデータを作ります。

書き出し：「ムービーからMPEG-4」
「オプション」ボタンでさらに詳しい設定をします。

■ビデオ

■オーディオ

※データレートが「2295」キロビットとなってますが、これはどこかのサイトに書いてたので、
それをそのまま使ってます。
このデータレートを大きくすればするほど、画質が向上しますが、データがそれだけ重く、
You tubeのアップロードにかなりの時間がかかります。

それでアップしたのが・・・
SLに乗ったよ！

データレートを「4000」までしたのが…
SLに乗ったよ！4000
確かにこっちの方が画質ええけど、アップに50分ぐらいかかってます。

You tube関連でもう一つメモると…
上のHD画質の動画ですが、普通にリンクするとノーマル画質の動画にリンクされるのですが、
URLの最後に「&fmt=22」を追加すると、HD画質のある動画は、HD画質の方に直接リンクできる。

そして、自分のブログとかにYou tubeのHD画質動画を埋め込むには、
「&ap=%2526fmt%3D22」というのをURLの最後に付けるといいそうです。

それが下の動画。

あ、それから…
前々回のアホな動画からなんですが、動画データの置き場所を自分のレンタルサーバから、
ネット上のデータストレージに変更しました。
それは、「Dropbox」ってやつで、なんと無料で2GBまで使えます。

ほかにも1TBまで使える「Oosah」ってのもありましたが、何だかうまく行きませんでした。

遂に来たか！と思いましたが、大丈夫でしたね。
ほんとに今朝は飛び起きました！！

いざとなると、逃げるというより、体固まってしまいますね…

これは前兆なんでしょうか。
ちゃんと準備しとかんと…

神戸出身とはいえ、幸か不幸か？阪神大震災は経験してないので、
今朝の様な大きな揺れは、初めての経験。
本当の東海地震はずっと大きいと思われるので、いい加減に危機意識を持たないとエライ目に遭いそうです。