Dreamweaverで転送したファイルがFFTPでみれない件
Dreamweaverで転送したファイルがFFTPでみれないことがあり、不思議に思ってましたが、理由がわかった。
今回のはhetemlサーバで複数ドメイン設定しているレンサバ。
ものわかりのいい人はこれでわかっちゃうんだろうな...自分、気づくのに半日かかった。。。
Dreamweaverで転送したファイルがFFTPでみれないことがあり、不思議に思ってましたが、理由がわかった。
今回のはhetemlサーバで複数ドメイン設定しているレンサバ。
ものわかりのいい人はこれでわかっちゃうんだろうな...自分、気づくのに半日かかった。。。
リニューアルにおけるターゲットブラウザ選定に関して問題です。
あるサイト(siteAとする)におけるブラウザシェアが以下ページの通り。
http://www.spiral-records.com/psts-lib/ana081105/0808-09-10bando.html
※直近3ヶ月分を1ヶ月をひとつの区切りにしている。
siteAのターゲットユーザー層は
10代~40代の男女、コア層は10代~20代の男女(7:3想定)。
30代~40代はほぼ男性。
ウェブリテラシーは幅がある。
月間PVは10万程度の小規模サイト。
リニューアル後は50万PVくらいを目標にしたあるジャンル(趣味)に特化した情報サイトです。
以上の内容で、ターゲットブラウザをどこまで含めるか?
という問題。
Fire Fox3.0 For Mac ですが、まだ挙動が怪しい点ありますねえ。
例えばデフォルトのフォントをヒラギノ角ゴProにしているとアンカーリンクテキストのアンダーラインが太くなりがち(3pxくらい?)とか。
cssがなぜか外れやすいとか。
はやめに直るといいブラウザになれるんだけど。
もしくはyahooツールバーがsafariに対応すればそれでもいいけど。
とりあえず、モジラさん頼んます。
赤い風船 ブログパーツをこのサイトのトップページに貼ってみました。
風船をクリックすると「素敵」って思えるよ。
アナログな雰囲気とか、やさしい感じとか、ふっと一呼吸できる感じがひとにやさしい。
ちなみにこの「赤い風船」なる映画、
「1956年度のカンヌ国際映画祭でパルム・ドールを受賞し世界的大ヒットを記録した、アルベール・ラモリス不朽の名作。」
だそうです。残念ながら観たことがないのですが。
とりあえず、同級生よ(笑)、素敵をありがとう。
CNETのニュースから。
goo ランキング調べだそうです。
1 情報が数ヶ月間更新されていない
2 画像が多くて、重い
3 「準備中」のコンテンツだらけ
4 リンク先がPDFファイル
5 トップページからオールFlash
6 ポップアップがどんどん開く
7 情報が多すぎで探している情報にたどり着けない
8 商品一覧などの一覧ページがない
9 突然音が鳴る
10 問合せ先が明記していない
11 サイトを見ても何を伝えたいかがわからない
12 商品の詳細情報がない
13 ブラウザのサイズを勝手に変えられる
14 サイト内検索が出来ない
15 会社案内の地図がわかりにくい
16 目に優しくない背景色(黄色や赤色など)
17 全体的に文字が小さい
18 公式ブログがスタッフの内輪ネタばかり
19 右クリック禁止
20 サイトメニューが英語で書いてある
Flashを検索しやすく――AdobeがGoogle、Yahoo!と提携(ITmediaニュース)
Adobeは米Yahoo!と米GoogleがFlashファイルフォーマット(SWF)を検索インデックスに取り込めるようにするため、最適化されたFlash Player技術を提供し、現時点では検索エンジンが見つけられない情報を開示する。従来、検索エンジンはSWFファイル内の静的なテキストとリンクをインデックス化していたが、Flashコンテンツは状態が変わるため、検索インデックスに取り込むのが難しかった。だが今回の提携で、Flash Playerで動作する多数のリッチインターネットアプリケーション(RIA)やWebコンテンツが検索で見つかりやすくなるという。
ログ解析もこれによって変わるんだろな、また。
Dreamweaver CS3 swfの挿入ができないバグみたいなやつ。
<head></head>内のcss指定とかで例えば
<link href="../css/global.css" rel="stylesheet" type="text/css" />
という感じで書きますが、
ホームページビルダーなんかでやると
<LINK href="../css/global.css" rel="stylesheet" type="text/css" />
という感じで大文字表記がまじるケースがあるようです。
この記述になっているhtmlファイルをdreawweaverで開いてメニューの挿入からflashを挿入しようとしてもflashが選択できないようになってしまう。
LINKをlinkに変更すると挿入できるようになる。
理由はなんでしょう、時間があるときに考えよう。
取り急ぎメモ。
URL エンコード/デコードフォーム
http://home.kendomo.net/board/decode/decode.php
かなり重宝してます。
便利ですね。取り急ぎメモ。
ウェブサイトのサムネイル表示を実現したいなあと。
簡単にできるAPIがありました。
他力本願ですが。
こんな感じ↓
デザインとかもろもろはやはり自分で作っていけるようでないとしょうがないんですが、
取り急ぎはこれを使わせてもらうのもいいですね。
他にも色々あるようなのでいいものがあればまたメモります。
取り急ぎのメモ!
Skypeはじめました。
Yahooのメッセンジャーとか昔やっていた時期もあったんだけど、今更ながらSkypeをはじめました。
普通に打ち合わせとかできて、やっぱ感動しますね。
なにせ、PC88や98とかMSX世代ですから。(小学生の時だけど)
BASICマガジンとか必死になって読んでBASICで簡単なゲーム作って、マシン語で悶絶および挫折してっていう(笑)
トップページにFICCのANOTHER BOOKMARKブログパーツを貼り付けてから、ちょくちょく紹介されるflashサイトを見ています。
こういったブログパーツはすごく便利です。自分のサイトにRSSリーダーを突っ込むってのもありかもしれないという気になります。
もはや、単にブックマークするだけでは距離感がある今日この頃です。(いや、昔からか...)
flvファイルの再生において、flashに既に用意されているスキンを利用する方法があります。
オーソドックスな外観で使い勝手も良く、スキン(再生ボタンやボリュームコントロールなどのコントローラーのこと)の種類も豊富かつ、ボリューム0スタートでの再生などの設定ができて非常に便利ですが、最初は色々と戸惑うところがあります。
使い方
1 flaファイルを新規作成。
2 読み込みでflvファイル読み込み
3 ウェブサーバ上で閲覧させるには「〜サーバに展開済み」を選択しそのflvファイルの存在するパスを記入
4 プログレッシブダウンロードを選択
5 スキンをえらぶ
6 終了
7 出だしのボリューム調整や自動再生等の設定はプロパティのパラメータをいじります。
これに気づかずそこで設定できるのかとしばらく悶々とする可能性があります(笑)
そして、
8 swfを書き出し
9 サーバにアップです。
がアップの時のポイントがひとつ。
swfファイルをアップロードしただけでは再生されません。
10 スキンファイルのswfがswf書き出し時に同じディレクトリに自動で生成されます。このスキンswfとflvをアップさせないとウェブ上で閲覧できません。flvだけアップすると映像はでてもコントローラー(スキン)が表示されません。
dreamweaverで埋め込んだHTMLで「依存ファイルもアップ」としても、この2つはアップされないのできちんと手動でする必要があります。
さらに、スキン自体の変更(デザイン変更やストップボタンの削除など)は
flash CS3(Mac OS)の場合
アプリケーション>Adobe flash CS3>Configuration>FLVPlayback Skins>FLA>ActionScript2.0 or 3.0
のなかにあるflaファイルのうちベースとして使いたいものをコピーし、それを編集、swfで書き出すことでさらなるカスタマイズが可能になります。

例)MojaveExternalAll.flaを開き、早送りと巻き戻しのボタンを削ったところ
上記の手順でカスタマイズ作成したオリジナルのスキンをflaファイルでflv読み込みの際(上記手順の5番)にカスタムスキンを選択しパスを設定すればOKです。
なお、dreamweaver上でflashvideoの埋め込みでスキンを選択して同じようなことができますが、スキンの種類が限られていることと、カスタマイズ性が低いのであしからず。
また、プログレッシブダウンロードでの動画閲覧をユーザーに提供する上での留意点として、ストリーミング配信と違い、動画データそのものがクライアントの使用しているブラウザにキャッシュされていしまうという点です。
この点を事前に確認し、プログレッシブダウンロードでの公開を行う必要があります。
以上メモ!
なんか楽しいな、これ(笑)
ということでもう一つつくった。
ウェブ制作でお世話になっている書籍の中でも、個人的に重宝したものを抜粋。
まあ、あとは実際のソースを引っ張って研究して盗んで、というのが一番ですが。
あと、デザインの面でいうとヒトのpsdデータとか、ほんとに役立ちますので、先輩デザイナーのpsdファイルは頭下げてでももらうといいですね(笑)
amazonのくるくるウィジェット作ってみた。
最近買ったレコードです。
inRainbowsはダウンロードで持ってたけどレコードで買っちゃいました。
オウテカもレコード。
clarkもレコード。
あとはCDかな。
モーサムのシングルはずっと欲しくて中古で見つけて即買い。
S&G関係のレコードはいつでも心の音楽です。
キース・ジャレットは相変わらず、というか常にばかうま、やばい。
M83はファーストからどんどん悪くなっている気が。
新作確か出たんじゃないかと。
一応チェックするか。
clarkは相変わらずかっこいい。
そんな感じ。
IE7をベースにIE6をスタンドアローンにすることにしました。
もう疲れた。
上記アドレスにすべてのっています...
ほんと勘弁です...。
というか最初からこうしろという...
IE7スタンドアローン版の件の続き。
再起動してIE6を立ち上げるも、ホームから別のURLに行こうとするとポップアップが複数立ち上がり開かない...。
IE7スタンドアローンインストール時のバグとしてちょっとこういうことがありそうな気配はありました(そういったコメントをネットで散見していたので)。
場合によってという感じだったのでまあいいかなんて思っていたら。
実際におこっちゃいました。
続きを読む "IEは本当に消えてなくなって欲しいと思うし、さらにはwindowsの消滅希望も頭をかすめ始める今日この頃" »
ブラウザ互換性のチェックのためIE6ままにしてあるwindowsXPのVAIOでもIE7でチェックをするべく、IE7スタンドアローン版をインストールした。
でも、htaccessでアクセス制限かけてあるページがみれない...。
色々ネットで探したんだけどどうも解決方法がないようで。
まったく意味なし(笑)
結局アクセス制限一時的に解除したり、制限し直したり。
......しんどいす。正直。
というかIEよ、頼むから死んでくれ。
先月から少しずつですが、ウェブ制作に関していわゆる手順書というか、自分向け参考書というか、そういうった感じでまとめるという作業をしています。
案件毎に新しい技術を導入する機会やより最適なコーディング方法などを検討・試運転・実装・検証している中で、このサイト内にメモ的には書いてきましたが、もっと自分自身体系的に保存構築しておきたい、さらにはこの作業をすることで再検証し、理解を深めたいと思っています。
で、ネットで調べるのと同時に参考書を色々目を通しながらまとめているのですが、その中で参考にしている書籍の一つが

Webリテラシー―プロデュース・ディレクション・デザイン・プログラミング (ウェブの仕事力が上がる標準ガイドブック 1)
「Webリテラシー~ 」をamazonで調べる
です。
続きを読む "Webリテラシー―プロデュース・ディレクション・デザイン・プログラミング (ウェブの仕事力が上がる標準ガイドブック 1)" »
敬語の使い方を確認し、どのレベル・どの敬語を使用するかについての仕様を決定し、制作していくことはウェブサイトを制作する上で必須のことです。
このサイトはそこらへん適当ですが、クライアントワークではそのようなことがあっては行けない。
「敬語の指針」平成19年2月2日文化審議会答申
wikipedia[敬語]
を参考にちょっとまとめてみました。
My Yahoo!のRSSリーダーがちょこっと変わった。
今までは7日間?前までの最新のエントリーのみ表示していたのが、古いエントリーでも最低5つ分は表示されるようになった。
個人的にはこっちのほうがいいですが、ユーザーによって好みがあるので色々選択できるといいように思います。
レイアウトはカスタマイズできるのでそこはいいんですが。
んーばたばたと忙しいです、久々のエントリー。
ウェブマスターになっている案件の近況を。
web2.0的APIランキングを発見。
http://www.pingable.orgのThe Top 15 Web APIs For Your Site
1位 「YouTube API」
2位 「Flickr API」
3位 「Google Maps」
4位 「Delicious API」
5位 「Digg API」
6位 「Google Ajax Feed API」
7位 「Windows Live API」
8位 「Yahoo Search API」
9位 「Google Search API」
10位 「Feedburner API」
11位 「Facebook API」
12位 「Ebay API」
13位 「Audio Scrobbler API」
14位 「Upcoming」
15位 「MediaWiki API」
なかなか有名どころが出揃っています。
本当に欲しい情報をできる限り簡単に集めたいと思っている。
検索してあぁーでてこないよ、なんだよもう10ページめだよフザケンなとかgoolgeもyahooもMSNも調べたし、んー教えてgooかはてな?も見てみたしとかなんていつだってやりたくない。
だからなるべく簡単にさがせるように、ネットをうろちょろして見つけたある特定のことに対して量的にも質的にもグッドなサイトをブックマークする。RSSリーダーに登録したりする。
いつもそういうサイトを作れるよう努力しているけど、
また次もその努力をより一層しなければならない情報提供サービスサイトを作ります。
スタッフもだいたい決まりそうだし、
他の色々あってとまってしまっているサイトの無念をはらすためにも(笑)
相当頑張ります。
今まではデザイン・コーディング・ディレクションを主にやってきましたが...
ウェブマスターになりました。
もちろんこのサイトやスパイラル関係のサイトはウェブマスターでもあるんだけど。
あるサイトのリニューアルで別制作会社が作って、それを僕が管理。その後運営も管理。
というスタイルでは初のウェブマスター。
...なりゆきで。
どうなることやら。
とりあえず○○制作会社のうち担当の方、頑張ってください。
いや、違った、一緒に頑張りましょうか。
違った角度からウェブを眺めることができそうですごく楽しみな感じになってきた。
検索サイト
百度
このサイトがオープンして1ヶ月が過ぎましたがGoogle AdSenseに関して、英語広告の表示はやはり起こっていて、その解決方法を導入しました。
よく落ちる気がする。Windows Interet Explorer 7 というブラウザが。
なんだろな、原因をちょっと探ろうとおもう今日この頃...。
ツールバーとか追加しているツールが原因か、IE7そのものか・・・んー。
この本をamazonで買う
現:株式会社セシールネットマーケティング本部執行役員(元:ライブドアウェブディレクター、キノトロープディレクター)である島元大輔氏によるWebディレクターblogを元に編集された本。ウェブディレクターという職業について、経験を元に語られています。

http://www.spiral-records.com/wimil/
SIRAL RECORDSメンバーKohei Yamazakiのサイト、" where is my island? " オープンです。
続きを読む "where is my island? (Kohei Yamazaki Personal site)" »
新しいレンタルサーバを契約しました。
heteml [ ヘテムル ] です。
ウェブの仕事でクライアントの契約の関係上とかで色々なサーバ会社を利用することになります。
今回某レンタルサーバの対応の悪さに腹が立ちましたので、レンタルサーバについて簡単にレポートします。
新規ドメイン取得ついでにドメインの種類について一度確認。
新しいサイトオープンに向け、本日ドメインを取得しました。
先日書いたGoogle AdSenseで英語の広告しかでないという現象ですが、
早速日本語の広告がでてきました。

google AdSenseをサイト内のいくつかの場所に導入しています。