第21回 Flexでちょっと実用的なサンプル・サイトを作ってみる
今回は前回までと少し趣向を変えて「一般向けサイト」のサンプルを作成してみました。今までに紹介したコンポーネントを多数使っているほか，新たなコンポーネントも使用しています。この作成したサンプルサイトを題材にして複数回にわたって，アーキテクチャやコンポーネント，Tipsなどの紹介をしていきます。 サンプルを見ていただく前にひとつ断っておかないといけないのがサンプルのデザインです。残念ながら著者はデザインに関しては素人でありセンスもありません。かなりチープなサイトになってしまっていますが，これはFlexだからではなく，著者にデザインのセンスが無いだけです。 では，実際にサンプルを見てみましょう（図1）。 図1：サンプル1（クリックすると別ウィンドウで表示します。ソースはこちら） 実はこのサンプルは，ブラウザ内全体がFlexのコンテンツというわけではありません。図2の赤枠で囲まれた領域がFlexの
あの『広告批評』とオシウリがコラボ！ 「オシウリ批評」始まります | ウェブアドタイムスブログ
あの『広告批評』が運営する「広告学校」と、オシウリがコラボレーションすることが決定しました！＞＞詳細はこちら 広告学校の卒業生および募集中の48期広告学校生という、クリエイターの卵たちが、オシウリに掲載された作品を批評したりする試みで、よい批評はあの『広告批評』に掲載される可能性もあるとか！ 今後の展開が楽しみです！ ちなみに、最近はオシウリも新規掲載作品がぞくぞく。よかったらチェックしてみてください。 ＞＞新規作品はこちらで
メディア・パブ: Google，強力なガジェット（Widget）広告を開始
Widgetビジネスがいよいよ本物になってきた。Googleが満を持してWidget広告を始めたからだ〈GoogleはWidget（ウィジェット）をGadget（ガジェット）と呼んでいる〉。 ガジェット広告（ウィジェット広告）はミニサイズの広告で，ブログやSNS，パーソナライズドページなどに貼り付けることができる。Googleは広告主のために，AdSense networkでガジェット広告を配信することになる。 インタラクティブな新しい広告フォーマットを利用して，リッチ メディア広告を実現できるのが売りだ。具体的には，iGoogleのガジェットと同じ技術を用い，コンテンツは標準の HTML、JavaScrip、CSS で構成する。ウェブページのミニバージョンと思えばよい。 Widgetなのでコンテンツの内容を容易に変えることできる。「Google ガジェット広告の作成方法」については，既に
オープンソースのプロジェクト管理ツール「ProjectKeeper」正式版公開
サイオステクノロジーは9月18日，オープンソースのプロジェクト管理ツール「ProjectKeeper」の正式版「ProjectKeeper Ver.1.0」を公開した。 ProjectKeeperはWebベースのプロジェクト管理ツールで，ガント・チャートなどはマウス操作で移動したり，長さを変更することができる。作業時間から人件費を計算しプロジェクトの損益を管理できる機能なども備える。スケジュールや作業時間，損益などのデータはダウンロードしてExcelなどの表計算ソフトに取り込むことも可能。 7月4日にベータ版を公開し，これまでに8000件以上ダウンロードされたという。正式版では，プロセスの担当者アサインと進捗報告機能，マネージャによる状況と課題の確認確認機能，BI(ビジネスインテリジェンス)メンテナンス機能などを追加した。またカスタマイズできるポータル画面であるダッシュボードの，デフォルト
Amazon アソシエイト・プログラム（アフィリエイト） 公式ブログ
Amazonアソシエイトプログラム（アフィリエイト）をご利用の皆さま、こんにちは。 Amazonギフト・季節特集ストアでは、人形町今半の黒毛和牛とサービングパンの限定セットが特別価格で販売中です。 お歳暮やご自宅で過ごす年末にぴったりのアマゾン限定スペシャルセットがお買い得。 8,800円相当の人形町今半のミートギフト(黒毛和牛)と、すき焼き/焼肉に最適なサービングパンがセットになったスペシャルセットです。 人形町今半の黒毛和牛とサービングパンの限定セットのASINリンク作成はこちら この機会に皆様のソーシャルメディア、ブログ等にてぜひご紹介ください。 Amazonアソシエイトプログラム（アフィリエイト）をご利用の皆さま、こんにちは。 Amazon食品&飲料ストアでは、伊藤園がおーいお茶カフェインゼロ緑茶のラベルレスボトルを11/16(月)新発売です。 おーいお茶カフェインゼロ緑茶(※)が
GRDDL で広がる XHTML の可能性
XHTML （XMLも） から XSLT （じゃなくてもいいんだけど） によって汎用的にメタデータを抽出するための仕様、GRDDL （Gleaning Resource Descriptions from Dialects of Languages） が 11日に W3C 勧告として公開されました。同時に W3C のプレスリリースにも GRDDL についての発表がされています。 GRDDL の公開について (W3C 勧告) ： W3C プレスリリース（日本語） 基本的に (X)HTML は人間様向けの言語であって、アプリケーション等、機械から利用するには微妙な存在。機械向けのメタデータを提供する手段としては RDF （Resource Description Framework） が存在するわけですが、人間向け、機械向け別々のデータが必要な場合、今までは両方とも制作者が用意するのが普通だっ
フォームに特化したアクセス解析サービス『FormAlive』 | 100SHIKI.COM
微妙に不安定だが、コンセプトとしてはおもしろいのでご紹介。 FormAliveではいわゆる「フォーム」に特化したアクセス解析サービスを提供している。 フォームはユーザーや読者、顧客からの窓口となる箇所である。ここが最適化されていないとサイトの目的を達することが難しくなるのは自明である。 そこでFormAliveでは設置したフォームで何がどこまで入力されたかを追跡してくれる。 これを見ていれば「あ、ここでみんな面倒だと思っているんだ」なんてことがわかるだろう。 フォームに特化、というコンセプトがなかなか良い。Form Experience Optimization（EFO）とかそんな言葉で商品つくる人が出てきそうだと思ったり思わなかったり。
画像を他サイトから簡単に引用できる『ImgRed』 | 100SHIKI.COM
画像を他サイトから簡単に引用できる『ImgRed』 April 7th, 2007 Posted in 便利ツール（ウェブ） Write comment これはナイスアイディアかも。 ブログなどを書いているとよく「このサイトのこの画像を引用したい」というときがある。 そんなときは一旦その画像をダウンロードして、また自分のブログにアップして、という作業が必要になる。 もちろんホットリンク（元ネタサイトの画像URLを直接指定）も技術的には可能だが、なんとなくモラル的に避けている人も多いだろう。 そこで登場したのがImgRedである。これを使えば元画像へのホットリンクを避けながら簡単に自分のブログへ画像をアップできる。 仕組みは簡単だ。使いたい画像のURLの最初にhttp://imgred.com/をつけるだけでいい。そうすると一旦元画像がimgredへコピーされ、そのあとはそこから画像が使われ
YouTubeの動画を大画面でみるための裏技 | POP*POP
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
写真がクルリとめくれたような効果を実現できる『Curl.js』 | POP*POP
便利そうなJavascriptライブラリーのご紹介。Curl.jsを使えば、誰でも簡単に写真がめくれたような効果を実現することができます。 ↑ こうした画像が簡単につくれます。 使い方も簡単そうですね。いろいろオプションをつけてカスタマイズもできるようです。 興味のある方は使ってみてはいかがでしょうか。詳細＆ダウンロードは以下からどうぞ。 » curl.js (with IE 6/7 support)
「訳が分からないことをやらないと勝てない」――ニフティ和田社長 (1/2) - ITmedia News
「y or n。これからはヤフーがライバルです（社長談）」――ニフティが今夏に展開したこんな広告が、ネット上で話題になった。 「ニフティはヤフーになり得たのではないか。パソコン通信からネットへの転換期に、何かを大きく誤ったのではないか」。和田一也社長のそんな意識が、社内を動かしている。 花咲かなかった「NIFTY-Serve時代の種」 パソコン通信「NIFTY-Serve」時代のニフティは、インフラからコミュニティー、コンテンツまで一手に提供し、大きな存在感を示していた。 だがインターネット時代に入って様子が変わる。「安心・安全」を旗印に掲げたISPとしてインフラを提供。「＠nifty」というポータルも持ちながら、ISPユーザー以外への存在感は薄まった。「ニフティの利活用（ポータル・コンテンツ）分野は無名」と和田社長は言い切る。 ISPとして堅実に事業を進め、付加サービスはISP会員向けに
memokami :: 第2回モバイル勉強会で「キャリア判別と絵文字の扱い」を発表してきました
第2回モバイル勉強会を開催しました。 今回はモバイルに情熱を持ったスピーカー12名の方々にご賛同いただき、 密度の濃いモバイルの勉強会を開催することが出来ました。 本当に皆様のおかげで、このような素晴らしい会を開催することが出来ました。 ありがとうございました。 また祝日の上、大人数にも関わらず、快く会場を貸してくださった上に 朝早くから会場設置までしてくださったECナビさん、本当にありがとうございました。 私も1スピーカーとして発表してまいりましたので、 その資料をあげておきます。 「キャリア判別と絵文字の扱い」 さてそんな第2回モバイル勉強会のご報告です。 ■スピーカーセッション ★モバイル前世紀 小飼 弾 さん 資料:モバイル前世紀 動画:モバイル前世紀 プレゼンテーションは携帯のみ！ 参加者各自で携帯を触りながらのプレゼンは斬新でした。 某ライブ○アの頃の携帯サイトを作ったときに話
ITmedia +D LifeStyle：クリエイティブ・コモンズに賭けた「コンテンツの未来」 (1/3)
いつかはこの問題に触れなければならないと思ってはいたのだが、次第にネットでの騒ぎが大きくなっていくにつれて、当事者であるこちらが気後れしてしまった。8月上旬に上梓した「CONTENT'S FUTURE ポストYouTube時代のクリエイティビティ」（以下CONTENT'S FUTURE）を巡るクリエイティブ・コモンズの扱いについてである。 この本は、日本の書籍としては珍しいクリエイティブ・コモンズライセンス（以下CC)を付けて発売された。それによる誤解や混乱などがあるようなので、もう一度ここら辺の意味や我々の思いというようなものを、整理してみたい。 CCをご存じの方も多いとは思うが、その定義付けや意味というのは実に多方面に渡っており、結構やっかいだ。筆者が考えるにCCとは、現時点での著作権法では認められていないような部分の許諾を、著作者自身が積極的に解放していくための意思表示手段である。
最速インターフェース研究会 :: Mozilla24でしゃべってきました
9/15日にMozilla 24 出張Shibuya.js 24でしゃべってきました。 http://shibuyajs.org/articles/2007/08/24/Shibuya-js-24 資料はこちら。 http://ma.la/files/shibuya.js/mozilla24.html JavaScriptでBloom filterのデモ。今のところ実用性が無い。仕組みを理解するのには良いかも。 http://la.ma.la/misc/js/bloomfilter/ Bloom Filterについてはここら辺が詳しい。 http://chasen.org/~taku/blog/archives/2006/01/bloom_filter_1.html http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AB%E3%83%BC%E3%83
curl.js (javascript page curl image effect)
Initialisation class "curl" vary the size of the curl by adding isize followed by the desired size in percent: Curl size class "isize" - min=0 max=MinImageDimension default=33 vary the paperback color of the curl by adding icolor followed by the color: Curl color class "icolor" - min=000000 max=ffffff default=0 vary the shadow by adding ishadow followed by the opacity in percent: Curl shadow class
Say It, Simon: Towel Art
Sunday, September 16, 2007 Towel Art I recently went on a cruise for the first time, with my family. It was a pretty pleasant surprise to find the art that they would leave each time they cleaned our rooms by using nothing but a towel. Here are some pics that I took of it when I was aboard the Carnival Fascination: Here are some more I found by searching: From Celtic Nations World Posted by Simon
WordPressのセキュリティをチェックするプラグイン -wp-scanner
wp-scannerは、オンラインでWordPressのセキュリティをチェックするために導入するプラグインです。 下記のキャプチャ画像は、当サイトのものではなく、wp-scannerに掲載してあるキャプチャ画像です。 WordPress Scanner WordPressのセキュリティをチェックするためには、上記ページ(WordPress Scanner)にて、「wp-scanner activator plugin」をダウンロードして、プラグインを導入します。 プラグインを有効にした後、下記のチェックページにURLを入力し、「go」ボタンをクリックすると、WordPressのセキュリティのチェックが始まり、検証結果が表示されます。
[JS]JavaSctiptでファイルをインクルードする -sprinkle.js
<script src="sprinkle.js"></script> <div src="<span class="accent1">include.html</span>"></div>
![[JS]JavaSctiptでファイルをインクルードする -sprinkle.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
オンラインで画像を角丸にするジェネレーター -ez rounded corners
ez rounded cornersは、画像をアップロードすると、その画像を角丸にしてくれるオンラインのジェネレーターです。 ez rounded corners 画像を角丸にする際、背景となる色を指定します(デフォルトは白)。 何回か試した所、エラーが出たりしましたが、正常に画像を角丸に変更できました。
MOONGIFT: » CSVを華麗に操る「Super CSV」:オープンソースを毎日紹介
どうもうまくいかないのだが、恐らく解決できる人もいらっしゃると思うのでご紹介。 時代はWeb API、XML、オブジェクト指向と進んでいても、まだまだ現役なのがCSVファイルだ。表計算ソフトウェアや、他のシステムとの連携で利用される事も少なくない。 あの特殊なフォーマットをちまちま解析するのは時代遅れだ。華麗に扱ってこそ、CSVの便利さが際立ってくる。 今回紹介するオープンソース・ソフトウェアはSuper CSV、CSVをオブジェクトに相互変換するJavaライブラリだ。 Super CSVではBeanクラスでCSVの項目を定義する。そして、ファイルを読みながらそのCSV構造を定義したプロセッサーを渡す事で、結果をBeanクラスのオブジェクトで取得できる。 逆に書き込む場合も操作は同様だ。データをオブジェクトを通じて書き込めるので、CSV特有の面倒さを感じる事なく相互に利用ができる。 試して
MOONGIFT: » JSONをXPath風に「JSONPath」:オープンソースを毎日紹介
バグを生む原因の一つに、様々な技術を組み合わせた結果と言う事がある。熟練していない技術を様々に組み合わせる事で品質を下げてしまう事は良くある。 最近流行のJSONは便利な存在だが、扱いに慣れていなければこれを使ってラッピングしてしまおう。 今回紹介するオープンソース・ソフトウェアはJSONPath、JSONオブジェクトにXPath風にアクセスできるようにするライブラリだ。 JSONPathを使うと、JSONに対してXPath風にアクセスできるようになる。"$.person[*].name"のような形でデータにアクセスする。XPathの「/」を「.」に置き換えた形だ。 現在、PHP/JavaScript/C#向けのライブラリが提供されている。JSON自体でも扱い勝手は良いが、XPathに慣れている人にとっては、こちらの方が分かりやすいのではないだろうか。 尚、PHPの場合はPearのServ
ActionScript開発者必須·rascut MOONGIFT
最近、またActionScriptの勉強をはじめた。Memotuneを通じてFlashに触れているが、こったインタフェースを作るためにはどうしてもActionScriptから行う必要がある。 ActionScriptでの開発はFlex 2 SDK + FlashDevelopで行っていたが、開発の効率化をあげるためにこれを導入しようと思っている。 今回紹介するオープンソース・ソフトウェアはrascut、RubyベースのActionScript開発ユーティリティだ。 ActionScript開発の面倒な点は、コンパイルの手間と、ブラウザの再読み込みだ。また、入力補助をしてくれるIDEは便利だが、キーバインドがいつものテキストエディタと違いすぎて面倒だった。 慣れてきたらいつものテキストエディタで開発できるようになるだろう。そしてrascutを使ってコンパイルすれば、ファイルが更新されると自動
各種CSSメニューをカスタマイズしてダウンロードできる『CSS MENU MAKER』 | 100SHIKI.COM
このサイトでメニューを作って張ってみたんですが メニューが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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転送したURLの追跡サービス『YooRL』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
次々に開発されるiPhone用アプリを淡々と紹介する『iPhone Application List』 | 100SHIKI.COM
Viewdle - Home
ウェブサービス内の写真を拡大表示できるFirefox拡張『PicLens』 | 100SHIKI.COM
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
http://www.designwalker.com/seed/webdesign/%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AE%E9%AB%98%E3%81%84%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E9%85%8D%E5%B8%83%E3%82%B5%E3%82%A4%E3%83%88%E3%80%8Eiconz-world%E3%80%8F/
http://www.designwalker.com/seed/webdesign/design_firm/
http://www.designwalker.com/seed/webdesign/speech-bubbles/
http://www.designwalker.com/seed/others/%E8%A3%B8%E3%81%AE%E5%A5%B3%E6%80%A7%E3%81%AB12%E6%98%9F%E5%BA%A7%E3%82%92%E3%83%9C%E3%83%87%E3%82%A3%E3%83%9A%E3%82%A4%E3%83%B3%E3%83%88/
http://www.designwalker.com/seed/graphicdesign/photoshop%E3%81%AE%E3%83%96%E3%83%A9%E3%82%B7%E3%81%8C500%E7%A8%AE%E9%A1%9E-%E3%80%8Epsbrushes%E3%80%8F/
http://www.designwalker.com/seed/graphicdesign/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E5%8F%82%E8%80%83%E3%81%AB%E5%90%8D%E5%88%BA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3450/
動画からリアルタイムで顔認識する『Viewdle』 | 100SHIKI.COM
hereticanthem co.,ltd. » なにかと使えるスクリーンショットツール・サービスのまとめ
Liner Note - 無償で商用利用できて品質の高い日本語フォント一覧
MercuriusLab++ - Error
http://e0166nt.com/blog-entry-291.html
crookedbrains.net
HugeDomains.com
http://www.ptzdi-668.com/index.html
RubyForge: hotchpotch: Project Info
http://e0166nt.com/blog-entry-290.html
http://e0166nt.com/blog-entry-289.html
ローディング時のgifアニメーションの作り方&リンク集
毎日ｊｐ
CSSMENUMAKER.COM