ドラッグ＆ドロップでマルチカラムレイアウト

FriendFeedより最新情報

プロフェッショナルツールではありません。
主に、商用サイトを作っている”プロではない人”に大変役立つツールです。

たとえば、学校、病院、自治体などのサイトは”中の人（先生や職員さん、あるいはWebに詳しい学生さんなど）”が作っている場合があります。
日本の場合、現場で使われているオーサリングソフトウェアは圧倒的に「ホームページビルダー」です。

商用サイトを作っている”プロではない人たち”は、HTMLやCSSをあまり知りません。

海外では、現場で使われているツールを改善することで、セマンティックな構造化ドキュメントを普及させようという考え方があります。

日常の業務の空き時間を使って、一生懸命サイトを構築している”プロではない人たち”を見えないところで支援するツールだと捉えてよいでしょう。

リリースされたらレポートしたいと思います。

• Stacks

When RapidWeaver arrived, we built sites in Styled Text pages and it was great. Then came Blocks, and drag-and-drop layout was suddenly possible. But something was still missing, something flexible.
Stacks is fluid layout for RapidWeaver.

• ビデオ解説
  ※QuickTimeムービーにリンクしています

2008年12月22日に更新

Utility-AD | ROLEX

カテゴリ：

• ［2007-8］Web関連レポートのメモ

Utility-ADに関するメモ：

• ROLEX
  ※ご注意、リンク先のサイトはフルスクリーンになります
• BBC
  右サイドの広告がUtility-ADになっています（12/3）

2008年12月3日に更新

Construction-AD | WOWOW

カテゴリ：

• ［2007-8］Web関連レポートのメモ

Construction-ADに関するメモ：

WOWOWが新サービス
まずコンサート配信

WOWOWは英人気ロックグループ「レディオヘッド」と組み、視聴者がパソコンで映像を自由に編集できる動画配信サービスを始めた。

10月の国内公演の収録映像のうち一曲分をネット配信することで合意。

スポーツなど他番組への応用やサービスの有料化も検討する。

日本経済新聞
2008年11月22日朝刊

情報：

• コンテンツ名「12 CAMS, CREATE YOUR RAINBOW」
• 公開日：2008年11月6日

開発データ：

• 株式会社ＷＯＷＯＷ
• ホステス株式会社（所属レコード会社）
• 株式会社バスキュール（Web制作会社）

サイトURL：

• Radiohead Japan Tour 2008
• 12カメのマルチアングルLIVE! ディレクターはアナタ!?

Switching:

Preview / Register Your Edit:

Rainbow Line / Most Selected:

10月5日、さいたまスーパーアリーナで収録された同ライブ映像は、11月28日（金）深夜0:30から放送されます。

2008年11月24日に更新

Advanced CSS Layouts / Alex on CSS and Internet Explorer 8

GPSlog Diaryより転載：

メモのみ

• Alex on CSS and Internet Explorer 8
• Advanced CSS Layouts
  Standards Suck
  Unbiased journalism on Web standards since May 2008
  ※ビデオが配置されているページにリンクしています
  ※ビデオはクリックしないと再生しません

関連サイト：

• Web Directions South

書籍の紹介：

Everything You Know About CSS Is Wrong!

Change the way you use CSS forever

• Prepare yourself for IE8
• Say goodbye to old hacks and workarounds
• Take CSS tables to the limit
• Discover the road ahead to CSS3
• Get ready to rediscover what you love about CSS

2008年10月21日に更新

本日の導線

GPSlog - 導線日記（2008年9月19日）

• CNET

x-Chronologyとflickr

昨日のPodcastで取り上げた「x-Chronology」のメモをアップしておきます

• ［file-013］x-Chronologyとflickr
  （2分26秒/m4v）

参考：

• x-Chronology

ワイドスクリーンディスプレイの全面表示で使っています。
以下は、私が今まで投稿した写真や動画を「過去」方向にスクロールさせている様子です。上のタイムラインが「Flickr」、下は「YouTube」です。

画面はちょうど2月～4月になっていますが、この頃はケータイで動画をたくさん投稿していましたので、写真よりも多い。

私も参加しているFlickrのプロジェクト「Project 365+1 JAPAN -2008- 」も、これで見ています。

• Project 365+1 JAPAN -2008-

プロジェクトの参加メンバーは現在47名。毎日投稿される写真を一覧できます（数名に分けて、お気に入りに登録しています）。
※投稿した写真に（たとえば）「Project 365+1」というタグを付けていると良いのかな？

中央が、プロジェクトの主宰者である[cipher] さんのタイムラインです。

上は、月単位の表示なので毎日の投稿だと見づらくなります。
一日単位の表示にすると、見やすくなりますね。

mixiのコミュニティ「1Day散策」でも、散歩しながらFlickrに写真を投稿すれば、面白いことができそうですね。

• 1Day散策
  mixiの散策コミュニティです。散歩が好きな方は‥

x-Chronologyは、Windows VistaのPC（Intel Core 2CPU 4300@1.80Ghz）で使っていますが、とても動きがスムーズで気持ちがよいですね。まぁ、しかしリッチアプリケーションなので、もう一台の古い XPマシンでは重たくて使えないでしょう‥
（※Windowsのみです。Macユーザーとしては‥とても残念。私が便利だと思っているサービスの大半は、Mac未対応なんですね‥）

2009年9月11日

Google Chrome インストール記録（モバイル環境テスト）

9月3日（AM10:00）

• Google Chrome

ブラウザでの新たな試み

私たちがオンライン上で費やす時間はますます増える傾向にあるということから、私たちは、もし、今ある最高の要素を取り入れたブラウザをゼロから開発できるとしたら、どのようなブラウザになるだろうか、とういことを真剣に考え始めました。

ウェブは、シンプルなテキストのみのページばかりが提供されていた時代から、リッチでインタラクティブなアプリケーションへと進化を遂げています。これに伴い、私たちは、ブラウザを全面的に見直す必要があると考えました。

特に、今本当に必要とされているのは、単なる「ブラウザ」ではなく、ウェブページやアプリケーションに対応した最新の「プラットフォーム」なのだということを念頭に開発を始めました。

そして今日、私たち発表するのが、新しいオープンソースブラウザのベータ版である Google Chrome です。

見た目のデザインは、シンプルで合理的なものにしました。オンライン上で何かするとき、ほとんどの人は、ブラウザそのものに意識を向けることはないでしょう。

重要なのは、ホームページやサイト、アプリケーションといった、ウェブを構成する中身の部分であって、ブラウザはそれらを動かすためのツールにすぎません。Google Chromeは、Google のホームページのように無駄がなく、表示スピードが早く、洗練されており、ウェブ上の行きたいところにすぐ行ける、のが特徴です。

Google Chrome「ブラウザを作成した理由」より

インストール開始：

私はモバイルワークが中心なので、肥大化したブラウザはとても使いづらく、シンプルなものが登場するのを待っていました。Google Chromeは、かなり理想に近いものでした。
早速、WILLCOM D4にインストールしてみます。

>

AM10:16

>

ダウンロード：

>

ダウンロードおよびインストール完了：

• 起動が速い！

>

検索：

• Google Omnibox
• アドレスバーに検索キーワードを入力

>

メニュー：

>

管理（タスクマネージャ）：

• モバイル環境で大変便利な機能

>

履歴管理・履歴検索：

>

シークレットウィンドウ（シークレットモード）：

• incognito mode
• このウィンドウでアクセスしたWebページの履歴は残らない
• ウィンドウを閉じると、Cookieなどの記録も残らない

• 右クリックで選択することも可能

>

開発（ソース表示）：

開発（ウェブインスペクタ／JavaScriptコンソール）：

• ウェブインスペクタ（要素を右クリック、「要素を検証」を選択）
• 参考：Google V8 JavaScript Engine

V8 is Google's open source JavaScript engine.
V8 is written in C++ and is used in Google Chrome, the open source browser from Google.

>

CSS3：

• サンプル：-webkit-border-radius:10px;

• サンプル：-webkit-border-radius:20px;

>

オプション（基本設定）：

オプション（詳細設定）：

オプション（高度な設定）：

• 参考：Google Gears

Gears is an open source project that enables more powerful web applications, by adding new features to your web browser

>

モバイル：

• Obama MobileをGoogle Chromeで

9月3日（AM10:00）

雑感：

• とても起動が速く、動作も軽いのでUMPCの標準ブラウザとして使えそう
  Gmailの動作が速い（現在、Firefox 3やIE 7だと少々もたつく状況）
• タスクマネージャで、重たいページだけ「落とす」ことができるのでありがたい

移動中のレポートなので、ここまで‥

• WILLCOM D4
• リモート操作による投稿
  

Apple iPhoneで読むコミック

Apple iPhoneおよびiPod touchで読むコミック

Voyagerの電子書籍ビューア「T-Time（ティータイム）」が、Apple iPhoneおよびiPod touch用に最適化されました。マルチタッチインターフェースに対応した「T-Time touch」が提供されています（コンテンツに内包する形式で販売）。

実際にさわってみましたが、とても柔軟な作りになっており、ソファにごろんと横になって読むときに必要な操作がすべて実現されています。

• レポート：
  iPhone用コミックビューア（操作のビデオ） - YouTube

参考：

• 報道資料：待ち望んでいた理想の本、T-TimeはiPhoneに着地する
• Voyager Japan
• iPhoneで読む講談社コミック

• iPhone App Store 電子書籍
• タイトル：伝染歌 映画原作版
• リリース：2008年7月17日
• 価格：115円
• 販売：Voyager Japan,inc.

その他の参考：

漫画は「紙」媒体で提供されますが、常に最新のテクノロジーにあわせてコンテンツ化されてきました。ビデオ、CD-ROM、電子ブック、Web、ケータイなど、メディアの特性を活かしながら、さまざまな形で表現されています。

• ビデオ劇画（VHSビデオ）
  参考：YouTubeのビデオ
• 電子ブック
  参考エントリー：10年プロジェクト「電子ブック」
  ※2007年の記事です
• デジタルコミック（パソコン／CD-ROM）
  参考エントリー：モーショングラフィック・スタイルのデジタルコミック
  ※ご注意、2004年の記事です
• ケータイコミック（携帯電話）
  参考：YouTubeのビデオ
• Webコミック（パソコン／ブラウザ）
  参考：COMIC SEED!

2008年8月26日

Googleマップ・ストリートビューで阿佐ヶ谷を散歩する

歩こうと思いながら、なかなか時間がとれず実現できていなかった散歩のコースを歩いてみます。バーチャルなカメラ散歩ですね。

続きを読む "Googleマップ・ストリートビューで阿佐ヶ谷を散歩する"

Googleマップ・ストリートビューの記録（東京都23区）

作業場Aの近辺をGoogleマップのストリートビューで確認していたら、知人が写っていたのでメモしておきます。しかも‥
以下省略

以下は、新宿西口の高速バス乗り場、ヨドバシカメラのある場所。
ここでも、ある重要なものを発見‥
以下省略

サービスメモ：

• ストリートビュー - 不適切な画像の報告について