メイン

「Web関連技術」のアーカイブ

2007年10月 2日

Adobe のファイル共有サービス Share

Adobe labs で ファイル共有サービスが公開されてました。

CodeZine:Adobeらしいクールなファイル共有サービス「Share」公開(アドビ)

Adobe Labs - Share


アップロードできるファイルは1G。

音楽ファイルや動画ファイルはアップロードできないようです。

早速ログインしてみました。

やっぱFlash はかっこいいっす。Ajax のライブラリもだいぶこなれてきていますが、こういうのを見ちゃうとかすんじゃうなぁ。

ちゃんとAPI が公開されていて、

・ドキュメントのアップロード、ダウンロード ( Upload and download documents )
・ドキュメントをURLで共有 ( Share documents as URLs )
・ドキュメントに権限を設定 ( Set permissions on documents )
・ドキュメントのサムネイルを取得 ( Retrieve document thumbnails )
・ドキュメントのプレビューを取得 ( Retrieve Flash-based document previews 9 )

↑こんなことができるそうです。

Share:API - Adobe Labs

share 単体でも使えそうですが、APIを使っておもしろいサービスが作れそうな気がします。

2007年8月 5日

Windows Live Revolution?

microsoft が Windows Live を強化する方向性を発表したようです。

Hotmail容量が“Gmailの2倍”に - ITmedia Biz.ID

Windows Liveは、オンラインサービスとソフトをシームレスに利用できるようにし、各サービスのIDを統合して利便性を高める。MSNでは動画などリッチコンテンツを増やして集客しつつ、広告配信を強化する。

うーん。やりたいことは分かるけど、今からで果たしてうまくいくのかしら。

広告配信を強化とか、サービスコンセプトがGoogle の模倣になりつつある気がしますね。

Hotmailの容量は、現在の2Gバイトから、8月にも倍以上に増やし、アンチスパム機能を強化する。Outlook Express後継のメールソフト「Windows Live Mail」も秋にリリース。Gmailなど他社のWebメールも統合管理できるようにし、ソフトとオンラインサービスの垣根をなくす。

Hotmail も容量UPしてアンチスパム機能を強化するってのも、今ひとつ魅力的なキーワードに聞こえないんですよね。

唯一興味深かったのは、

「Silverlightや、マウスオンで検索できる新技術も活用し、新しいメディアエクスペリエンスを提供する」

ってところかなぁ。新しいメディアエクスペリエンスって、どんなんだろ。

2007年6月14日

今更ながら・・・ Twitterってどうよ?

CNET に Twitter に関する2つの翻訳記事が掲載されていました。

「Twitter」擁護論 - CNET Japan
私が「Twitter」を受け入れられない理由 - CNET Japan

Twitter擁護論の人は、

根拠や理由にとらわれずにメッセージを公開できる気軽さ、それがTwitterのよいところだ。

なんて言い、一方受け入れらないひとは、

Twitterは、友人のみならずウェブサイトをうろついて赤の他人のくだらない物思いに目を通すひまのある人間たちに向けて、頭に浮かんだもろもろを思いつくまま伝える手段となるべく作られたものだ。

なんて言ってます。

僕もTwitterのアカウントは作ってみたものの、長続きしなかったタイプ。

Twitter / chris4403

どうもあれのおもしろさが分かりかねるんですよね。

まあ、一番の理由はTwitterでコミュニケーションを取るような友達が少ないからなんだと思います。

あと表示が重たいので、気軽に書き込もうって気になりにくいんですよね。

逆に、Twitter 上に自分が発言できるコミュニティがあって、表示の重さを回避できる、或いは気にならない人は、Twitter にはまれるんだろうなぁ。

日本でも Twitter クローン的なサービスが乱立してましたが、今どうなんでしょう。

2007年3月15日

gooラボで仮想デスクトップ「ウェブトップ」が開始

gooラボで仮想デスクトップ「ウェブデスクトップ」が開始 - CNET Japan
gooラボ ウェブデスクトップ実験

ウェブデスクトップという発想は結構前からありましたが、gooラボのデスクトップはなかなか完成度が高そうです。

ブラウザ上のOSの中で、ブラウザを立ち上げてブラウジングできる(ややこし)というのは、なんとも奇妙なお話ですね。

要は、ウェブデスクトップにすることで、家や会社での作業が場所に依存することなく続けることが出来る、みたいなことらしいです。

うーん。どうなんだろ。

でも、やはりAjaxでゴリゴリとリッチなインターフェースを描くのは、なんとなく限界がある気がするんですよね。限界、というのは、一般に普及しているマシンスペックと、技術が要求するマシンスペックとの差がどんどん広がっている気がしていて。やりたいことは分かるけど、でも使いにくいよなぁ、というのが正直なところ。

わざわざデスクトップを共有しなくても、wordやexcelのような機能はGoogle Docs & Spreadsheets (祝日本語化!)で共有できるし、Webページもはてぶやdel.icio.usのようなソーシャルブックマークで共有できるからなぁ。作るのが大変なわりに、使いどころがない微妙な感じです。

Flashでこういうの作ってみたら、意外とおもしろいのかもしれないな。

2006年12月11日

MSもドメインに関するサービス開始

ITmedia Biz.ID:MS、Office Live 日本語版の無償サービスを開始

なんかこれ、Google Apps for your domainのパクリにしか見られないんですが。

ドメイン名を無料で持てる、という点はアドバンテージがありますが、使い勝手の良いWebアプリを提供してくれるGoogleの方が若干魅力的かなぁ。

気になるのは、Windows Liveの展開といい、最近のMSがGoogleのサービスの後追いばかりしているような印象を受ける点。

MSは嫌いですが、あれはあれで、彼らが信じる方向へ突っ走って欲しいなぁと思うわけです。

Googleの台頭で、Web2.0だ、Ajaxだ、オンラインアプリだと騒がれていますが、「いや、うちらには関係ないから」という態度でいて欲しいなぁと。

猿まねが上手くいけば良いですが、逆に色々手を広げすぎて、サービス全体にまとまりがなくなったら、被害をうけるのはエンドユーザですからね。

なんてぶつぶつ書いちゃいましたが、ええ、もちろん利用させていただきます。なんてったってただですから。

2006年11月25日

Plaggerの実行環境を構築する際の注意点

Plaggerに手を出すべきかどうか (でぃべろっぱーず・さいど)」で書いたとおりPlaggerを試してみることにしました。

で、WindowsのActivePerlの環境構築をする際に詰まってしまった点があったので、注意点としてメモ。

僕がインストールしようとした時点の最新のバージョンが"5.8.8.819"だったのですが、このバージョンだと「Charsbar::Note - PlaggerをWindowsにインストールするときの注意点」に書かれているようなrepositryの操作ができません。

Plaggerを利用する環境を作る場合は、Index of /ActivePerl/Windows/5.8から5.8.8.817以下の(というかずばりこのバージョンの)ActivePerlをインストールして使うようにしましょう。

いやはやまさかppmがGUIメインになり、repコマンドからupの操作がなくなっているとは思いませんでした。

2006年11月21日

Plaggerに手を出すべきかどうか

一足早く「Plagger」の便利さを実感してみよう - @IT

このPlaggerの記事を読んで、巷で話題のPlaggerとやらにちょっと手を出してみようかなと思いました。

ちょうど、「週刊アスキーの最新号の内容を配信してくれるRSSがないかなぁ」と探していたところだったので、このPlaggerを使って、週刊アスキーのホームページ(ブログではない)の内容をRSSフィードに変換しようかと。

しげふみメモ:Windowsで簡単にPlaggerをインストールする方法
Charsbar::Note - PlaggerをWindowsにインストールするときの注意点

上記のページを確認しつつ、ActivePerlのインストールをしたところで、RSSリーダに次のような記事が飛び込んできました。

ITmedia Biz.ID:好きなサイトのRSSを作れる――「gooフィードメーカー」

おっと、これはまさしく今作ろうとしていたものじゃありませんか。

うーむ、gooは良いところに目を付けましたね。

要ははてなの「アンテナ」をRSSに拡張したものなんでしょうが、上手く使うととても便利な気がしてなりません。

はて、とりかかったPlaggerは一旦最後までやり遂げるべきか、それともgooフィードメーカーを使いこなす道を選ぶか。難しいところです。

2006年11月 8日

見た目で検索

画像認識技術のRiya、イメージ検索サービス「Like.com」をついに公開 - CNET Japan

Like Visual Search - Find things by Appearance with our new Likeness technology


画像情報を元に画像を検索するサービス"Like.com"のサービスが始まりました。

これまでの画像検索は、画像に紐づけられたテキストデータを検索していたのですが、これはそれに加えて画像の色や形を判断して検索してくれるのだそうです。

早速検索してみました。

TOPページの下部にセレブの写真があり、その一部(バッグや靴)が四角で囲われてクリックできるようになっています。ここをクリックすると、そのセレブのアイテムに似ている商品を検索してくれるのだそうです。

試しにトム・クルーズの靴を検索してみました。

画面の左側に、メインの靴が表示され、それに似た靴が一覧で表示されます。

その左側の靴の画像の上でドラッグすると、画像の一部を選択でき、この一部分に「色」や「形」が似ているものを絞り込んで検索できるようです。

僕は靴の金具の部分を選択して検索してみましたが、検索結果はスニーカーとか似てもにつかないものが表示されてしまいました。

アルファ版ということなので、まだまだシステム的な課題は多そうです。

ただ、ファッション関係のアイテムは、「この靴に似ていてもっと安いのがあれば」「こういう形のボタンがついた服が」といったように、見た目を基準にして検索したいというニーズは必ずあるはずなので、近い将来こういう方式の検索がスタンダードになっているかもしれません。

2006年11月 7日

「ハレール」で「サグール」をブログに。そして「ナゾール」で検索を。

チームラボBD、検索エンジン「SAGOOL」でブログパーツを公開 - CNET Japan

チームラボが、検索エンジン「SAGOOL」(サグール)をブログに貼り付けることができるブログパーツを発表しました。

SAGOOLは、独自のアルゴリズムにより、「おもろ」を基準に検索をしてくれる画期的な検索エンジンです。GoogleやYahoo!とはちょっと違った検索結果が表示されておもしろいです。

で、早速このエントリの下の方に貼ってみました。

優れものなのが、マウスでドラッグして文字列を選択状態(反転状態)にすると、自動的にその文字列で検索をしてくれるところ(ナゾール)。

試しに以下の言葉をマウスで反転させてみましょう。

サグール Web2.0 小泉純一郎 ファイナル・ファンタジー

ね? ちょっとおもしろいですよね。

ブログのサイドバーに貼り付けておけば、自分のブログで気になった言葉をささっと検索してもらえそうです。

まあ僕みたいにマウスで反転させながらエントリの内容を読んでいく人には、ちょっといらない機能かもしれませんが。


2006年10月21日

Apache + PHP + MySQL環境構築

WindowsXPで「Apache + PHP + MySQL」の環境を構築しようとしてちょっとはまったのでメモ。

Apache2.2とMySQL4.1.6が既にインストールされていたので、後はPHPをインストールすれば楽勝と思ってたんですが、甘かったです。

http://2php.jp/php/install_php_windows.html
http://php.morva.net/manual/ja/install.windows.php

↑このページを参考にしながらインストールしたんですが、エラーが出てApacheが起動しなくなりました。httpd.confに追記した部分をコメントアウトしながら原因を調べると、どうやらLoadModuleでエラーが出ている模様。

LoadModule php4_module "c:/php/php4apache2.dll"

で、結局原因は、Apacheのバージョン。PHP4の連携にはapache2.2は対応していないようです。

ってことで、Apache2.0をインストールしました。

これでPHPとapacheの連携はOK。

ところがPHPからMySQLへ接続してみると、以下のようなエラーが出ました。

Client does not support authentication protocol requested by server; consider upgrading MySQL client

調べてみると、MySQLは4.1になってから認証方式が変わったらしく、通常のPHPからは接続できなくなっているとか。

対処方法は、PHPフォルダのlibmySQL.dllをMySQLフォルダに入っているlibmySQL.dllに置き換え、さらに、MySQLにログインして以下の手順でold_passwordを設定します。


mysql -u root -p
Enter password:
mysql> set password=old_password('rootのパスワード');


これで無事に接続することができました。

2006年9月21日

オンラインツールの使い方(半実践編)

ITmedia Biz.ID:オンラインツールとローカルツールの使い分けで困る【理論編】

オンラインツールとローカルツールの使い分けポイントを上手く整理してくれています。

やはりオンラインツールのポイントは「シェア」という点に尽きるでしょう。

Googleカレンダーで、「ビジネス」と「プライベート」間の情報をシェア、というのは基本中の基本ですね。そこで、「チーム」や「家族」の予定をシェア、まで浸透させることができれば、生活がちょっとだけ便利になりそう。

是非とも仕事に取り入れたいのが、Google spreadsheetsを使っての、顧客との懸案管理やQA管理です。

今はExcelを使って、メールに添付してやりとりしているんですが、更新したはずの情報がファイルのデグレでロストしてたり、どっちがにぎっているのか分からなくなったりと、結構運用が面倒なんですよね。

オンライン上であれば、同時に編集できますし、ファイルのメンテナンスという非常に面倒な作業がなくなる分、内容に集中できそう。

オンラインブックマーク(ソーシャルブックマーク)を使って、気になる情報を、会社の同僚や友人間でシェアしたり、オンラインRSSリーダを使って、場所を問わず「既読」「未読」管理をシェアしたり。

複数のブログを使っている人は、Writelyから投稿することで、投稿ページを「シェア」することができます。

ここに挙げたいくつかのことは、僕自身で実践していますが、結構便利です。

2006年9月13日

「スゴイ地図」

リクルートが「スゴイ地図」をリリースしました。


スゴイ地図


スゴイ地図


最近GoogleMapsの影響で、Ajaxを利用したサイトが急増していましたが、さすがにFlashでここまで作り込むと、表現力に関してはFlashの独壇場ということがよく分かります。

とはいえ、製作の手間や工数を考えると、どっちが良いとは言えませんけど。


「ホーム」のページを表示したときに画面の中央付近にいる花輪と人のアイコンをクリックすると、画面一杯に花火が打ち上がります。

この辺りの「遊び心」がリクルートらしいです。

2006年9月10日

IP電話は次のMashupの主役となるのか?

AOL、インターネット電話サービスのAPIを公開 - CNET Japan

AOLがインターネット電話のAPIを公開したそうです。

最近、MashUpという言葉をよく耳にします。

元々は音楽業界の用語だったそうですが、IT用語的には別々のサービスを組み合わせて、新しいサービス(価値)を産み出すことを指すようです。

記憶に新しいところでは、SUNとRECRUITが組んで、「Sun×RECRUIT Mash up Award」なる企画を発表しました。

さて、実際にMashUpでどういったサービスが生まれているかというと、一番目に付くのが地図、それもGoogleMapsとの組み合わせによるサービスだったりするわけです。

発想的には、インターネット上の情報に地理的な要素を組み合わせることで、副次的な価値が生み出される、というわけですから、まあ分かりやすいと言えば分かりやすいです。

先のMash up Awardでも、GoogleMapsと組み合わせたサービスが多かったようです。

その中で、異彩を放っていたのが、SkypeのAPIを組み合わせたサービスでした。インターネット電話という、ちょっとAPI的に取っつきにくそうな分野にチャレンジした方がいたらしく、審査員からも驚きと賞賛の声があがったようです。

全体的に一時の勢いを失っているAOLが、インターネット電話のAPIを公開した背景には、第二のGoogle Mapsとなるという狙いが見え隠れしています。

単純に何かの情報と、地図と、電話との組み合わせを考えるだけで、色々なサービスの広がりが見えてきそうです。

果たして、AOLの人気挽回の奇手となるのか? はたまた、Googleも負けじとインターネット電話のAPIを公開したりするのか? 今後の動向に注目です。

2006年9月 5日

簡単にエフェクト

変わるYouTube映像、ポストプロダクションを意識し始めたクリエーターたち - CNET Japan

i d e a * i d e a - 写真を遊び倒す!ための26の小粋なツール


YouTubeのような動画共有サイトの流行で、動画に対して特殊効果を加えるような編集ソフトが注目されているというCNETのコラムと、画像をWebにアップすることで、切手風にしたりマンガのような吹き出しをつけたりできるサービスを紹介しているi d e a * i d e a の記事です。

i d e a * i d e aの記事は、デジタルカメラが一般的になり、かつブログやflickrのような写真共有サイトの登場で、ただ写真を撮るだけじゃなくて、撮った写真をおもしろく加工したいというユーザの要求に従って誕生したサービスで、まさしくCGMの申し子といった感じです。

Photoshopのような複雑なアプリケーションの操作を覚えなくても良いという点がポイントですね。

これと同じように、動画に対してエフェクトをかけるというサービスがそのうち登場するかもしれません。

複数のファイルをアップロードすると、つなげて1つのファイルにしてくれたり、昔の映画のようなフィルム調のエフェクトをかけてくれたり。

写真と違って動くものなので、「どこからどこまでエフェクトをかける」という処理が難しそうですが、昨今のWebのサービスの進化具合を見るに、1年後くらいには登場してそうです。

2006年8月24日

マイクロソフト、いよいよGoogleへ反撃?

マイクロソフト、地図・地域情報検索サービスを国内で年内開始 - CNET Japan

マイクロソフトが11億ドル(約1280億円)をネット事業につぎ込んで、GoogleやYahoo!へ対抗しようとしているようです。

web2.0ブームの火付け役となったGoogleの"Google Maps"に対抗するサービスとして、記事中では「ウィンドウズ・ライブ・ローカル」というサービスが紹介されています。

ただ単に地図を表示して、マウスでドラッグできて、検索できる、みたなサービスならGoogleやYahoo!だけでなく、その他の会社も同様のサービスを展開していますが、この「ウィンドウズ・ライブ・ローカル」では、斜め45度の角度から眺めた鳥瞰図サービスがうりになりそう。

画面キャプチャを見ると、なんだかシム・シティのようで楽しげです。

これなら、「○○ビルの10F」とか「△△ビルの屋上」といった具合に、緯度経度の地図情報に「高さ」という概念を加えることができそうです。

また、専用ソフトが必要ないというのも魅力の一つ。

専用ソフトの地図サービスといえば"Google Earth"が抜きん出てますが、このサービスにどこまで対抗できるのか見ものです。

2006年8月16日

YouTubeの可能性

YouTubeでトップに立った英国在住79才の男性とは? - GIGAZINE

YouTubeに自分の動画をUPして話題になっている79歳の老人のお話です。

4700通のメールのフィードバックがあったというのが驚きですね。中には好意的でないメールもあったでしょうが、4700通というボリュームはこのご老人にかなりの活力を与えたようです。

ネット上の意見は若者の意見・感覚に左右されているものが大半を占めますから、そこにこのご老人のような層の意見や考えが入ってくると言うのは、既存のインターネット利用者にとっても歓迎すべきことでしょう。

ネット上での「若者」「都市」という偏りがなくなったとき、真の意味での「www(ワールド・ワイド・ウェブ)」と言えるような気がします。

もしかしてそれが、web3.0なのかもしれません(なわけないか)。

2006年8月15日

GoogleMaps上でクーポンを提供

グーグル、地図サービス「Google Maps」でクーポンを提供開始へ - CNET Japan

GoogleMaps上でクーポン表示ですか。なかなか面白そうです。

これまで「ぐるなび」や「Hot-papper」のサイトでは、文字情報でエリアを絞ってお店を選択していましたが、もっと視覚的に地図上でお店を選ぶことができそう。

これなら、「長い時間かけて選んだ店が、地図を見てみたら駅からだいぶ離れていた」なんてことがなくなって良さそうです。

あと、飲み屋が密集しているところなのか、ちょっと離れているところなのかも分かりますし。

お店選びのフローが変わりそうな予感ですね。

2006年8月11日

ダウンロード映画の複製が可能に

米映画産業がゴーサイン--ダウンロード映画の複製ディスク作製が可能に

海賊版をおそれて、今までコンテンツを囲いに囲い込もうとしていた映画会社が、ようやくコンテンツを広く提供しようという動きになったようです。

確かにアキバや上野にいけば違法DVDは山のように売られてますし、ネット上の不正コピーも横行している現状を見ると、下手に厳しく規制するよりも、規制を緩くしてコンテンツを普及させる方が長期的に見てお得だという判断は間違っていないように思います。

YouTube等の動画アップロードサイトに違法テレビ番組が数多くアップされているので、テレビ番組の著作権や複製権もこれを機に見直せば良いのになぁ。

マンションによっては、共有のHDDに1週間分の番組を録画してあって、好きなときに見られるそうですが、同じようなことをプロバイダーのサービスで提供してくれたら良いのに。

どうでもいいですが、CSSと略す用語が多くてややこしいですね。カスケーディングスタイルシートに、クロスサイトスクリプティング、でこれはコンテント・スクランブル・システムですか。覚えるのが大変だ。

2006年8月 9日

Ajaxアプリの格付けサイト

AJAXカクヅケ

Ajaxを利用したWebアプリの種類別格付けサイトです。

こうやってみるとまだまだAjaxのWebアプリって少ないですね。

メールなんかGmailしか登録してないし。まぁこれはサイト運用者が登録していないだけかもしれませんが。

TODOリストは「Remember the milk」が一位になってますね。これは納得ですが、check*padが5位というのがちょっと解せない。シンプルで機能が充実してないからってことなんでしょうが、そこには制作者の「シンプルにする」という意図が含まれているわけで、そこも込みで評価して欲しいですね。

最近「Ajax」や「Web2.0」って言葉が流行っていて、「Ajax的なアプリ」「Web2.0的なビジネス」という表現をよく耳にするんですが、なんか本末転倒してる気がします。あるアプリやビジネスがあって、それを最善の方法で表現しようとしたときの手段として、「Ajax」だとか「Web2.0」が選択されるべきなんですよね。今はただ客寄せパンダ的な役割しか果たしていないような。

まあそれで結果的に客(ユーザ)が集まってくるならば、Web2.0のCGMのクオリティが上がるはずなので、別に気にする必要もないんでしょうけど。

2006年8月 7日

日曜プログラミング

ECナビ、ECナビラボにて開発者向けサービス「ECナビデベロッパーネットワーク」を開始

ECナビもラボを展開していたんですね。

こういうそこそこコンテンツを持っているサイトがAPIを提供してくれるのって素敵です。

日曜大工ならぬ日曜プログラムが流行って、ネット上に様々なサービスが展開されるといいなぁ。

なんでもそうなんですが、良いものが生まれるためには、その母体が多ければ多いほど良いわけで。ハリウッドの映画然り、日本の漫画・アニメ然り。素人からプロまで、たくさんの人がネットでプログラムやサービスを公開しはじめて、その有象無象の中から、突然変異的にびっくりするようなものが飛び出してくる。そういう日はもうそこまで来ているのかもしれませんね。っていうか、もう来ちゃっているのか。

2006年7月19日

IEとFFでのJavaScriptの挙動の違い

IEとFFでのJavaScriptの挙動違いについてのメモ。

prototype.jsを使ったサイトを作っているときに気が付いたこと。

1.Form.serialize()

以下のようにして、「フォーム名」のフォームの内容をリクエストとして飛ばすとき。

new Ajax.Request(ReqURL, { method: 'post', parameters: Form.serialize("フォーム名"),onComplete:completeFunc});

IE:フォーム名の指定はname属性でOK。
FF:フォーム名の指定はname属性だとNG。id属性で指定。

2.responseText

サーバからのレスポンスデータをresponseTextで解析するとき、IEだとresponseTEXTというメソッド名でも取得できてしまう。FFだと不可。

2006年5月31日

Rico.jsで角丸の図形

Rico.jsを使って、オブジェクトの角を丸くすることができます。

コードは、↓こんな感じ。

Rico.Corner.round('div','objectId', {compact:true});

最初の'div'はタグ名、'objectId'はid名、その後ろはオプションになります。

"compact:true"で、小さな角丸コーナー作成。

"corners:tl"で、左上だけ角丸にすることが可能。ただし、右上のコーナーもわずかに角丸になるので、気になる人は気になってしまうかもしれません。

2006年5月29日

Rico.js

Rico

画像のフェードイン・フェードアウトやオブジェクトの角を丸くしたりできるJavaScriptのソース。APIとして利用可能。

例えばフェードアウト処理なら、

new Rico.Effect.FadeTo( 'Object名', .2,500,10)

こんな風に書くだけで実装できちゃう。すぐれもの。

Reflection.js

一方こちらは、水面に画像が反射しているような効果を実装できるJavaScript。これまたすごい。

でぃべろっぱーず・さいど http://dev.chrisryu.com/ 鹿児島出身子持ちSEのディベロッパーとしての一面 ja Copyright 2013 Tue, 02 Oct 2007 22:40:30 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss Adobe のファイル共有サービス Share Adobe labs で ファイル共有サービスが公開されてました。

CodeZine:Adobeらしいクールなファイル共有サービス「Share」公開(アドビ)

Adobe Labs - Share


アップロードできるファイルは1G。

音楽ファイルや動画ファイルはアップロードできないようです。

早速ログインしてみました。

やっぱFlash はかっこいいっす。Ajax のライブラリもだいぶこなれてきていますが、こういうのを見ちゃうとかすんじゃうなぁ。

ちゃんとAPI が公開されていて、

・ドキュメントのアップロード、ダウンロード ( Upload and download documents )
・ドキュメントをURLで共有 ( Share documents as URLs )
・ドキュメントに権限を設定 ( Set permissions on documents )
・ドキュメントのサムネイルを取得 ( Retrieve document thumbnails )
・ドキュメントのプレビューを取得 ( Retrieve Flash-based document previews 9 )

↑こんなことができるそうです。

Share:API - Adobe Labs

share 単体でも使えそうですが、APIを使っておもしろいサービスが作れそうな気がします。

]]>
http://dev.chrisryu.com/2007/10/adobe_share.html http://dev.chrisryu.com/2007/10/adobe_share.html Web関連技術 Tue, 02 Oct 2007 22:40:30 +0900
Windows Live Revolution? microsoft が Windows Live を強化する方向性を発表したようです。

Hotmail容量が“Gmailの2倍”に - ITmedia Biz.ID

Windows Liveは、オンラインサービスとソフトをシームレスに利用できるようにし、各サービスのIDを統合して利便性を高める。MSNでは動画などリッチコンテンツを増やして集客しつつ、広告配信を強化する。

うーん。やりたいことは分かるけど、今からで果たしてうまくいくのかしら。

広告配信を強化とか、サービスコンセプトがGoogle の模倣になりつつある気がしますね。

Hotmailの容量は、現在の2Gバイトから、8月にも倍以上に増やし、アンチスパム機能を強化する。Outlook Express後継のメールソフト「Windows Live Mail」も秋にリリース。Gmailなど他社のWebメールも統合管理できるようにし、ソフトとオンラインサービスの垣根をなくす。

Hotmail も容量UPしてアンチスパム機能を強化するってのも、今ひとつ魅力的なキーワードに聞こえないんですよね。

唯一興味深かったのは、

「Silverlightや、マウスオンで検索できる新技術も活用し、新しいメディアエクスペリエンスを提供する」

ってところかなぁ。新しいメディアエクスペリエンスって、どんなんだろ。

]]>
http://dev.chrisryu.com/2007/08/windows_live_revolution.html http://dev.chrisryu.com/2007/08/windows_live_revolution.html Web関連技術 Sun, 05 Aug 2007 21:38:21 +0900
今更ながら・・・ Twitterってどうよ? CNET に Twitter に関する2つの翻訳記事が掲載されていました。

「Twitter」擁護論 - CNET Japan
私が「Twitter」を受け入れられない理由 - CNET Japan

Twitter擁護論の人は、

根拠や理由にとらわれずにメッセージを公開できる気軽さ、それがTwitterのよいところだ。

なんて言い、一方受け入れらないひとは、

Twitterは、友人のみならずウェブサイトをうろついて赤の他人のくだらない物思いに目を通すひまのある人間たちに向けて、頭に浮かんだもろもろを思いつくまま伝える手段となるべく作られたものだ。

なんて言ってます。

僕もTwitterのアカウントは作ってみたものの、長続きしなかったタイプ。

Twitter / chris4403

どうもあれのおもしろさが分かりかねるんですよね。

まあ、一番の理由はTwitterでコミュニケーションを取るような友達が少ないからなんだと思います。

あと表示が重たいので、気軽に書き込もうって気になりにくいんですよね。

逆に、Twitter 上に自分が発言できるコミュニティがあって、表示の重さを回避できる、或いは気にならない人は、Twitter にはまれるんだろうなぁ。

日本でも Twitter クローン的なサービスが乱立してましたが、今どうなんでしょう。

]]>
http://dev.chrisryu.com/2007/06/how_about_twitter.html http://dev.chrisryu.com/2007/06/how_about_twitter.html Web関連技術 Thu, 14 Jun 2007 23:48:51 +0900
gooラボで仮想デスクトップ「ウェブトップ」が開始 gooラボで仮想デスクトップ「ウェブデスクトップ」が開始 - CNET Japan
gooラボ ウェブデスクトップ実験

ウェブデスクトップという発想は結構前からありましたが、gooラボのデスクトップはなかなか完成度が高そうです。

ブラウザ上のOSの中で、ブラウザを立ち上げてブラウジングできる(ややこし)というのは、なんとも奇妙なお話ですね。

要は、ウェブデスクトップにすることで、家や会社での作業が場所に依存することなく続けることが出来る、みたいなことらしいです。

うーん。どうなんだろ。

でも、やはりAjaxでゴリゴリとリッチなインターフェースを描くのは、なんとなく限界がある気がするんですよね。限界、というのは、一般に普及しているマシンスペックと、技術が要求するマシンスペックとの差がどんどん広がっている気がしていて。やりたいことは分かるけど、でも使いにくいよなぁ、というのが正直なところ。

わざわざデスクトップを共有しなくても、wordやexcelのような機能はGoogle Docs & Spreadsheets (祝日本語化!)で共有できるし、Webページもはてぶやdel.icio.usのようなソーシャルブックマークで共有できるからなぁ。作るのが大変なわりに、使いどころがない微妙な感じです。

Flashでこういうの作ってみたら、意外とおもしろいのかもしれないな。

]]>
http://dev.chrisryu.com/2007/03/goo_1.html http://dev.chrisryu.com/2007/03/goo_1.html Web関連技術 Thu, 15 Mar 2007 23:08:05 +0900
MSもドメインに関するサービス開始 ITmedia Biz.ID:MS、Office Live 日本語版の無償サービスを開始

なんかこれ、Google Apps for your domainのパクリにしか見られないんですが。

ドメイン名を無料で持てる、という点はアドバンテージがありますが、使い勝手の良いWebアプリを提供してくれるGoogleの方が若干魅力的かなぁ。

気になるのは、Windows Liveの展開といい、最近のMSがGoogleのサービスの後追いばかりしているような印象を受ける点。

MSは嫌いですが、あれはあれで、彼らが信じる方向へ突っ走って欲しいなぁと思うわけです。

Googleの台頭で、Web2.0だ、Ajaxだ、オンラインアプリだと騒がれていますが、「いや、うちらには関係ないから」という態度でいて欲しいなぁと。

猿まねが上手くいけば良いですが、逆に色々手を広げすぎて、サービス全体にまとまりがなくなったら、被害をうけるのはエンドユーザですからね。

なんてぶつぶつ書いちゃいましたが、ええ、もちろん利用させていただきます。なんてったってただですから。

]]>
http://dev.chrisryu.com/2006/12/ms.html http://dev.chrisryu.com/2006/12/ms.html Web関連技術 Mon, 11 Dec 2006 23:05:54 +0900
Plaggerの実行環境を構築する際の注意点 Plaggerに手を出すべきかどうか (でぃべろっぱーず・さいど)」で書いたとおりPlaggerを試してみることにしました。

で、WindowsのActivePerlの環境構築をする際に詰まってしまった点があったので、注意点としてメモ。

僕がインストールしようとした時点の最新のバージョンが"5.8.8.819"だったのですが、このバージョンだと「Charsbar::Note - PlaggerをWindowsにインストールするときの注意点」に書かれているようなrepositryの操作ができません。

Plaggerを利用する環境を作る場合は、Index of /ActivePerl/Windows/5.8から5.8.8.817以下の(というかずばりこのバージョンの)ActivePerlをインストールして使うようにしましょう。

いやはやまさかppmがGUIメインになり、repコマンドからupの操作がなくなっているとは思いませんでした。

]]>
http://dev.chrisryu.com/2006/11/plagger_1.html http://dev.chrisryu.com/2006/11/plagger_1.html Web関連技術 Sat, 25 Nov 2006 16:03:01 +0900
Plaggerに手を出すべきかどうか 一足早く「Plagger」の便利さを実感してみよう - @IT

このPlaggerの記事を読んで、巷で話題のPlaggerとやらにちょっと手を出してみようかなと思いました。

ちょうど、「週刊アスキーの最新号の内容を配信してくれるRSSがないかなぁ」と探していたところだったので、このPlaggerを使って、週刊アスキーのホームページ(ブログではない)の内容をRSSフィードに変換しようかと。

しげふみメモ:Windowsで簡単にPlaggerをインストールする方法
Charsbar::Note - PlaggerをWindowsにインストールするときの注意点

上記のページを確認しつつ、ActivePerlのインストールをしたところで、RSSリーダに次のような記事が飛び込んできました。

ITmedia Biz.ID:好きなサイトのRSSを作れる――「gooフィードメーカー」

おっと、これはまさしく今作ろうとしていたものじゃありませんか。

うーむ、gooは良いところに目を付けましたね。

要ははてなの「アンテナ」をRSSに拡張したものなんでしょうが、上手く使うととても便利な気がしてなりません。

はて、とりかかったPlaggerは一旦最後までやり遂げるべきか、それともgooフィードメーカーを使いこなす道を選ぶか。難しいところです。

]]>
http://dev.chrisryu.com/2006/11/plagger.html http://dev.chrisryu.com/2006/11/plagger.html Web関連技術 Tue, 21 Nov 2006 21:02:23 +0900
見た目で検索 画像認識技術のRiya、イメージ検索サービス「Like.com」をついに公開 - CNET Japan

Like Visual Search - Find things by Appearance with our new Likeness technology


画像情報を元に画像を検索するサービス"Like.com"のサービスが始まりました。

これまでの画像検索は、画像に紐づけられたテキストデータを検索していたのですが、これはそれに加えて画像の色や形を判断して検索してくれるのだそうです。

早速検索してみました。

TOPページの下部にセレブの写真があり、その一部(バッグや靴)が四角で囲われてクリックできるようになっています。ここをクリックすると、そのセレブのアイテムに似ている商品を検索してくれるのだそうです。

試しにトム・クルーズの靴を検索してみました。

画面の左側に、メインの靴が表示され、それに似た靴が一覧で表示されます。

その左側の靴の画像の上でドラッグすると、画像の一部を選択でき、この一部分に「色」や「形」が似ているものを絞り込んで検索できるようです。

僕は靴の金具の部分を選択して検索してみましたが、検索結果はスニーカーとか似てもにつかないものが表示されてしまいました。

アルファ版ということなので、まだまだシステム的な課題は多そうです。

ただ、ファッション関係のアイテムは、「この靴に似ていてもっと安いのがあれば」「こういう形のボタンがついた服が」といったように、見た目を基準にして検索したいというニーズは必ずあるはずなので、近い将来こういう方式の検索がスタンダードになっているかもしれません。

]]>
http://dev.chrisryu.com/2006/11/post_58.html http://dev.chrisryu.com/2006/11/post_58.html Web関連技術 Wed, 08 Nov 2006 22:39:38 +0900
「ハレール」で「サグール」をブログに。そして「ナゾール」で検索を。 チームラボBD、検索エンジン「SAGOOL」でブログパーツを公開 - CNET Japan

チームラボが、検索エンジン「SAGOOL」(サグール)をブログに貼り付けることができるブログパーツを発表しました。

SAGOOLは、独自のアルゴリズムにより、「おもろ」を基準に検索をしてくれる画期的な検索エンジンです。GoogleやYahoo!とはちょっと違った検索結果が表示されておもしろいです。

で、早速このエントリの下の方に貼ってみました。

優れものなのが、マウスでドラッグして文字列を選択状態(反転状態)にすると、自動的にその文字列で検索をしてくれるところ(ナゾール)。

試しに以下の言葉をマウスで反転させてみましょう。

サグール Web2.0 小泉純一郎 ファイナル・ファンタジー

ね? ちょっとおもしろいですよね。

ブログのサイドバーに貼り付けておけば、自分のブログで気になった言葉をささっと検索してもらえそうです。

まあ僕みたいにマウスで反転させながらエントリの内容を読んでいく人には、ちょっといらない機能かもしれませんが。


]]>
http://dev.chrisryu.com/2006/11/post_57.html http://dev.chrisryu.com/2006/11/post_57.html Web関連技術 Tue, 07 Nov 2006 22:19:57 +0900
Apache + PHP + MySQL環境構築 WindowsXPで「Apache + PHP + MySQL」の環境を構築しようとしてちょっとはまったのでメモ。

Apache2.2とMySQL4.1.6が既にインストールされていたので、後はPHPをインストールすれば楽勝と思ってたんですが、甘かったです。

http://2php.jp/php/install_php_windows.html
http://php.morva.net/manual/ja/install.windows.php

↑このページを参考にしながらインストールしたんですが、エラーが出てApacheが起動しなくなりました。httpd.confに追記した部分をコメントアウトしながら原因を調べると、どうやらLoadModuleでエラーが出ている模様。

LoadModule php4_module "c:/php/php4apache2.dll"

で、結局原因は、Apacheのバージョン。PHP4の連携にはapache2.2は対応していないようです。

ってことで、Apache2.0をインストールしました。

これでPHPとapacheの連携はOK。

ところがPHPからMySQLへ接続してみると、以下のようなエラーが出ました。

Client does not support authentication protocol requested by server; consider upgrading MySQL client

調べてみると、MySQLは4.1になってから認証方式が変わったらしく、通常のPHPからは接続できなくなっているとか。

対処方法は、PHPフォルダのlibmySQL.dllをMySQLフォルダに入っているlibmySQL.dllに置き換え、さらに、MySQLにログインして以下の手順でold_passwordを設定します。


mysql -u root -p
Enter password:
mysql> set password=old_password('rootのパスワード');


これで無事に接続することができました。

]]>
http://dev.chrisryu.com/2006/10/apache_php_mysql.html http://dev.chrisryu.com/2006/10/apache_php_mysql.html Web関連技術 Sat, 21 Oct 2006 08:31:28 +0900
オンラインツールの使い方(半実践編) ITmedia Biz.ID:オンラインツールとローカルツールの使い分けで困る【理論編】

オンラインツールとローカルツールの使い分けポイントを上手く整理してくれています。

やはりオンラインツールのポイントは「シェア」という点に尽きるでしょう。

Googleカレンダーで、「ビジネス」と「プライベート」間の情報をシェア、というのは基本中の基本ですね。そこで、「チーム」や「家族」の予定をシェア、まで浸透させることができれば、生活がちょっとだけ便利になりそう。

是非とも仕事に取り入れたいのが、Google spreadsheetsを使っての、顧客との懸案管理やQA管理です。

今はExcelを使って、メールに添付してやりとりしているんですが、更新したはずの情報がファイルのデグレでロストしてたり、どっちがにぎっているのか分からなくなったりと、結構運用が面倒なんですよね。

オンライン上であれば、同時に編集できますし、ファイルのメンテナンスという非常に面倒な作業がなくなる分、内容に集中できそう。

オンラインブックマーク(ソーシャルブックマーク)を使って、気になる情報を、会社の同僚や友人間でシェアしたり、オンラインRSSリーダを使って、場所を問わず「既読」「未読」管理をシェアしたり。

複数のブログを使っている人は、Writelyから投稿することで、投稿ページを「シェア」することができます。

ここに挙げたいくつかのことは、僕自身で実践していますが、結構便利です。

]]>
http://dev.chrisryu.com/2006/09/post_33.html http://dev.chrisryu.com/2006/09/post_33.html Web関連技術 Thu, 21 Sep 2006 22:22:39 +0900
「スゴイ地図」 リクルートが「スゴイ地図」をリリースしました。


スゴイ地図


スゴイ地図


最近GoogleMapsの影響で、Ajaxを利用したサイトが急増していましたが、さすがにFlashでここまで作り込むと、表現力に関してはFlashの独壇場ということがよく分かります。

とはいえ、製作の手間や工数を考えると、どっちが良いとは言えませんけど。


「ホーム」のページを表示したときに画面の中央付近にいる花輪と人のアイコンをクリックすると、画面一杯に花火が打ち上がります。

この辺りの「遊び心」がリクルートらしいです。

]]>
http://dev.chrisryu.com/2006/09/post_27.html http://dev.chrisryu.com/2006/09/post_27.html Web関連技術 Wed, 13 Sep 2006 21:53:13 +0900
IP電話は次のMashupの主役となるのか? AOL、インターネット電話サービスのAPIを公開 - CNET Japan

AOLがインターネット電話のAPIを公開したそうです。

最近、MashUpという言葉をよく耳にします。

元々は音楽業界の用語だったそうですが、IT用語的には別々のサービスを組み合わせて、新しいサービス(価値)を産み出すことを指すようです。

記憶に新しいところでは、SUNとRECRUITが組んで、「Sun×RECRUIT Mash up Award」なる企画を発表しました。

さて、実際にMashUpでどういったサービスが生まれているかというと、一番目に付くのが地図、それもGoogleMapsとの組み合わせによるサービスだったりするわけです。

発想的には、インターネット上の情報に地理的な要素を組み合わせることで、副次的な価値が生み出される、というわけですから、まあ分かりやすいと言えば分かりやすいです。

先のMash up Awardでも、GoogleMapsと組み合わせたサービスが多かったようです。

その中で、異彩を放っていたのが、SkypeのAPIを組み合わせたサービスでした。インターネット電話という、ちょっとAPI的に取っつきにくそうな分野にチャレンジした方がいたらしく、審査員からも驚きと賞賛の声があがったようです。

全体的に一時の勢いを失っているAOLが、インターネット電話のAPIを公開した背景には、第二のGoogle Mapsとなるという狙いが見え隠れしています。

単純に何かの情報と、地図と、電話との組み合わせを考えるだけで、色々なサービスの広がりが見えてきそうです。

果たして、AOLの人気挽回の奇手となるのか? はたまた、Googleも負けじとインターネット電話のAPIを公開したりするのか? 今後の動向に注目です。

]]>
http://dev.chrisryu.com/2006/09/ipmashup.html http://dev.chrisryu.com/2006/09/ipmashup.html Web関連技術 Sun, 10 Sep 2006 21:04:22 +0900
簡単にエフェクト 変わるYouTube映像、ポストプロダクションを意識し始めたクリエーターたち - CNET Japan

i d e a * i d e a - 写真を遊び倒す!ための26の小粋なツール


YouTubeのような動画共有サイトの流行で、動画に対して特殊効果を加えるような編集ソフトが注目されているというCNETのコラムと、画像をWebにアップすることで、切手風にしたりマンガのような吹き出しをつけたりできるサービスを紹介しているi d e a * i d e a の記事です。

i d e a * i d e aの記事は、デジタルカメラが一般的になり、かつブログやflickrのような写真共有サイトの登場で、ただ写真を撮るだけじゃなくて、撮った写真をおもしろく加工したいというユーザの要求に従って誕生したサービスで、まさしくCGMの申し子といった感じです。

Photoshopのような複雑なアプリケーションの操作を覚えなくても良いという点がポイントですね。

これと同じように、動画に対してエフェクトをかけるというサービスがそのうち登場するかもしれません。

複数のファイルをアップロードすると、つなげて1つのファイルにしてくれたり、昔の映画のようなフィルム調のエフェクトをかけてくれたり。

写真と違って動くものなので、「どこからどこまでエフェクトをかける」という処理が難しそうですが、昨今のWebのサービスの進化具合を見るに、1年後くらいには登場してそうです。

]]>
http://dev.chrisryu.com/2006/09/post_23.html http://dev.chrisryu.com/2006/09/post_23.html Web関連技術 Tue, 05 Sep 2006 21:34:36 +0900
マイクロソフト、いよいよGoogleへ反撃? マイクロソフト、地図・地域情報検索サービスを国内で年内開始 - CNET Japan

マイクロソフトが11億ドル(約1280億円)をネット事業につぎ込んで、GoogleやYahoo!へ対抗しようとしているようです。

web2.0ブームの火付け役となったGoogleの"Google Maps"に対抗するサービスとして、記事中では「ウィンドウズ・ライブ・ローカル」というサービスが紹介されています。

ただ単に地図を表示して、マウスでドラッグできて、検索できる、みたなサービスならGoogleやYahoo!だけでなく、その他の会社も同様のサービスを展開していますが、この「ウィンドウズ・ライブ・ローカル」では、斜め45度の角度から眺めた鳥瞰図サービスがうりになりそう。

画面キャプチャを見ると、なんだかシム・シティのようで楽しげです。

これなら、「○○ビルの10F」とか「△△ビルの屋上」といった具合に、緯度経度の地図情報に「高さ」という概念を加えることができそうです。

また、専用ソフトが必要ないというのも魅力の一つ。

専用ソフトの地図サービスといえば"Google Earth"が抜きん出てますが、このサービスにどこまで対抗できるのか見ものです。

]]>
http://dev.chrisryu.com/2006/08/google_1.html http://dev.chrisryu.com/2006/08/google_1.html Web関連技術 Thu, 24 Aug 2006 12:15:47 +0900
でぃべろっぱーず・さいど: アーカイブ

アーカイブ

/* Base Weblog (base-weblog.css) */ /* basic elements */ html { margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } body { margin: 0; /* setting border: 0 hoses ie5 win window inner well border */ padding: 0; font-family: verdana, 'trebuchet ms', sans-serif; font-size: 12px; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin-top: 10px; margin-bottom: 10px; } /* standard helper classes */ .clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; } /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* page layout */ body { text-align: center; } /* center on ie */ #container { position: relative; margin: 0 auto; /* center on everything else */ width: 720px; text-align: left; } #container-inner { position: static; width: auto; } #banner { position: relative; } #banner-inner { position: static; } #pagebody { position: relative; width: 100%; } #pagebody-inner { position: static; width: 100%; } #alpha, #beta, #gamma, #delta { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } #delta { float: right; } #alpha-inner, #beta-inner, #gamma-inner, #delta-inner { position: static; } /* banner user/photo */ .banner-user { float: left; overflow: hidden; width: 64px; margin: 0 15px 0 0; border: 0; padding: 0; text-align: center; } .banner-user-photo { display: block; margin: 0 0 2px 0; border: 0; padding: 0; background-position: center center; background-repeat: no-repeat; text-decoration: none !important; } .banner-user-photo img { width: 64px; height: auto; margin: 0; border: 0; padding: 0; } /* content */ .content-nav { margin: 10px; text-align: center; } .date-header, .entry-content { position: static; clear: both; } .entry, .trackbacks, .comments, .archive { position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry-content, .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed { clear: both; } .entry-excerpt, .entry-body, .entry-more-link, .entry-more { clear: both; } .entry-footer, .trackback-footer, .comment-footer, .comments-open-footer, .archive-content { clear: both; margin: 5px 10px 20px 10px; } .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text { width: 240px; } #comment-bake-cookie { margin-left: 0; vertical-align: middle; } .comments-open-header { clear: both; } #comment-post { font-weight: bold; } img.image-full { width: 100%; } .image-thumbnail { float: left; width: 115px; margin: 0 10px 10px 0; } .image-thumbnail img { width: 115px; height: 115px; margin: 0 0 2px 0; } /* modules */ .module { position: relative; overflow: hidden; width: 100%; } .module-content { position: relative; margin: 5px 10px 20px 10px; } .module-list, .archive-list { margin: 0; padding: 0; list-style: none; } .module-list-item { margin-top: 5px; margin-bottom: 5px; } .module-presence img { vertical-align: middle; } .module-powered .module-content { margin-bottom: 10px; } .module-photo .module-content { text-align: center; } .module-wishlist .module-content { text-align: center; } .module-calendar .module-content table { border-collapse: collapse; } .module-calendar .module-content th, .module-calendar .module-content td { width: 14%; text-align: center; } .typelist-thumbnailed { margin: 0 0 20px 0; } .typelist-thumbnailed .module-list-item { display: block; clear: both; margin: 0; } /* positioniseverything.net/easyclearing.html */ .typelist-thumbnailed .module-list-item:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .typelist-thumbnailed .module-list-item { display: inline-block; } /* no ie mac \*/ * html .typelist-thumbnailed .module-list-item { height: 1%; } .typelist-thumbnailed .module-list-item { display: block; } /* */ .typelist-thumbnail { float: left; min-width: 60px; width: 60px; /* no ie mac \*/width: auto;/* */ margin: 0 5px 0 0; text-align: center; vertical-align: middle; } .typelist-thumbnail img { margin: 5px; } .module-galleries .typelist-thumbnail img { width: 50px; } .typelist-description { margin: 0; padding: 5px; } .module-featured-photo .module-content, .module-photo .module-content { margin: 0; } .module-featured-photo img { width: 100%; } .module-recent-photos { margin: 0 0 15px 0; } .module-recent-photos .module-content { margin: 0; } .module-recent-photos .module-list { display: block; height: 1%; margin: 0; border: 0; padding: 0; list-style: none; } /* positioniseverything.net/easyclearing.html */ .module-recent-photos .module-list:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .module-recent-photos .module-list { display: inline-block; } /* no ie mac \*/ * html .module-recent-photos .module-list { height: 1%; } .module-recent-photos .module-list { display: block; } /* */ .module-recent-photos .module-list-item { display: block; float: left; /* ie win fix \*/ height: 1%; /**/ margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item a { display: block; margin: 0; border: 0; padding: 0; } .module-recent-photos .module-list-item img { width: 60px; height: 60px; margin: 0; padding: 0; } /* mmt calendar */ .module-mmt-calendar { margin-bottom: 15px; } .module-mmt-calendar .module-content { margin: 0; } .module-mmt-calendar .module-header { margin: 0; } .module-mmt-calendar .module-header a { text-decoration: none; } .module-mmt-calendar table { width: 100%; } .module-mmt-calendar th { text-align: left; } .module-mmt-calendar td { width: 14%; height: 75px; text-align: left; vertical-align: top; } .day-photo { width: 54px; height: 54px; } .day-photo a { display: block; } .day-photo a img { width: 50px; height: 50px; } /* Vicksburg II (theme-vicksburg.css) */ /* basic page elements */ body { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; font-size: 12px; } a { color: #666666; text-decoration: underline; } a:hover { color: #66cc33; } #banner a { color: #fff; text-decoration: none; } #banner a:hover { color: #fff; } .module-content a { color: #666666; } .module-content a:hover { color: #66cc33; } h1, h2, h3, h4, h5, h6 { font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif; } .module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: x-small; border-bottom: 1px dashed #999999; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; } .module-header a, .module-header a:hover, .trackbacks-header a, .trackbacks-header a:hover, .comments-header a, .comments-header a:hover, .comments-open-header a, .comments-open-header a:hover .archive-header a, .archive-header a:hover { color: #fff; } .entry-more-link, .entry-footer, .comment-footer, .trackback-footer, .typelist-thumbnailed { font-size: 11px; } .commenter-profile img { vertical-align: middle; } /* page layout */ body { min-width: 720px; color: #333; background: #FFFFFF; } #container { width: 720px; margin-bottom: 20px; background: #fff; } #container-inner { border-width: 0 5px 5px 5px; border-style: solid; border-color: #FFFFFF; } #banner { width: 710px; /* necessary for ie win */ background: #66cc33; } #banner-inner { padding: 15px 13px; border-width: 0px 0px 0 0px; border-style: solid; border-color: #fff; } .banner-user { width: 70px; margin-top: 5px; font-size: 10px; } .banner-user-photo { border: 1px solid #fff; } #banner-header { margin: 0; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; text-shadow: #666666 0 2px 3px; } #banner-description { margin-top: 5px; margin-bottom: 0; color: #fff; background: none; font-size: 12px; line-height: 1.125; text-shadow: #666666 0 1px 2px; } #alpha { margin: 15px 15px 0 15px; width: 480px; } #beta { width: 200px; background: #e6ecf2; } #gamma, #delta { width: 180px; background: #dddddd; } #beta-inner, #gamma-inner, #delta-inner { padding: 10px 10px 0 10px; border-width: 0px 0px 0px 0; border-style: solid; border-color: #fff; } .date-header { margin-top: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } .entry-header { margin-top: 0; border-left: 5px solid #66CC33; padding: 0 0 0 10px; color: #000000; font-size: 18px; font-weight: bold; } .entry-content, .comment-content, .trackback-content { margin: 0; line-height: 1.5; } .entry-tags { margin: 0 0 10px 10px; } .entry-tags-header, .entry-tags-list, .entry-tag { display: inline; } .entry-tags-list { list-style:none; padding: 0px; } .entry-footer, .comment-footer, .trackback-footer { margin: 0 0 20px 0; border-top: 1px solid #DDDDDD; padding-top: 3px; color: #666; font-size: 10px; text-align: right; } .comment-content, .trackback-content, .comment-footer, .trackback-footer { margin-left: 10px; } .content-nav { margin-top: 0; } #trackbacks-info { margin: 10px 0; border: 1px dashed #66cc33; padding: 0 10px; color: #292e33; font-size: 11px; text-align: center; background: #dddddd; } .comments-open-footer { margin: 10px 0; } /* modules */ .module { margin: 0 0 10px 0; border-bottom: 1px solid #f3f6f9; background: #DDDDDD; } .module-content { margin: 0 0 10px 0; padding: 10px 10px 0 10px; font-size: 10px; line-height: 1.2; } .module-search input { font-size: 10px; } .module-search #search { width: 100px; } .module-mmt-calendar .module-content table, .module-calendar .module-content table { font-size: 10px; } .module-powered { border-width: 0; } .module-powered .module-content { margin-bottom: 0; border: 1px dashed #66cc33; padding-bottom: 10px; color: #292e33; background: #fff; } .module-photo { background: none; } .module-photo img { border: solid 1px #fff; } .module-list { margin: 0 15px 10px 15px; list-style: disc; } .module-list .module-list { margin: 5px 0 0 0; padding-left: 15px; list-style: circle; } .module-list-item { margin-top: 0; color: #666; line-height: 1.2; } .typelist-thumbnailed .module-list { margin: 0 0 10px 0; list-style: none; } .typelist-thumbnailed .module-list-item { margin: 1px 0; padding: 0; background: #f3f6f9; } .typelist-thumbnail { background: #fff; } .module-photo img { border: 1px solid #fff; } .module-featured-photo { width: 398px; } .module-featured-photo .module-content { margin: 0; border-width: 0; padding: 0; } .module-featured-photo img { width: 398px; } .module-recent-photos .module-content { padding: 10px 0 0 19px; } .module-recent-photos .module-list { margin: 0; } .module-recent-photos .module-list-item { width: 64px; /* mac ie fix */ margin: 0 10px 10px 0; padding: 0; background: none; } .module-recent-photos .module-list-item a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .module-recent-photos .module-list-item a:hover { border-color: #666666; background: #fff; } .module-tagcloud .module-list {text-align: center; } .module-tagcloud .module-list { list-style: none; } .module-tagcloud .module-list-item { display: inline; } .module-tagcloud li.taglevel1 { font-size: 19px; } .module-tagcloud li.taglevel2 { font-size: 17px; } .module-tagcloud li.taglevel3 { font-size: 15px; } .module-tagcloud li.taglevel4 { font-size: 13px; } .module-tagcloud li.taglevel5 { font-size: 11px; } .module-tagcloud li.taglevel6 { font-size: 9px; } /* calendar tweaks */ .layout-calendar #alpha { width: 260px; } .layout-calendar #beta { width: 420px; } .layout-calendar #gamma, .layout-calendar #delta { width: 190px; } .layout-calendar #gamma-inner, .layout-calendar #delta-inner { border: 0; padding: 0; } .module-mmt-calendar { width: 398px; } .module-mmt-calendar .module-content { margin: 0; border-width: 0; padding: 10px; } .module-mmt-calendar table { width: 378px; background: #66cc33; } .module-mmt-calendar th { color: #fff; border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: bold; } .module-mmt-calendar td { border-top: 1px solid #fff; border-right: 1px solid #f3f6f9; border-bottom: 1px solid #cfd4d9; padding: 2px; text-align: right; font-weight: normal; background: #dddddd; } th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 { border-right: none; } .module-mmt-calendar td { height: 70px; } .day-photo { width: 49px; height: 49px; } .day-photo a { border: #cfd4d9 1px solid; padding: 1px; background: #fff; } .day-photo a:hover { border-color: #666666; background: #fff; } .day-photo a img { width: 45px; height: 45px; } /* artistic tweaks */ .layout-artistic #alpha { width: 260px; } .layout-artistic #beta { width: 420px; } .layout-artistic #gamma, .layout-artistic #delta { width: 190px; } .layout-artistic #gamma-inner, .layout-artistic #delta-inner { border: 0; padding: 0; } /* moblog1 tweaks */ .layout-moblog1 #alpha { margin: 0; width: 180px; background: #dddddd; } .layout-moblog1 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog1 #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-moblog1 #beta-inner { padding: 0; border-width: 0; } .layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; } /* moblog2 tweaks */ .layout-moblog2 #alpha { margin: 0; width: 86px; background: #dddddd; } .layout-moblog2 #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-moblog2 #beta { margin: 15px 15px 0 15px; width: 260px; background: none; } .layout-moblog2 #beta-inner { padding: 0; border-width: 0; } .layout-moblog2 #delta { width: 154px; } .layout-moblog2 .module-recent-photos { border: 0; background: none; } .layout-moblog2 .module-recent-photos .module-content { padding: 0; border: 0; } .layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; } /* timeline tweaks */ .layout-timeline #alpha { width: 260px; } .layout-timeline #beta { width: 420px; } .layout-timeline #gamma, .layout-timeline #delta { width: 190px; } .layout-timeline #gamma-inner, .layout-timeline #delta-inner { border: 0; padding: 0; } /* one-column tweaks */ .layout-one-column body { min-width: 520px; } .layout-one-column #container { width: 520px; } .layout-one-column #banner { width: 510px; } /* necessary for ie win */ /* two-column-left tweaks */ .layout-two-column-left #alpha { margin: 0; width: 200px; background: #dddddd; } .layout-two-column-left #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-two-column-left #beta { margin: 15px 15px 0 15px; width: 480px; background: none; } .layout-two-column-left #beta-inner { padding: 0; border-width: 0; } /* three-column tweaks */ .layout-three-column #alpha { margin: 0; width: 180px; background: #DDDDDD; } .layout-three-column #alpha-inner { padding: 10px 10px 0 10px; border-width: 0px 0 0px 0px; border-style: solid; border-color: #fff; } .layout-three-column #beta { margin: 15px 15px 0 15px; width: 320px; background: none; } .layout-three-column #beta-inner { padding: 0; border-width: 0; } /* * Preliminary styles added by Jay for Vicksburg II * for review by Luke/Walt and rest of team */ /* All or multiple templates Suppress underlines on linked entry titles */ .entry-header a { text-decoration: none; } /* Suppress the prev/next nav */ .content-nav { margin: 0px; display: none; } /* Search results templates */ .mt-search-results .search-results-header { border: 2px solid #669; background-color: #666666; color: #eee; padding: 5px; } .mt-search-results .search-results-container { margin-left:10px; } .mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; } .mt-search-results form#search-form input#search { width: 80%; } .mt-search-results form#search-form p#search-options { text-align:center; } /* Entry tag display */ div.entry-tags { margin:0 0 10px 10px; } ul.entry-tags-list { list-style:none; padding: 0px; } h4.entry-tags-header, ul.entry-tags-list, li.entry-tag { display: inline; } /* Main index styles Suppress date header on main index */ .main-index .date-header { display: none; } /* Comment preview and individual entry Widen the comment form */ form textarea#comment-text { width:400px; } /* All archive templates Informational "where am I?" module at top of sidebar */ .module-welcome p { font-size: 12px; } .module-content p.first { margin-top:0px; } /* Date-based and category archives Archive title banner at top of page, below blog banner */ .master-archive-index #archive-title, .individual-entry-archive #archive-title, .date-based-archive #archive-title, .category-archive #archive-title { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; margin: 0; border-left: 10px solid #66cc33; padding: 5px; color: #fff; background: #666666; } /* Experimental comment styles Not currently in use anywhere in default templates For testing only... */ #comments-experimental .comment, #comments-experimental .comment .comment-inner { width:36em; } #comments-experimental .comment { padding: 0px; margin: 10px 15px; background-color:#eef; border:2px solid #bbb; } #comments-experimental .comment .comment-inner { position:relative; margin:-5px 0 0 -3px; background:#f3f3ff; border:1px solid #003; } #comments-experimental .comment:hover .comment-inner { border:1px solid #000; background-color: #fff; } #comments-experimental .comment a { text-decoration: none; border-bottom: 1px dotted #666666; } #comments-experimental .comment:hover a { color: #333; border-bottom: 1px solid #666; } #comments-experimental .comment .comment-footer, #comments-experimental .comment .comment-content { margin-right: 25px; margin-left: 25px; margin-bottom: 15px; } #comments-experimental .comment .comment-header { font-size: 16px; margin: 5px auto 5px 10px; text-shadow: #99A 2px 2px 1px #66F; color: #666; } #comments .comment-header { display: none; } #comments .comment-footer-experimental { display: none; } #comments-experimental .comment-footer { display: none; } でぃべろっぱーず・さいど: コメントの保留

コメントを受け付けました。

コメントを受け付けました。受け付けたコメントは、ブログの管理者の承認のため保留されています。

エントリーのページに戻る