今回は前回までと少し趣向を変えて「一般向けサイト」のサンプルを作成してみました。今までに紹介したコンポーネントを多数使っているほか，新たなコンポーネントも使用しています。この作成したサンプルサイトを題材にして複数回にわたって，アーキテクチャやコンポーネント，Tipsなどの紹介をしていきます。 サンプルを見ていただく前にひとつ断っておかないといけないのがサンプルのデザインです。残念ながら著者はデザインに関しては素人でありセンスもありません。かなりチープなサイトになってしまっていますが，これはFlexだからではなく，著者にデザインのセンスが無いだけです。 では，実際にサンプルを見てみましょう（図1）。 図1：サンプル1（クリックすると別ウィンドウで表示します。ソースはこちら） 実はこのサンプルは，ブラウザ内全体がFlexのコンテンツというわけではありません。図2の赤枠で囲まれた領域がFlexの

あの『広告批評』が運営する「広告学校」と、オシウリがコラボレーションすることが決定しました！＞＞詳細はこちら 広告学校の卒業生および募集中の48期広告学校生という、クリエイターの卵たちが、オシウリに掲載された作品を批評したりする試みで、よい批評はあの『広告批評』に掲載される可能性もあるとか！ 今後の展開が楽しみです！ ちなみに、最近はオシウリも新規掲載作品がぞくぞく。よかったらチェックしてみてください。 ＞＞新規作品はこちらで

サイオステクノロジーは9月18日，オープンソースのプロジェクト管理ツール「ProjectKeeper」の正式版「ProjectKeeper Ver.1.0」を公開した。 ProjectKeeperはWebベースのプロジェクト管理ツールで，ガント・チャートなどはマウス操作で移動したり，長さを変更することができる。作業時間から人件費を計算しプロジェクトの損益を管理できる機能なども備える。スケジュールや作業時間，損益などのデータはダウンロードしてExcelなどの表計算ソフトに取り込むことも可能。 7月4日にベータ版を公開し，これまでに8000件以上ダウンロードされたという。正式版では，プロセスの担当者アサインと進捗報告機能，マネージャによる状況と課題の確認確認機能，BI(ビジネスインテリジェンス)メンテナンス機能などを追加した。またカスタマイズできるポータル画面であるダッシュボードの，デフォルト

XHTML （XMLも） から XSLT （じゃなくてもいいんだけど） によって汎用的にメタデータを抽出するための仕様、GRDDL （Gleaning Resource Descriptions from Dialects of Languages） が 11日に W3C 勧告として公開されました。同時に W3C のプレスリリースにも GRDDL についての発表がされています。 GRDDL の公開について (W3C 勧告) ： W3C プレスリリース（日本語） 基本的に (X)HTML は人間様向けの言語であって、アプリケーション等、機械から利用するには微妙な存在。機械向けのメタデータを提供する手段としては RDF （Resource Description Framework） が存在するわけですが、人間向け、機械向け別々のデータが必要な場合、今までは両方とも制作者が用意するのが普通だっ

これおもしろいから見てよ！というときにURLにちょっと細工をするだけでそのリンクが何回見られたか、どこで見られたかなどを教えてくれるのがYooRLだ。 使い方は簡単で短縮URLを作るのと同じ要領で特殊なURLをYooRLで生成すればいい。あとはそれを友達に教えるだけでいい。 転送される様子を追跡するには、そのURL専用に作られたダッシュボードページを見ればいい。 リンクが開かれた場所を地図上に表示してくれたりして、バズをトラッキングするには最適だろう。 バズを視覚化する仕組みがいま、求められている。他にどんな仕掛けが考えられますかね。

まだ発売前のiPhoneですが、iPhone対応のアプリケーションが続々と開発されているようです。 iPhone Application Listのサイトではそうした開発中のアプリをブログ形式で紹介しています。 iPhoneで使えるTwitter、RSSリーダー、チャットなどなど・・・。新しいライフスタイルを垣間見ることができてワクワクしてきますね。 日本でもいずれ発売されるであろうiPhone。そのアプリケーション市場を狙っている人には参考になるのではないでしょうかね。

微妙に不安定だが、コンセプトとしてはおもしろいのでご紹介。 FormAliveではいわゆる「フォーム」に特化したアクセス解析サービスを提供している。 フォームはユーザーや読者、顧客からの窓口となる箇所である。ここが最適化されていないとサイトの目的を達することが難しくなるのは自明である。 そこでFormAliveでは設置したフォームで何がどこまで入力されたかを追跡してくれる。 これを見ていれば「あ、ここでみんな面倒だと思っているんだ」なんてことがわかるだろう。 フォームに特化、というコンセプトがなかなか良い。Form Experience Optimization（EFO）とかそんな言葉で商品つくる人が出てきそうだと思ったり思わなかったり。

使いどころが微妙に難しいが、便利な人には便利そうなのでご紹介。 WMD-editorはHTMLのtextareaを拡張してくれるJavascript。 これを導入しておけば入力したテキストをリスト形式にしたり、見出しをつけたりといったことが可能になる。 またそのようにして入力されたテキストをリアルタイムにプレビューするタグも用意されている。 インターフェースがリッチなサービスが人気の今、既存のHTMLタグを拡張するこうした仕組みはおもしろいですね。

画像を他サイトから簡単に引用できる『ImgRed』 April 7th, 2007 Posted in 便利ツール（ウェブ） Write comment これはナイスアイディアかも。 ブログなどを書いているとよく「このサイトのこの画像を引用したい」というときがある。 そんなときは一旦その画像をダウンロードして、また自分のブログにアップして、という作業が必要になる。 もちろんホットリンク（元ネタサイトの画像URLを直接指定）も技術的には可能だが、なんとなくモラル的に避けている人も多いだろう。 そこで登場したのがImgRedである。これを使えば元画像へのホットリンクを避けながら簡単に自分のブログへ画像をアップできる。 仕組みは簡単だ。使いたい画像のURLの最初にhttp://imgred.com/をつけるだけでいい。そうすると一旦元画像がimgredへコピーされ、そのあとはそこから画像が使われ

なんだかすごそうなテクノロジーなので勢いでご紹介。 Viewdleでは映像からリアルタイムで顔認識を行う技術を開発しているようだ。 これが実現されれば、特定の人だけが映っている映像だけを検索する、といったことができそうだ。 今はユーザーがタグなどでつけている情報をもとに検索しているが、これならそうした手間がいらないだろう。 マッチングするデータベースが充実してくれば、動画共有サイトに導入されることもありうるかもしれない。 さまざまな可能性を秘めていると思うが、まずはこのサイトのトップページのデモを眺めてみよう。なにかアイディアが浮かんできそうでもある。

Lifehackerで興味深い裏技が紹介されていました。YouTubeのURLをちょこっといじるだけで大画面で動画を見ることができます。 やり方は簡単。普段は以下のようになっているURLを・・・。 http://www.youtube.com/watch?v=O9mEKMz2Pvo 次のように変えるだけです。 http://www.youtube.com/watch/v/O9mEKMz2Pvo このURLでアクセスするとブラウザいっぱいに動画が表示されます。 ↑ 画質はまぁ、あれですが。 イベントとかで使えるかもですね・・・知っておいて損はないかもしれません。誰かがブックマークレットとか作ってくれそうな・・・。元記事は以下からどうぞ。 » YouTube: Stretch YouTube Videos to Fit Your Browser Width – Lifehacker

便利そうなJavascriptライブラリーのご紹介。Curl.jsを使えば、誰でも簡単に写真がめくれたような効果を実現することができます。 ↑ こうした画像が簡単につくれます。 使い方も簡単そうですね。いろいろオプションをつけてカスタマイズもできるようです。 興味のある方は使ってみてはいかがでしょうか。詳細＆ダウンロードは以下からどうぞ。 » curl.js (with IE 6/7 support)

「y or n。これからはヤフーがライバルです（社長談）」――ニフティが今夏に展開したこんな広告が、ネット上で話題になった。 「ニフティはヤフーになり得たのではないか。パソコン通信からネットへの転換期に、何かを大きく誤ったのではないか」。和田一也社長のそんな意識が、社内を動かしている。 花咲かなかった「NIFTY-Serve時代の種」 パソコン通信「NIFTY-Serve」時代のニフティは、インフラからコミュニティー、コンテンツまで一手に提供し、大きな存在感を示していた。 だがインターネット時代に入って様子が変わる。「安心・安全」を旗印に掲げたISPとしてインフラを提供。「＠nifty」というポータルも持ちながら、ISPユーザー以外への存在感は薄まった。「ニフティの利活用（ポータル・コンテンツ）分野は無名」と和田社長は言い切る。 ISPとして堅実に事業を進め、付加サービスはISP会員向けに

第2回モバイル勉強会を開催しました。 今回はモバイルに情熱を持ったスピーカー12名の方々にご賛同いただき、 密度の濃いモバイルの勉強会を開催することが出来ました。 本当に皆様のおかげで、このような素晴らしい会を開催することが出来ました。 ありがとうございました。 また祝日の上、大人数にも関わらず、快く会場を貸してくださった上に 朝早くから会場設置までしてくださったECナビさん、本当にありがとうございました。 私も1スピーカーとして発表してまいりましたので、 その資料をあげておきます。 「キャリア判別と絵文字の扱い」 さてそんな第2回モバイル勉強会のご報告です。 ■スピーカーセッション ★モバイル前世紀 小飼 弾 さん 資料:モバイル前世紀 動画:モバイル前世紀 プレゼンテーションは携帯のみ！ 参加者各自で携帯を触りながらのプレゼンは斬新でした。 某ライブ○アの頃の携帯サイトを作ったときに話

いつかはこの問題に触れなければならないと思ってはいたのだが、次第にネットでの騒ぎが大きくなっていくにつれて、当事者であるこちらが気後れしてしまった。8月上旬に上梓した「CONTENT'S FUTURE ポストYouTube時代のクリエイティビティ」（以下CONTENT'S FUTURE）を巡るクリエイティブ・コモンズの扱いについてである。 この本は、日本の書籍としては珍しいクリエイティブ・コモンズライセンス（以下CC)を付けて発売された。それによる誤解や混乱などがあるようなので、もう一度ここら辺の意味や我々の思いというようなものを、整理してみたい。 CCをご存じの方も多いとは思うが、その定義付けや意味というのは実に多方面に渡っており、結構やっかいだ。筆者が考えるにCCとは、現時点での著作権法では認められていないような部分の許諾を、著作者自身が積極的に解放していくための意思表示手段である。

thecreativeblog.com is for sale Please prove you're not a robot

&lt;script&nbsp;src=&quot;sprinkle.js&quot;&gt;&lt;/script&gt; &lt;div&nbsp;src=&quot;<span class="accent1">include.html</span>&quot;&gt;&lt;/div&gt;

どうもうまくいかないのだが、恐らく解決できる人もいらっしゃると思うのでご紹介。 時代はWeb API、XML、オブジェクト指向と進んでいても、まだまだ現役なのがCSVファイルだ。表計算ソフトウェアや、他のシステムとの連携で利用される事も少なくない。 あの特殊なフォーマットをちまちま解析するのは時代遅れだ。華麗に扱ってこそ、CSVの便利さが際立ってくる。 今回紹介するオープンソース・ソフトウェアはSuper CSV、CSVをオブジェクトに相互変換するJavaライブラリだ。 Super CSVではBeanクラスでCSVの項目を定義する。そして、ファイルを読みながらそのCSV構造を定義したプロセッサーを渡す事で、結果をBeanクラスのオブジェクトで取得できる。 逆に書き込む場合も操作は同様だ。データをオブジェクトを通じて書き込めるので、CSV特有の面倒さを感じる事なく相互に利用ができる。 試して

バグを生む原因の一つに、様々な技術を組み合わせた結果と言う事がある。熟練していない技術を様々に組み合わせる事で品質を下げてしまう事は良くある。 最近流行のJSONは便利な存在だが、扱いに慣れていなければこれを使ってラッピングしてしまおう。 今回紹介するオープンソース・ソフトウェアはJSONPath、JSONオブジェクトにXPath風にアクセスできるようにするライブラリだ。 JSONPathを使うと、JSONに対してXPath風にアクセスできるようになる。"$.person[*].name"のような形でデータにアクセスする。XPathの「/」を「.」に置き換えた形だ。 現在、PHP/JavaScript/C#向けのライブラリが提供されている。JSON自体でも扱い勝手は良いが、XPathに慣れている人にとっては、こちらの方が分かりやすいのではないだろうか。 尚、PHPの場合はPearのServ

最近、またActionScriptの勉強をはじめた。Memotuneを通じてFlashに触れているが、こったインタフェースを作るためにはどうしてもActionScriptから行う必要がある。 ActionScriptでの開発はFlex 2 SDK + FlashDevelopで行っていたが、開発の効率化をあげるためにこれを導入しようと思っている。 今回紹介するオープンソース・ソフトウェアはrascut、RubyベースのActionScript開発ユーティリティだ。 ActionScript開発の面倒な点は、コンパイルの手間と、ブラウザの再読み込みだ。また、入力補助をしてくれるIDEは便利だが、キーバインドがいつものテキストエディタと違いすぎて面倒だった。 慣れてきたらいつものテキストエディタで開発できるようになるだろう。そしてrascutを使ってコンパイルすれば、ファイルが更新されると自動

日本マクドナルドは15日、システム障害が発生し、全国の多くの店舗で営業を停止したと発表した。　同日午後から、店舗での対面販売と、スマートフォンの公式アプリを通じたモバイルオーダーができない状態になっていた。同社広報は「現在、不具合の原因や内容を調査している」と述べ、復旧作業を急いでいる。　同社は国

このサイトでメニューを作って張ってみたんですが メニューがTOP画像の上に表示されるのです。 どうすればよいでしょうか？ Top Tools Yotube Music Diary これがHTMLで ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url(“http://error911.up.seesaa.net/image/bg.jpg?20090326204938″) repeat-x top left; font-family:”Trebuchet