2009年11月20日
グーグルが「Chrome OS」ついに公開！
いよいよ第４のOSが出てきました。
［速報］グーグルが「Chrome OS」ついに公開！ ソースコード含む詳細を明らかに
しかも純粋にネットをベースにしたOSなので、
・Webブラウザに特化している
・４秒くらいで起動（余計な起動プロセスは省略）
・ローカル側には何も持たない、保存もしない。
・アプリケーションのデーターはクラウド側におかれるので、アップデート等の作業が必要ない（常に最新バージョン）
アプリケーションは全てgmailの様にサーバー側におかれてウェブブラウザで見るというスタイルになります。
データーも全てクラウド側。
なので、携帯で見ようがパソコンで見ようが、そこには自分の環境が全て整っているという理想的な状態が作れます。
ものすごく合理的で理想的なんですが、日本人にとって最大の壁になりそうなのが、データーをどこか知らないサーバーに置かれる事に耐えられるかどうか。（例えば、グランドキャニオンのそばにあるデーターセンターにおかれたりします）
ただ、プライベートクラウドなんてソリューションも提供している会社もあるので、いずれ普及しそうですが。
サーバーをクラウドにしようかとか迷っているところではあります。（やるとしたらAmazon EC2/S3か)
とにもかくにも、ウェブアプリケーションというスタイルが一般的になってくると、ウェブデザインも大きく様変わりしそうです。
こないだgoogleで行われていたHTML5の講義に参加したんですが、そのうちの一つが、オフラインウェブアプリケーション（インターネットとの接続が遮断しても動くウェブアプリケーションの作り方）でした。
なるほど、やっとgoogleが目指している物とつながりました。
講義のオフラインウェブアプリケーションは、まだまだバグが多いらしく、速度的にもまだ実用レベルじゃないらしいのですが、これで開発は加速するでしょうね。
2009年11月17日
IE6で透過pngを表示させる
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
DD_belatedPNG.js を初めて使いますが、導入しやすさと、バグとのバランスで、他の方法よりも良いかもしれない。
Google codeのie7.js（Microsoft Internet ExplorerをWeb標準を準拠しているブラウザのように動作させることができるjavascriptライブラリ）にも期待したいですが、リンクが使えなくなったり結構致命的なバグがありました。
（CSSの使い方によっては出ないのかもしれませんが）
なんだかんだでまだ２５％位は存在するIE6です。
早いとこなくなってもらいたいので、Windows 7に期待してますよ。
おそらくIE6とNetscape 4.7が無かったら徹夜で働く事も無かったはず。
今後のウェブ業界は平穏であってもらいたい。
2009年10月23日
次のSafariはOpenGLレンダリングに対応（マイコミジャーナルより）
ちょっとクリップ
http://journal.mycom.co.jp/news/2009/10/22/041/index.html
HTML5といい、WebGLといい、どうもWeb標準グループはプラグインが嫌い。
まあ一つの企業に独占されるのはWeb標準から外れる可能性が高いので、
当然と言えば当然です。
正直、Flashで良いじゃんと思う事もあるのですが、
他の選択肢を残しておかないと、
一人勝ち企業が多くの開発者やクリエーターを苦しめる事も想定されるから、
Webの健康を保つのに必要です。
OpenGL ES 2.0を使ってるとの事なので、
iPhone 3GSのAPIと共通なのが良いですね。
Safari持っている人はWebKitもインストールしとくと色々面白そうです。
2009年10月 6日
Adobe 、iPhoneアプリ用にFlashを変換するツールをデモ
Flash Pro CS5登場―Adobe 、iPhoneアプリ用にFlashを変換するツールをデモ
http://jp.techcrunch.com/archives/20091005adobe-shows-off-flash-apps-for-iphone-yes-you-read-that-right/trackback/
なかなか衝撃的な発表です。
その手があったか、、、。
Adobe もiPhoneプラットフォームに対して手をこまねいては居なかったってことです。
ただ、iPhoneのアップデートのスピードについていけるのかな〜〜。
常にiPhone SDK未満な事しか出来ないかなと単純に思います。
より優秀なインターフェース・ビルダーが開発されたと思った方が良いのか、、、。
公開ベータが出るのを楽しみにしておきます。
ある程度の物だったらすぐに開発できちゃいますね。
これも梅田望夫さんの学習の高速道路みたいな物ですかね？
よりいっそう企画が重要になっているという事で、思い立ったらすぐ作れる環境が整うのは良い事かな。
Objective-C 長い時間かけて勉強しているのにな〜〜。
その点はがっかり。
まあこの仕事はその繰り返しだけどね。
2009年9月24日
2009年8月10日
Opera で usemap を使うと"応答無し"になる
今気付いたんだけど、これは何のバグだろう？
Windows版、Macintosh版ともに応答無しになります。
画像の所為かと思いpngをgifにしてもダメでした。
単独で画像を表示させれば、ちゃんと表示します。
いろいろ追い込んでみたところ、usemap="#preforum"を消してみたところ正常に表示される様になりましたが、まだmapが原因なのか、imgが原因なのかわかりませんん。
原因が特定できたら報告します。
追記：08.08.12
どうも画像に入っていたclearfixのスタイルシートを外したら直りました。
Opera 10ベータでは画像は表示されたんだけど、やはりusemapは使えませんでした。
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
2009年6月 4日
WordPressで「データベース接続確立のエラー」
MySQLを３系から５系にアップデートして、最新版のWordPressをインストールしたら、データーベース名、パスワードは合っているのに、なぜか接続確立のエラー。
インストール方法が間違っていないか、モジュールのバージョンアップや、apacheの設定やらいろいろ確認したんだけど接続できない。
シェルで接続する分には全く問題ない。
自前でデーターベースへの接続スクリプトをつくって試してみたら、それでもエラー。
ただ、やっとエラーメッセージが確認できました。
Client does not support authentication protocol
どうやら、
A.2.4. Client does not support authentication protocol エラー
MySQL 4.1 では、パスワードハッシュアルゴリズムに基づく認証プロトコルが使用されていますが、これは旧クライアントが使用しているものと互換性がありません。
という事らしく、old-passwordsで設定し直したところ無事インストールできました。
こういうのってWordPress側で吸収してくれると良いんだけど。
スクリプトの参考文献
PHPテクニックブック
2009年6月 3日
アドビ、クロスブラウザテストサービス「BrowserLab」の無償プレビュー版を公開:ニュース - CNET Japan
アドビ、クロスブラウザテストサービス「BrowserLab」の無償プレビュー版を公開
http://japan.cnet.com/news/media/story/0,2000056023,20394278,00.htm
ブラウザのテストがほんとに手間かかるので。
これで正確にやってもらえるんだったら最高です。
ちょっとした試験だったら良いかな。
結局実機でテストする事にはなるんだろうけど、結構勢いが大事な時もあるしね。
2009年1月27日
FireFoxのバグ？仕様？
XHTML 1.0でこういう書き方をするとこれより下のタグが全くなくなります。
画面が真っ白に、一応bodyタグの背景色は効いているみたいですが。
<script type="text/javascript" src="/js/mainscript.js" />
でてっきりFireFoxだけの現象かと思ったらIE6でも出ました。
WebKit系では出ない現象です。
IEに関してはその他の記述の兼ね合いによっては正常に表示されたりします。
ただ、FireFoxだとまずダメのようです。
<link href="mainstyle.css" rel="stylesheet" type="text/css" />
という書き方は問題ないのに、、、。
理由がわかる人はコメントお願いします。
検証したブラウザ IE6 Firefox 3.0.5 safari 3.2.1 Google Chrome
2008年11月28日
久しぶりのブログです。
サーバーの移転やら、仕事やらですっかり久しぶりの書き込み。
iPhoneをこの間買ったのですが、そのうち色々書いてみようと思います。
面白そうな記事です。
App Store登録もOK！ JavaScriptで作るiPhoneアプリ
結果がどうなるか気になりますが、ウェブアプリでもApp Storeに入れるなら、面白い事ができそうです。
Objective-Cを今からおぼえるって手もあるかもしれないですが、ちょっとやってみるにはいいかもしれませんし、かなりの事がアイデア次第で出来そうじゃないですか。
ちょっと注視してみたいと思います。
2008年4月19日
2008年2月22日
2007年12月30日
2007年11月20日
「GyaOがやっと、Macで見られます」――MS「Silverlight」対応で
「GyaOがやっと、Macで見られます」——MS「Silverlight」対応で
http://www.itmedia.co.jp/news/articles/0711/19/news066.html
名前は聞いていたんですが、こうやって対応するサイトが出てくると、
考慮の余地が出てきますね。
MSの開発したFlash Playerという感じですかね。
MS「Silverlight」、早速インストールしてみました。
ぱっとソースを見ただけだと今一分からないですが、JavaScriptで制御するっぽいです。
ポイントはWindows Media PlayerのDRMコンテンツが見られるというところ。
もし気軽にDRM付きのストリーミングが出来るとすると、
一気に採用したいって動きになるかもしれないです。
正直ストリーミングでやったとしても、デジタルのまま録画、録音出来てしまうので、著作権に気を使いながらサイトに載せるのはちょっと出来なかったので。
自前のWindowsサーバーを立てて、ストリーミング出来るんだったらこれ使いますよ。
やっぱり、ポイントになるのは、Windowsだけでなく、Mac、Linuxに対応しているって所。
正直Mac、Linuxは無視できないです。
たとえば、お店に行ったとき、あなたの服装は少数派だからお店には入れませんって言われたら二度と利用しないでしょうね。
こう言うのってサービスの問題だから。
まあMac好きだからそういうんだろうと思われるかもしれないけど、
Windows好きだったとしても、Macに対応してると思うし。（それがプロってもんです）
マーケティングを勉強すればするほど、お客さん本位で物を考えないサービスは、廃れていきます。これは間違いないです。
2007年10月24日
Mac OSXでEthereal(Wireshark)
パケットを調べるためにEtherealを探していたら、いつの間にか名称が変わってたんですね。
Mac OSX版もあるという事で調べてみたところ、Ｘ１１が必要との事。
ただ、インストールDVDを見てもどこにあるのかさっぱり分からず。
結局色々調べてみた結果Finkを利用してインストールするのが一番便利そうだったのでFink使いました。
Fink のダウンロード
http://www.finkproject.org/download/index.php?phpLang=ja
fink install x11
fink install wireshark
でインストールしてくれます。
インストールする前に
fink list -i
でインストールされているパッケージを確認してみてください。
参考文献
「Ethereal」は「Wireshark」に飲み込まれるのか？
Ethereal
http://www.space-peace.com/ethereal/
2007年10月16日
Netscape Navigator 復活
懐かしいですこの起動画面。
ブラウザで最初に、JavaScriptを搭載したって事ですね。
http://www.quirksmode.org/browsers/netscape2.html
一時期はブラウザ市場を独占してたんだけど、その当時は使いずらかった、IEが今や独占してます。
正直、4.7のバグの多さには本当に苦しめられました。いまだに忘れられない。
safariのwindows版に比べると全然好意的です。
なぜなら、エンジンがFirefoxですからね。
とりあえず、意味不明なバグに悩まなくて済みそうです。
Firefoxはプラグインが優秀なので、手放せないです。
以下ユーザーエージェント。
Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.8pre) Gecko/20071015 Firefox/2.0.0.7 Navigator/9.0
使った範囲では表示のスピード早いです。
2007年7月19日
最近のお仕事 ロッキーアドベンチャー
なかなか初めて尽くしのお仕事でした。（まだ宿題が残っているのですが、、）
１，発注から納品までメールオンリーで進んだこと。
２，ブログのもう一つの一角を担うWord Pressを初めて使ったこと。
３，やっとIE7で正式サポートを開始した透過PNGを使ったこと。
特に後半の2つは難しかった。
何しろMovable Typeとはだいぶ勝手が違っているので、なかなか難しい思いをしました。
参考書も少なく、資料サイトも良いのがありませんでした。
あと透過PNGですが、IE7で正式サポートされたとはいえ、IE6とIE5.5の人の事も考えたりすると、スクリプトを考えるので、苦労しました。
ただ、今後はこんな苦労もなくなっていくでしょう。
いや、なくなってもらいたい、、、、。
なくならないだろうな、、、、。
よくウェブの世界は参入障壁が少ないので、過当競争になりやすいなんて言われるんですが、
参入するのは簡単でも、その後に発生する苦労を考えると、そんなに簡単な仕事だとは思えないですよ。
もちろん手を抜けば簡単に作れますが、それで済むわけないです。（手を抜いたことはすぐ分かってしまいますし）
手をかければ、それはそれは、奥の深い世界ですから。
これからはじめる人は心して入ってください。（そして、私を手伝ってくださいな（笑））
2007年7月 4日
2007年7月 2日
2007年6月24日
ＣＳ３！！
昨日は一日、仕事で使ってみました。
こりゃスゲーソフトです。
ぱっと使った限りでは新機能は利用しなかったんですが、各アプリケーション間の連携がすごくスムーズで、いままで感じてたアプリケーションの切り替えのストレスがなくなってます。
Intel Macへのネイティブ対応効果も大きいようです。
もうちょっと環境設定を詰めていけば、ストレス０に限りなく近づける気がする。
プロジェクトでの共有やVersion Cueサーバーなど、自分一人で持っているのがもったいないくらいです。
これだけのソフトが集まって２０万円ちょっとは安いです。ほんとに。
#ちなみに私は、アップグレードパッケージなので１１万円！
たぶんすぐ元取っちゃえます。
各コンピューターでデーター連携がとれるなら、自宅で仕事は、デスクトップ、移動中はノートパソコンなんて芸当も出来るのかも。
＃あ、その場合二つ持ってないといけないのか、、、、、。
それにしてもアドビとマクロメディアの合併は良いシナジー効果を生んでくれました。
マクロメディア製品は素晴らしかったんだけどユーザーインターフェース周りが使いにくかったので、そこら辺に一日の長があるアドビがてこ入れしてくれたのは素晴らしいです。
2007年6月23日
ＣＳ３！
昨日は、Adobe CS3の発売日！！
Adobe Creative Suite 3 Webエディション
予定では今日届くので楽しみです！
これで仕事の効率が上がると良いな〜。
ほとんどの機能が使い切れないうちに次のが出ちゃうでしょうが。
明日はいろいろ遊んじゃいそうです。（笑）
「Intel Mac対応」ってのがどれくらい効果あるのか試してみたいですね。
こんな検証結果があるようです。
ついにIntel Mac版登場! 噂のPhotoshop CS3を速度面から検証する
これはベータ版なので、実際のスピードとも変わってくると思うけど。
Power Macより遅かったのか、、、、。
2007年6月19日
【メモ】スクリプトOFFでもちゃんと閲覧できるように サブウインドウを開く弊害と対策
スクリプトOFFでもちゃんと閲覧できるように サブウインドウを開く弊害と対策
古い記事ですが、こう言った細かいユーザビリティは大切ですね。
JavaScriptを使うことが当たり前になってしまうと、こう言った感覚忘れてしまいますが。
サブウィンドウの扱いで探し当てたページ。
そういえば検索エンジンは被リンクを人気投票の様に扱うシステムです。
こう言った書き込みは、そのコンテンツの支持表明でもあるんですよね。
2007年6月14日
トラックバックについて(SEOネタ）
トラックバックするとやっぱり人が来るようになります。
ただ、今後トラックバックスパム対策で、トラックバックしたURLに対しては、googleは計算に入れない方針になるので、SEOの効果は今後見込めないと思います。
ただ検索エンジン最適化というなら、ユーザー最適化とでもいったら良いのかな。
お客さんの興味を引いてくる意味で、トラックバックは重要な位置にあり続けると思います。
インターネット自体が知的興味ででき上がっている事を考えると、トラックバックは、豊富にあるに越したことはないと思います。
そういえば、ブログとはインターネットのサービスではなく、ネットに対する態度と考えても良いんじゃないかなと思います。SNSも態度かな。
ちょっと今は、ブログ的態度に切り替えています。
2007年6月 9日
imgのcenter合わせ（スタイルシート）
意外とこれで困ってる人いると思うので、
画像をセンターに置きたい場合、
<div align="center"> <img src=""> </div>
って出来ればいいけど、出来ないときがあります。
#私の場合は、ブログでタグが分かんない人でも自動的に写真がセンターになるように設定する必要が出ました。
上の様にやってもらえると良いんだけど、なかなか難しいので、
.honbun img {
display:block;
margin-left:auto;
margin-right:auto;
}
ってやっちゃいました。
これをやると写真が自動的にセンター合わせになります。
理屈としては、imgはinline要素なので、block要素にスタイルシートで変換してから、左右のマージンをautoに設定しました。
これで写真は真ん中になります。
この使い方はいろいろ応用できそうです。
2007年5月26日
Googleから来る人が増えてきました。(SEOネタ)
最近、ブログでいろいろ書き始めた事も影響しているのでしょう。
ホームページは質より量って戦略を現在実行中です。
＃それにしても仕事の合間にブログを更新するのはじつに大変、、。
ほかにこんなことしてます。
yahoo!のビジネスエクスプレスに登録。
Googleサイトマップを最適化。
サイトマップをMSNとYahoo!にも適用。
このGoogleサイトマップに関しては、すごいと思いました。
いままでGoogleがどのページをインデックスするかは、ロボットの次第だったのですが、Googleサイトマップの登場によってどのページを優先的に巡回するかを、ある程度コントロール出来るようになったわけです。
しかもそのフォーマットにアメリカのYahoo! やMSNも賛同して、共通のフォーマットで巡回優先度をロボットに伝えられるようになりました。
私が、仕事でブログを強力に推薦している理由がそこにもあります。
もちろんサイトは内容が大事なのですが（上にかいてあるように量も大切）、その内容が大事であるということをロボットに教えるのは実は結構大変です。
Movable Type等のブログソフトは、サイトマップのテンプレートを作れば、自動的にロボットに優先順位を指定してくれます。この機能は使わない手はないです。
2007年5月25日
やっとIE7が透過PNGに対応
今まで透明画像を重ねるとがたがたになってたんですが、
やっとその苦労から解消されそうです。
IEと透過PNG
「IEは技術的に可能なのにわざとサポートしてないとか…？」
と上記のページではあるのですが、そうでもなかったようです。
IE7の透過PNG実装内訳話
デザインの自由度も上がりそうです。
2007年5月17日
トップページにヘッドラインをつけてみました。
なんてことは無い修正ですが、以外と時間かかったな〜。
http://www.nomade.biz/
Macは全体的に日本語フォントが大きいので、javascriptで1px小さくしてます。
<script type="text/javascript">
<!--
if (navigator.platform.indexOf("Mac") != -1) {
document.write("<style type='text/css'> #whatsbody { font-size:10px;}</style>");
}
//-->
</script>
2007年5月15日
【メモ】Safari スタイルシート overflow: の不具合？
参考文献：http://taro.airs.jp/d/20070318.html
Macintosh Safariだけですが、スタイルシートのトラブル
※Mac Safari 以外では表示は全く一緒。
<div style='height:100px; width: 200px; overflow:scroll; overflow-x:hidden;'>
テスト<br />
テスト<br />
テスト<br />
テスト<br />
テスト<br />
テスト<br />
テスト<br />
</div>
overflow:auto;にすれば、大丈夫でした。
<div style='height:100px; width: 200px; overflow:auto; overflow-x:hidden;'>
テスト<br />
テスト<br />
テスト<br />
テスト<br />
テスト<br />
テスト<br />
テスト<br />
</div>
2007年5月13日
Ajax+amazon
「Ajaxぐらい出来る様になりなよ」という友達の忠告で
今アマゾンのWebサービスをAjaxで読み込む実験してます。
一番ためになって効果が高そうなので。
始めて見たら結構簡単、というかPrototype.jsが良く出来てますね。
http://www.prototypejs.org/
こんなに簡単で効果高いなら、やらないと確かにまずい。
今まで偏見が多くてやらなかった理由は、ブラウザによっては機能しなかったりすると、それにいちいち対応してると大変な事になるので。
ずいぶんそこら辺は解消しているっぽいですね。
もっとも、ディープな事をすると、とたんに動かなくなりそうですが。
近日公開します。
2007年5月 3日
ホームページの値段について
良く質問される、ホームページの値段についての考え方を、ちょっとまとめてみます。
最初にびっくりする様な事を言うかも知れませんが、
制作会社にいる人から、こんな発言がありました
「１００万円以下の仕事は受けない。結果的に赤字になってしまうから」
これは実感としてそうだなと思いました。
ホームページ制作を依頼される方は、ほとんどの人がホームページの制作に関する実態を知りません。
ホームページを作る事自体は簡単なので、数万円で出来るだろうという感覚もわからないでもないです。
最も簡単な方法は、Microsoft Wordで作った文章をWebページで保存して、サーバーにアップする。もっと簡単な方法は、無料のブログを使う事です。
事例によってはそっちをすすめる事もあります。
ただ、依頼される場合のほとんどはデザインを良くしたい、という事が多いです。
当然、要求も厳しくなってきます。
デザインはその企業のブランド、信用をイメージさせる重要な機能ですので、無料ブログや、WordのWebページは、無いよりまし程度のものになってしまいます。
ある程度の説得力のある、デザイン、ボリューム、ユーザビリティが必要になってきます。
恐らく中企業以上の場合、１００万円以上というのは妥当な値段だと思います。
仮に完成までに２ヶ月以上かかったとすると、１００万円だとちょっと厳しい価格になってしまいます。
中規模以上になると、担当者が複数に渡っていたりしますので、原稿を集めるだけで大変な労力になります。
それぞれの担当の方は、ホームページの原稿を書くのが仕事ではないのですから、今やっている仕事の片手間にやっている訳です。当然原稿は遅れて行きます。
脅かす様な事を言ってますが、じゃあ１００万円以下では作らないのかというと、そんな事はありません。
事実いくつも１００万円以下のサイトを作っています。
最も安いものでは１２万円くらいで、作ったものもあります。
この場合、仲介に入ってもらった方になるべく資料の整理、スケジュールの調整をしてもらって、トータルの製作期間を圧縮してもらいました。
１００万円を２ヶ月と、７日で１２万円は、同じ意味ですから。
◎ホームページの値段を安くできる条件。
１、クライアント（依頼者）がホームページ制作に関して詳しい場合。（＝つまりやるべき事が明快であればあるほど、余分なコストがかからない訳です）
２、納期がタイトで、リスケジュールが起こりにくい場合。（＝製作期間が延びる事は製作者側からすると、真綿で首を絞められるのに近いんです）
３、逆に予算が限られている場合。（＝その予算で出来る事を考えます）
４、既に取引があり、そのサイトの内容を熟知している。
上記が安くできる条件です。
ただ、自分は安売りを推奨はしません。
ウェブサイトで効果、利益を上げるのは大変です。
新しい動きに常に眼を見張っていないといけない部分はありますし、
ビジネスセンスも必要です。
最初に、色々勉強してからでも遅くはないので、以下の本は推奨です。
作業内容を知る事は、適正な値段を探る為の一歩ですから。
ここを知れば、無駄の無い投資になって行くとおもいます。
※もちろん、企業のプロフィールがいつでも見られるというだけでも、大きな効果があると思いますので、それで十分という人にはむしろ、予算を言ってもらってこの範囲で作ってくれというのは、有りです。
（ただ、スケジュールに寄ってはお受けできない場合もあります。ご了承ください。）
余談ですが、下を見てもらうと分かる様に、Google AdSenseというGoogleの広告サービスを利用しています。
これって実は諸刃の剣で、ホームページの話題をブログに書くと、その話題にあった広告を載せるというサービスなんですが、見ての通り、ライバルの広告が載ってしまいます。
ホームページの話題を書く場合は広告を載せないと言ったくらいのスクリプトなら簡単に書けるのですが、自分にとっても参考になるのでそのままにしています。
良かったらクリックして下さい↓↓
