推奨サイト一覧
  • test

Picot Mini by Paola Lenti

2012 年 2 月 5 日

Picot Mini by Paola Lenti. Pouf for indoor & outdoor use.

Emu pattern

2012 年 2 月 5 日

Nice outdoor chair called 'pattern' with hexagonal pattern that decorates the seat and back.

サイドバイサイド/インライン表示に対応したJavaScriptテキスト差分表示ライブラリ「jsdifflib」へのコメント

2012 年 2 月 5 日

reveal.js

2012 年 2 月 5 日

reveal.js, a CSS 3D slideshow for good looking HTML presentations.

jQuery Lifestream

2012 年 2 月 5 日

jQuery Lifestream, similar to mine but this one makes it easy for you to create yours.

PR: ウェルカム・セレクション

2012 年 2 月 5 日
ネットで円定期の金利が年4%に。円定期と投資信託がセットでおトク!

Ads by Trend Match

Google、Androidアプリのセキュリティスキャン実行へ

2012 年 2 月 5 日
Googleは2月2日、Androidマーケットで公開するアプリを自動でセキュリティスキャンするサービスを発表した(Google Mobile Blogの記事TechCrunch Japanの記事本家/.)。

「Bouncer」というコードネームで呼ばれるこのサービスでは、Androidマーケットで新規に公開されるアプリと、既に公開されているアプリの両方がスキャン対象となる。アプリがアップロードされると、パターンを使用して既知のマルウェアやスパイウェア、トロイの木馬などが含まれていないか分析する。また、すべてのアプリをクラウド上で実行して挙動を監視し、不正な挙動の見られるアプリについては、過去に発見された危険性のあるアプリとの比較も行われるという。さらに、新規登録される開発者アカウントについては、過去に別アカウントで不正アプリを公開していないかどうかといったチェックも行われるとのことだ。

すべて読む | セキュリティセクション | モバイル | Google | セキュリティ | Android

関連ストーリー:
マルウェアを組み込んだアプリ、最大で500万人がAndroidマーケットからダウンロード した可能性 2012年01月29日
Carrier IQ 検出ツールに偽装したマルウェアが発見される 2012年01月13日
Google、不正アプリ27本をAndroidマーケットから削除 2011年12月17日
米Sprint携帯の「ユーザーに無断で情報送信を行う機構」が問題に 2011年12月01日
セキュリティ専門家、Androidへの新たな攻撃手段を発見 2011年08月15日
Android Market、アプリの8%が個人情報を無断送信 2011年07月23日
Androidのマルウェア、着々と進化中 2011年06月18日
Android アプリ用の広告ライブラリー内に、ユーザーの個人情報などを取得するコードが発見される 2011年04月13日
マルウェア「DroidDream」を含むアプリ、公式 Android Market で一時配布される 2011年03月07日
Android向けのセキュリティソフト登場 2011年03月04日
Androidを狙ったマルウェアが増加 2011年02月20日
Android上で動くボット、出現 2011年01月07日
2011年、「モバイルマルウェア」の時代が来る? 2010年12月26日
Android、複数の人気アプリケーションで無断情報送信を確認 2010年10月03日

Facebookと連動することで信頼できるお医者さんを探せる『WhichDoc』

2012 年 2 月 5 日

これはかなりスマートなのでは。

WhickDocはFacebookと連動するお医者さん検索サービスだ。

使い方は簡単(かつ秀逸)で、まずはFacebookでログインし、自分がおすすめできるお医者さんを入力していくだけだ。そして入力したあとにはじめて他のお医者さんを検索しはじめることができる。

また入力されたデータは匿名性が保持されるので、おすすめのお医者さんは出てくるが、誰のお医者さんか、というのはわからないようになっている。

細かいところをつっこみはじめたらきりがないが、「自分のデータを入力してはじめて検索ができる」というこのモデルはなかなか良いのではなかろうか。うまいこと活用したいですな。

WhichDoc

https://www.whichdoc.com/

Facebookと連動するお医者さん検索サービス。

管理人の独り言 『肩こり』

自分なりの肩こり解消法として「シャドウボクシングをする」というものがある。格闘技をしている人にしか効果はなさそうだが(汗)、肩胛骨をよく動かせば肩こり解消に効くのではなかろうか、と思ったり思わなかったり。医学的なことはわからないが、効果があるのでたまにやる。

今日の運動記録

今日はなし!

初めて会った人達と72時間でスタートアップを作ろう!ただし疾走するバスの中で・・・『StartupBus』

2012 年 2 月 4 日

冗談で始めてみたらわりと人が集まっちゃった、というプロジェクトらしい。

StatupBusはその名のとおり、バスのなかで起業しちゃえ!というものだ。

制限時間は72時間、はじめて知り合った人達と車内で議論からコーディングまで行うという企画である。

個人的にはクルマ酔いでひどいことになりそうなのでちょっと無理だが、こういう「真剣に馬鹿なことをする」という体験は口コミされる人になるには必須だろう(と言ってみるテスト)。

日本でやってもいろいろな意味で話題になりそうですね。日本だったら山手線で・・・かなw。

StartupBus

http://startupbus.com/

疾走するバスの中で起業しよう!

管理人の独り言 『二日酔い』

すごい豆まきに参戦して打ち上げ、二次会、とかなり楽しかった。というか、呑みすぎた。週末は休肝日にしよう・・・。

今日の運動記録

今日はお休み。

注目!サーバサイドからjQueryを使ってDOM操作「nodeQuery」へのコメント

2012 年 2 月 4 日

Google、ブログの国別URLリダイレクトを一部の国で開始

2012 年 2 月 4 日
danceman 曰く、

Googleはブログサービスでの国別コードトップレベルドメイン(ccTLD)へのリダイレクトを一部の国や地域で開始した。すでに適用の開始されたインドから「[ブログ名].blogspot.com」にアクセスすると、「[ブログ名].blogspot.in」にリダイレクトされる(BloggerヘルプMashableの記事Techdowsの記事本家/.)。

ccTLDに移行することで、地域ごとに異なる法令に基づく削除依頼に対して柔軟な対応ができるようになるという。つまり、特定の国や地域から現地の法令に基づいた正当な削除依頼が寄せられたときに、該当するccTLDでのみコンテンツを削除すれば済む。これにより、影響を受ける読者の数を最低限に抑えることが可能とのこと。今後数ヶ月で、より多くの国や地域でccTLDの適用を開始するとのこと。

すべて読む | ITセクション | Google | 日記 | インターネット

関連ストーリー:
3 月 1 日、Google がプライバシーポリシーと利用規約を改定、各サービスで統一へ 2012年01月30日
Google+、年齢制限を「13歳以上」に引き下げ 2012年01月30日
Twitter、「特定の国でのみツイートを検閲することが可能」と宣言 2012年01月27日
インドも本格的な SNS 検閲に踏み切るか 2012年01月17日
インド、不快感を与えるコンテンツのスクリーニングをソーシャルメディアに要請 2011年12月10日
Google、「不愉快なコンテンツを却下する」特許取得 2011年07月01日

Dur-O-Tone Newsprint White

2012 年 2 月 4 日
Dur-O-Tone Newsprint White

Dur-O-Tone Newsprint White.

via fsr

Mapping Your Manor

2012 年 2 月 4 日
Mapping Your Manor

Mapping Your Manor.

via Richard Hogg

Kraftwerk - Tour de France

2012 年 2 月 4 日
Kraftwerk - Tour de France

Awesomeness perfectly animated.

via Thrill Seekers

Not Quite Snow White

2012 年 2 月 4 日
Not Quite Snow White

Not Quite Snow White.

via ffffound

Jornadas

2012 年 2 月 4 日
Jornadas

What a delightful color palette.

via Ibai Acevedo

Sections of the Guide IIII

2012 年 2 月 4 日
Sections of the Guide IIII

Last one in these series. So extraordinary!

via Matthew Lyons

Esquire

2012 年 2 月 4 日
Esquire

Illustration for Esquire.

via Moker Ontwerp

Sunrise

2012 年 2 月 4 日
Sunrise

Stunning scenery and colors.

via pete huu

Save your money

2012 年 2 月 4 日
Save your money

Budget for the new baby.

via Jackie Besteman

これはいい!設置するだけでWebサイトを高速化「FastPage」へのコメント

2012 年 2 月 4 日

Stunning Free Icon Set for Valentine’s Day

2012 年 2 月 3 日

Advertise here via BSA

Smashing Magazine has just released fantastic St. Valentine’s icon set, which is available in transparent PNGs as well as Photoshop PSDs (128×128 px) and are perfect for any projects you have coming up for St. Valentine’s Day.

Valentine’s icon set is completely free to use for commercial or personal applications without any restrictions.

valentine-icons

Requirements: -
Demo: http://www.smashingmagazine.com/2012/02/02/freebie-valentines…
License: License Free

Sponsors

Professional Web Icons for Your Websites and Applications

新しい食材の組み合わせが見つけられるインタラクティブツール『Foodpairing』

2012 年 2 月 3 日

ちとマニアックだが、シェフやバーテンダー向けのサービスをご紹介。

Foodparingを使えば、新しい食材やドリンクの組み合わせを見つけられるようだ。

しかもマインドマップ的なインターフェースで次々に興味のある組み合わせを探索していくことができる。

なお、これらの組み合わせは科学的な研究をもとにしたものらしい。新しいインスピレーションを得られるかもですな。

なお、ある程度までは無料だが、本格的に使おうと思ったら費用がかかるようだ。ニッチなマーケットではあるが、ご興味のある方は試してみてはいかがだろう。

Foodpairing

http://www.foodpairing.com/

新しい食材の組み合わせを見つけられるインタラクティブツール。

管理人の独り言 『弾丸旅行』

昨日は一泊弾丸旅行。やっぱり西の方は寒かったが、やっぱり楽しかった&おいしかった。お誘いいただいた方に感謝!である。

今日の運動記録

朝ラン&筋トレ。

PR: シスコ製サーバ導入チャンス! 3月30日受注分まで

2012 年 2 月 3 日
UCS Cシリーズお手軽導入パック。ネットワールドの特別価格にご注目。

Ads by Trend Match

インターネット規制には「脱獄」で対抗すればいい

2012 年 2 月 3 日

danceman 曰く、

インターネット上の発言や情報のやりとりを規制しようとする法案が次々に打ち出されているなか、自由で開かれたインターネットは規制強化の脅威にさらされているが、これに対抗するように脱獄版インターネットが出現することになるだろうとのこと (Info World の記事本家 /. 記事より) 。

InfoWorld 記事にて脱獄版インターネットを提案する Paul Venezia 氏によれば、それはまるで iPhone の脱獄を行うようなものだという。iPhone の脱獄はアプリをダウンロードするだけで数分内に完了してしまうが、これと同様に匿名化ツールの Tor をインストールしてしまえばよいとのこと。マウスを数回クリックするだけで、検閲サイトへのアクセスも可能になるとしている。

氏は、ネット規制法案を通そうと躍起になっている議員らは「インターネットを規制することは不可能である」ことを単純に理解できていないと指摘。ネット規制が強化されれば、Vidalia などのツールを使った Tor 利用者の裾野が自ずと広がるだけで、ネット利用者はこれまでと同様に自由にネット上のサイトやサービスにアクセスしているだろうとのこと。

すべて読む | ITセクション | 検閲 | YRO | インターネット

Google Sky Mapは開発終了&オープンソース化「Stardroid」へのコメント

2012 年 2 月 3 日

EFF、Megauploadにサーバーを提供していたホスティング業者と協力して合法ファイルの復元活動を開始

2012 年 2 月 3 日
insiderman 曰く、

先日オンラインストレージサービスMegauploadの運営者が逮捕され、サイト自体も閉鎖される事件が起こったが、Megauploadにサーバーを提供していたホスティング業者Carpathia HostingとEFFが協力し、「ファイルストレージとして合法的に使っていたユーザー」に向けてファイルを「取り戻す」活動を行うという(Ars Technica)。

すでにwww.MegaRetrieval.comというサイトが立ち上げられており、プレスリリースも発表されている。これによると、EFFは事前の警告無しにMegauploadが閉鎖されたことで合法的なユーザーが彼らの所有ファイルへとアクセスする手段がなくなったことについて懸念を表明している。

CarpathiaはMegauploadが使用していたサーバーを直ちに初期化することはないとし、合法的なファイルをアップロードしていたユーザーでファイルを「取り戻す」ための法的サポートが必要な人はEFFに連絡を取ってほしいとしている。

すべて読む | ITセクション | EFF | インターネット | IT

関連ストーリー:
クラウドサービスが閉鎖されたら自分のファイルはどうなるか 2012年01月22日
オンラインストレージMegaupload閉鎖、創業者は逮捕 2012年01月20日
摘発後も取り残される違法ファイル 2011年04月05日

Dead Kennedys

2012 年 2 月 3 日
Dead Kennedys

When you turn an indie rock show flyer into international typographic style poster this is the result.

via swissted

PR: シスコ製サーバ導入チャンス! 3月30日受注分まで

2012 年 2 月 2 日
UCS Cシリーズお手軽導入パック。ネットワールドの特別価格にご注目。

Ads by Trend Match

米Amazonでのやらせレビュー、目立ちすぎてバレて削除される

2012 年 2 月 2 日
あるAnonymous Coward 曰く、

米Amazonで、Kindle Fireタブレット用ケースを販売する業者が購入者に対し「レビューを書いてくれたら全額キャッシュバック」というキャンペーンを実施していたそうだ。これによって商品にはレビューが大量に付いたのだが、そのほとんどが「5つ星」だった(4,945件のレビューのうち、5つ星以外の評価だったのはたった4.9%だったという)。その結果、この「やらせ」がAmazon側にばれ、最終的にはレビューを削除される結果となったという(GIZMODO)。

元ネタのNew York Timesによると、Amazonでは報酬を支払ってレビューを書かせる行為は禁止されているとのことで、最終的には商品ページ自体も削除になったようだ。

すべて読む | ITセクション | 変なモノ | インターネット | idle

関連ストーリー:
カカクコム、食べログのやらせ業者39社を特定 2012年01月05日
Amazonのレビューは信用できない? 2011年07月01日
ウォルマートのFlog(やらせブログ)問題 2006年11月09日

20代英国人男性、Twitterのつぶやきでテロリストと間違われ逮捕される

2012 年 2 月 2 日
danceman 曰く、

Twitterで「アメリカを破壊(destroy)する」とつぶやいた26歳の英国人男性が、観光目的で訪れたロサンゼルスに到着して間もなく、テロリストの容疑で空港内にて逮捕されてしまったとのこと。米国家安全保障局はTwitterの監視をおこなっており、同つぶやきからLeigh Van Bryan氏をテロリストと判断し、目をつけていたという。同行していた友人の英国人女性も同様に逮捕された(本家/.The Sun記事)。

Leigh氏によれば、同つぶやきはロサンゼルスに向けて出発する数週間前につぶやいたもので、destroyは 英国のスラングで「パーティーで大騒ぎする」という意味があるのだという。捜査官に何度も説明したが聞き入れて貰えず、12時間も拘置所に拘留された挙げ句に本国に送還されてしまったとのこと。

すべて読む | ITセクション | Twitter | インターネット | SNS

関連ストーリー:
英男性、「爆弾の作り方」のダウンロードで2年3ヶ月の懲役 2012年01月30日
顔認証システムで識別ミス発生、何もしていないのに免許失効 2011年07月19日
米軍曰く「カシオのデジタル腕時計『F91W』を持っている人はテロリストだ」 2011年05月02日
米国政府、Facebook と Twitter をテロ警告の伝達手段に活用 2011年04月11日
過度にプライバシーを守る行為は「テロ行為の潜在指標」として疑われる? 2012年02月03日

Adaptive Web Design book review

2012 年 2 月 2 日
If you are a passionate web professional, who cares about Web Standards and best practices, and you have heard of the term "progressive enhancement", but want to know all about it, than this book "Adaptive Web Design", by Aaron Gustafson, published by Easy Readers, is definitely for you. This book will tell you what it means, how it works, and how it can fit into your workflow. Writing a review of this great little book has long been on my "todo" list. Finally I found some time, and here it is…

Table of contents

The book has about 135 pages and consists of seven chapters:

  • Chapter 1: Think Of The User, Not The browser
  • Chapter 2: Progressive Enhancement With Markup
  • Chapter 3: Progressive Enhancement With CSS
  • Chapter 4: Progressive Enhancement With JavaScript
  • Chapter 5: Progressive Enhancement For Accessibility
  • Chapter 6: Take It Away

Chapter 1: Think Of The User, Not The browser

In this first chapter Aaron explains to us that progressive enhancement isn't about browsers, or which HTML or CSS you can use. It's a philosophy aimed at crafting experiences, by giving the user access to content without any technological restrictions. This chapter is an introduction to what progressive enhancement is all about, and how it relies on a principle of "fault tolerance". Aaron explains in detail how this fault tolerance works, and how it allows for evolution. Understanding this is key for understanding progressive enhancement. Aaron also talks about the difference with graceful degradation, and its missteps. Then he concludes that progressive enhancement is about accessibility, but in a less traditional sense than how we are familiar with this term, but in way that we all have our special needs, and that our core focus is the content. It is a layered approach where everything is built upon content, adapting the user experience accordingly to the user's needs.

"Adaptive Web Design", by Aaron Gustafson, published by Easy Readers

Chapter 2: Progressive Enhancement With Markup

Aaron states "if content were soil, semantic markup would be the compost", which is a perfect analogy of what this chapter is all about. The markup is the foundation of each design and experience. Aaron also teaches us how we can enrich our HTML markup by showing how to use the right attributes. Microformats takes up a big part of this chapter, which I find a good thing, because Aaron has a good way in explaining things simple and clear. Not sure how you feel about this topic, but I feel I can never learn enough about it, as I'm quickly confused about how to apply it correctly, let alone memorize everything.

Chapter 3: Progressive Enhancement With CSS

In this chapter, Aaron explains how CSS get parsed by the browser, and how CSS rules that are simply ignored by the browser can work to our advantage. In other words, we can use CSS' fault-tolerance to enhance the experience in capable browsers. He also talks briefly about specificity, the selectors, and the importance of the "cascade", but the book assumes you are already familiar with this. Aaron explains the concept of layering styles, starting by the bare essential layer of when no style is applied, but where the content is completely accessible, and then gradually building up starting with the typographical styles, layout, then color, ending with the full experience, providing a tailored experience for every user. With this technique you also learn on how you can organize your styles so you're able to keep things as flexible as possible. The chapter spends only a little bit on the topic of media queries. You'll find out how you can use them to adjust your CSS to match the layout for different devices. If you want to learn more about media queries, they get plenty of attention in the book "Responsive Web Design" by Ethan Marcotte, which I reviewed here.

Chapter 4: Progressive Enhancement with JavaScript

In this chapter Aaron show us how we can use JavaScript in an unobstructive way so that when JavaScript is turned off, the site and its content is still accessible. As a designer, I found this chapter a bit daunting, as I didn't always completely understand everything if I'm honest. Especially the part about the event capturing and bubbling I found very hard. It reminded me that I'm way more a designer than a coder :) Still, because I understand some of the basics of JavaScript, I was able to follow most of the (jQuery) examples Aaron demonstrates in his book, as he explains them in much detail, line by line. One of the interesting examples he demonstrates is a solution that converts the contents of a nav element into a select element when the browser shrinks below a particular size. He also talks about how you can use CSS (classes) in JavaScript to makes sure the content of the site is still accessible in case JavaScript is not enabled.

Chapter 1 "Think Of The User Not The browser", from "Adaptive Web Design" book.

Chapter 5: Progressive Enhancement for Accessibility

In this chapter I learned a lot of new things. If you know the basics of accessibility already, you'll find out that there is still more we can do to make our site as accessible as possible, all in service of the content. One of the examples Aaron talks about is how you can hide content in your layout (e.g. collapsible elements, tabbed interfaces, and accordion widgets), but still have it fully accessible for screen readers. He also talks about how you can use the ARIA attributes in your code to improve the accessibility of your web pages even more. Aaron's finishing topic is about keyboard access and controls where you'll learn how to use the "tabindex" attribute.

Chapter 6: Take It Away

The last chapter gives you a "progressive enhancement" checklist that you can use for your projects, and a list of other good resources for you to read.

Conclusion

I love books that are practical and so well to the point. This book is definitely one of those. Considering the fact that this book is on the thin side, I really learned quite a lot. For me it's one of the books about the topic of web design and accessibility, that reads easily because it's written in such clear language. It's a must read for people who are willing to cross the "t's" and dot the "i's"in their markup. It's for people who really care to use markup that is most accessible, and and are not afraid to go the extra mile to do so. It's a book I will consult a lot during the coding phase.

Disclosure

You might already know that I designed the cover of the book. Just in case you've missed it, here is an article about the design process I've written about it a while ago.

A Photoshop (PSD) File Parser in JavaScript

2012 年 2 月 2 日

Advertise here via BSA

psd.js is a Photoshop (PSD) file parser written in Coffeescript/Javascript for both browsers and NodeJS implementations. Given a PSD file, it can parse out information such as image size and color modes, image resources, layer info, image contents, etc.

This implementation is more or less a direct port of pypsd with some help from psdparse. However, this is still a work in progress and is not finished yet. We do not recommend using in production anywhere.

psd-parser

Requirements: -
Demo: http://meltingice.github.com/psd.js/
License: License Free

This article made possible by the rack card printing company with quick turnaround times, Next Day Flyers.

Sponsors

Professional Web Icons for Your Websites and Applications

Microsoft、Windows Azure 環境を無償提供する起業支援プログラム

2012 年 2 月 2 日

ある Anonymous Coward 曰く、

Microsoft はテクノロジー系のスタートアップ企業に Windows Azure Platform を初年度無償、次年度半額で提供する Microsoft BizSpark Plus Program を発表した (CNET Japan の記事より) 。

初年度と次年度の 2 年間で、利用料金にして 6 万ドル分の利用制限が設定されているが、この上限以上の利用および 3 年目以降の利用については別途ディスカウント料金が適用されるとのこと。このプログラムを利用するには Microsoft BizSpark への登録が必要で、Microsoft が指定するインキュベーターによる推薦が条件となる。

強大な計算機資源をバックにした起業をお考えの方はチャレンジしてみてはいかがだろうか。

すべて読む | ITセクション | マイクロソフト | クラウド | IT

関連ストーリー:
Apple の iCloud は Amazon AWS や Windows Azure を使っている 2011年09月07日
日本マイクロソフト・Windows Azure担当者に聞くWindows Azure導入 2011年06月23日
クラウディアさんには聞けないWindows Azure Q&A 2011年06月16日

風力発電で街灯をまかなおう!『D.C. Revolutions』

2012 年 2 月 2 日

技術的なハードルがまだまだありそうな気もするが、実現されたら素敵だな、と思うのでエントリー。

D.C. Revolutionsでは、風力発電で電気をまかなえる街灯を開発しているようだ。

たしかに人里はなれたところでこそ街灯が必要だが、そこまで送電するのはコスト的に大変だろう。

こうした仕組みが実現されれば夜道も少なからず安全になるだろうし、いろいろな意味でエコである。

ありそうでなかったアイデアではなかろうか。実現されるといいですな。

D.C. Revolutions

http://www.dcrevolutions.com/

街灯の電気を風力発電でまかなおう。

管理人の独り言 『THE SHARE』

昨晩は原宿のソーシャルアパートメント、THE SHAREを訪問。素敵空間すぎて驚いた。すでにほぼ満室っぽいが、ああいう空間というか生活はいいかも。とりあえずキッチンが充実していてうらやましい限りだったっす・・・。あそこでみんなで餃子とか茹でたい。

今日の運動記録

朝ラン!

Firefox 10とThunderbird 10、そしてそれぞれのESR(延長サポート)版がリリースされる

2012 年 2 月 2 日
mildberry 曰く、

1月31日、Firefox 10およびThunderbird 10がリリースされた。同時に1年間のサポートが提供されるESR(延長サポート)版も登場している(SourceForge.JP MagazineMozilla Japanブログ)。

なお、「旧バージョンの Firefox 3.6 と Thunderbird 3.1 は 2012 年 4 月 24 日でサポートを終了させていただく予定ですので、特にこれらを導入されている法人の方は、ESR への早期移行をお願いいたします。」とのこと。

Firefox 10では新たにFirebugのようなHTML要素の分析機能が追加されているのが特徴。

すべて読む | ITセクション | Firefox | IT

関連ストーリー:
Mozilla、企業向けに年1回アップデートのFirefox提供へ 2012年01月14日
Google Chrome15、IE8を抜いて世界トップのWebブラウザとなる 2011年12月20日
Firefox、バイナリサイズが大きくなりすぎて 32 ビット Windows では最適化ビルドできなくなる 2011年12月16日

キッチンの空き瓶をコーヒーカップに出来る『cuppow』

2012 年 2 月 1 日

あぁ、これ、なんかいいかも。

cuppowは、キッチンであまりがちなちょっとした小瓶をコーヒーカップにしてくれる、というものだ。

いわゆるスタバなどで使われているっぽいリッド(フタ)をつけるだけだが、組み合わせの妙でなんともユニークなアイテムに仕上がってくれる。

コーヒーショップに自分タンブラーを持っていくのもいいが、こういうちょっとしたサイズの小瓶も悪くないですな(リサイクルでもあるし)。

がんばれば自分でも作れそうなところに個人的にはぐっときた。日曜大工的に(ってそれほどおおげさじゃないか)取り組んでみようかな。

cuppow

http://www.cuppow.com/

小瓶をコーヒーカップにしてくれるアイテム。

管理人の独り言 『あ・・・』

更新忘れ・・・いかん。

今日の運動記録

今日はなし!

ガジェットにはまって育った女の子は社会性に難あり?

2012 年 2 月 1 日
capra 曰く、

子供の頃にYouTubeやFacebookなどのサイト閲覧やテレビの視聴、そしてテキストメッセージングなど様々なガジェットを行ったり来たりして過ごした女児は社会生活上の問題を抱える傾向があるという調査結果が発表された(CNN本家/.)。

8~12歳の時期に複数のデジタル端末を使い、オンラインコミュニケーションや動画視聴のマルチタスキングに興じて過ごした女児は、正常な社会性が最も発達しない層であることが明らかになったとのこと。

友人や家族と日々話す機会を持つ女の子たちには問題は少なかったとのことで、デジタル時代特有とも言えるこの問題に対抗するには、やはり人と面と向かって交流するしかないそうだ。ちなみにFaceTimeやSkype等のビデオチャットの最中には、人は他の何かとマルチタスクする傾向があることが分かっており「面と向かった対話」の代用とはならないとのこと。

この調査は雑誌「Discovery Girls」が米国の8~12歳の女児を対象に行ったもので、戻ってきた回答数は3,461人分であったとのこと。調査に携わったスタンフォード大学のClifford Nass教授によると、この調査結果は男児にも当てはまると考えられるとのことだが、男児の場合は「社会的発達には(女児と異なり)大きな幅があり、より長い期間をかけて発達するため、その情緒的発達を分析することが難しい」とのことである。

すべて読む | ITセクション | インターネット | IT

関連ストーリー:
二次元世界への熱中は「幼児体型の大人」を生み出す? 2011年12月13日
男性技術者目線だけでガラパゴス化は防げるのか? 2010年10月05日
3D 映像、子供の立体視の発達に悪影響 2010年06月29日

Bootstrap 2.0 Released with Lots of New Features

2012 年 2 月 1 日

Advertise here via BSA

Bootstrap 2.0 has just released with a lot of new features, rewritten documentation, and use cases to test with the addition of media queries.

They have also added some new components like progress bars, customizable gallery thumbnails and split buttons. Another great new feature are the new glyph icons, that you can use to style your buttons and menus.

Now there are total 12 custom jQuery Plugins for you to enhance Bootstrap. It includes, Modals, Tooltips, Dropdowns, Scrollspy, Carousel and more. All in all a huge update with many exciting features.

bootstrap2

Requirements: -
Demo: http://twitter.github.com/bootstrap/
License: Apache License v2.0

Sponsors

Professional Web Icons for Your Websites and Applications

jQuery 1.7.2 Beta 1 Released

2012 年 2 月 1 日

Hey there Internets, it’s the jQuery Core team! We haven’t talked in a while, but over the holidays we were busy fixing the bugs you reported. The result of that hard work is jQuery 1.7.2 Beta 1. We decided to get a beta out by Groundhog Day so you wouldn’t be in the shadow of six more weeks of unfixed bugs.

You can get the code from the jQuery CDN:

Oh, we know what you’re thinking: “Cool, a new version of jQuery; I’ll wait until the final release has been out a few weeks and then I’ll give it a try.” Right, and then you’ll find some bug that keeps you from upgrading. Nothing makes us sadder than finishing up a release and only then seeing a report of a serious bug that could have been fixed earlier.

So please, come out of your burrow and try this beta with your code. Did we miss an old bug? Did we create a new bug that makes you feel like Bill Murray waking up to “I Got You Babe?” We want to know. You can use the bug tracker to report bugs; be sure to create a test case on jsFiddle so we can figure it out easily. If you’re not sure it’s a bug, ask on our forum or on StackOverflow.

jQuery 1.7.2b1 Change Log

The current change log of the 1.7.2b1 release.

Ajax

  • #10978: jQuery.param() should allow non-native constructed objects as property values

Attributes

  • #5571: Allow chaining when passing undefined to any setter in jQuery

Build

  • #10692: Configure the jshint options to more accurately match the style guide
  • #10902: ability to test a built version of jQuery in unit tests
  • #10931: Unit tests shouldn’t require internet access

Core

  • #10466: jQuery.param() mistakes wrapped primitives for deep objects

Css

  • #10639: outerWidth(true) and css(‘margin’) returning % instead of px in Webkit
  • #10754: have jQuery.swap return the return of the callback instead of just executing it
  • #10782: Incorrect calculating width
  • #10796: Bug in IE7 with $(‘#el’).css.(‘background-position’)
  • #10858: css.js regular expressions are incomplete
  • #11119: The curCSS function only need 2 arguments

Effects

  • #8498: Animate Hooks
  • #10006: method show is not working as expected in all browsers when called for document fragment
  • #10848: Animation toggling loses state tracking in certain atomic edge cases

Event

  • #8165: .live(‘click’, handler) fires on disabled buttons with child elements in Chrome
  • #10819: Eliminate “this.on.call(this, “
  • #10878: $(“select”).live(“change”, function(){ …broken in IE8 in jQuery 1.7
  • #10961: Error in XRegExp using jQuery 1.7.1 in IE6-9
  • #10970: The .on() selector parameter doesn’t work with :not(:first) selector
  • #10984: Cannot off() custom events ($.event.special)
  • #11021: Hover hack mangles a namespace named “hover”
  • #11076: .clone(true) loses delegation filters
  • #11130: jQuery.fn.on: binding map with null selector ignores data
  • #11145: $(document).on() not working with name=”disabled”

Manipulation

  • #9427: Passing undefined to .text() does not trigger setter
  • #10753: inline the evalScript function in manipulation.js as it’s only used once
  • #10864: text() method on a document fragment always returns the empty string
  • #11055: Update HTML5 Shim elements list to support latest html5shiv

Misc

  • #10952: .fired() doesn’t work on Callbacks object when it is flagged with “once”
  • #11257: Wrong path to source files in test suite if PHP missing

Support

  • #11048: Support Tests affect layout for positioned elements in IE6-9

携帯電話のウィルス感染被害が増大する時代における防御策

2012 年 2 月 1 日

danceman 曰く、

携帯電話はもはや電話というよりもコンピューターに近いものに進化しつつあるが、それと同時に世界中で既に何百万台もの携帯電話がウィルス感染の被害を受けているという。専門家らの予測によれば、同問題はさらに深刻化し 2012 年の災難になるだろうとのこと (The New York Times の記事本家 /. 記事より) 。

通常、携帯電話には PC 以上に多くの個人情報が保有されているため、防御策をとらないまま携帯電話をぞんざいに操作した結果、盗聴といったプライバシーの侵害、データの破壊及び流出などの被害を受ける可能性があるのだそうだ。こういった被害を受けないための策はいくつかあり、その一つとして人気アプリの無料非公式版を避けることが挙げられている。こうしたアプリのコードにはマルウェアが隠されていることがよくあるのだそうだ。また不正侵入を受ける危険性があるため、スターバックスや空港での公共 Wi-Fi の使用を避けるべきとのこと。加えて、電話をかけることやインターネットへの接続、または身分や位置情報を明らかにすることの権限を要求するアプリには気をつけた方がよいとのこと。

すべて読む | セキュリティセクション | セキュリティ | 携帯電話 | IT | プライバシ

YUI: Open Hours Thurs Feb 2nd

2012 年 2 月 1 日

3.5.0pr2 is available

We deployed the second 3.5.0 preview release right on time, celebrated for a couple minutes, then went back to work on PR3, which will be the gating preview before 3.5.0 GA in mid-March.

But we’ll stop to take a breath and highlight some of the changes in PR2. You’ve read the short list on the release blog post, so join us for a little more detail and probably some live tinkering.

As is the case with all preview releases, we’re eager to get your feedback and any bugs you find. Or if you’re note yet convinced to give it a try before the GA, maybe we can convince you.

Recording

The recording is available in the YUILibrary YouTube channel.

ニュースの理解が深まるタイムツリーコンセプト

2012 年 2 月 1 日

リアルタイム時代に必要なニュースUI

新聞サイト・ニュースサイトは、基本的に「記事」という情報の単位をもつことを前提にしています。そして、記事という単位を時系列やテーマ(カテゴリ)別で表示できるように CMS でコントールしています。こうした見せ方は情報サイト全般で扱われていますが、今のニュースのスピードや Web 利用の変化と照らし合わせると、記事という情報単位があまりにも大きく柔軟性が乏しく感じることがあります。現在のニュースサイトのコンテンツに起こっている現象が幾つかあります。

  • 速報ですら記事にしないといけないので、200文字程度のページが存在する
  • 記事というタイトルとテキストを必要とする『入れ物』があるため、テキストだけ、ビデオだけ、写真だけといったコンテンツタイプの格納がしにくい
  • ソーシャルメディアでブレイクしたニュースに追いつけない
  • ニュースサイトのリアルタイムと、人が体感するリアルタイムは異なる。ニュースサイトが提示する「最新情報」が人が感じる最新とは限らない
  • ひとつの出来事が地続きで繋がっているものの、利用者はトピック/タグで絞り込んで検索が必要になる
  • 時系列で記事は見れるが、出来事がどのように進んで発展しているのか分かりにくい
  • 人はセンセーショナルなひとつ話題に食いつくが、話題を取り巻く全体像を読み取れる場が少ない

以前(といっても 2008 年ですが)ニュースの特集ページをモックアップしたことがあります。これもひとつの解決案だと思いますが、よりリアルタイム制が要求されていること、どのように発展しているのかを表現するには、新しいアイデアが必要ではないかと考えています。

ヒントになるのが Facebook の Timeline のような見せ方。あちこちに目が移動するので、ニュースの観覧には適していないものの、時系列の見せ方、大きなイベントが起こったときの扱い方、そして様々な情報体型を取り込む形は参考になります。

時系列に並ぶ縦軸と、ある出来事から派生する横軸

課題になるのが、ニュースは時系列で並べれば良いわけではないという点。例えば 福島原発の話題を扱うにしても、原発の状況から東京電力の対応まで派生するストーリーが幾つかあります。つまり、上から下へ流れる縦軸のニュースだけでなく、ある起点から派生し、発展する横軸の流れがあります。ある出来事をツイートして、その数時間後にコラムとして掲載するという流れも考えられるわけです。

ひとつのテーマを「木」と見立てて、全体像をみることが出来るのではないかと考えています。様々な情報が時系列に流れつつも、枝分かれしていく・・・タイムラインというよりタイムツリーをイメージしています。

タイムツリーコンセプト

タイムツリー側ニュースサイトのUI制作したモックアップ。クリックすると全体像を説明を読むことができます。

タイムツリーは2カラム構造になっています。左側の幹にあたるカラムは、記者やキュレーターが配信するリアルタイムの情報。ここでは記事、メッセージ、ソーシャルメディアの情報など、テーマを知ることができるコンテンツが時系列に並びます。右側の枝にあたるカラムでは、左側での出来事を深く掘り下げたり関連した情報が並びます。YouTube で公開されたクリップが、記者の視点からどう映ったのか、Web で見かけた気になる反応が右側に『枝』として表示されます。

こうしたページをソーシャルメディアで共有したりフォローすることで、自分が追っている情報が、数日後どのように成長しているのか見ることができます。ニュースサイトのトップページのような新着リストでは、「なぜこうなったの?」が理解できないことも、タイムツリーを追うことで、理解が深まる可能性がでてきます。
また、キーイベント前後に何が起こったのかも理解しやすくなるので、遅れてテーマについて読み出した人も追いかけやすくなると思います。

右側にあるナビゲーションを利用することで、キーイベントに移動しやすくなるだけでなく、その周りでどのような情報は発信されているのかも分かりやすくなります。

ニュースを配信する記者も、「記事を書く」という概念に囚われる必要がなくなり、読者が知るべき情報の断片を発信し続けることが出来るようになります。ストーリーが発展した時点で、改めて記事を書いたり、関連リンクを紹介するといった配信も可能です。ひとつのテーマに1人の記者だけが携わっているということも少ないですから、キュレーターを含めた数人でタイムツリーを管理することも考えられます。

ワンソース時代ではないからこそ

新聞サイト・ニュースサイトは、今でも紙の新聞の概念を引きずっています。子供の頃であれば、地元に強い一社の新聞を読んで今を知ることが当たり前でした。しかし、今はひとつの新聞サイトやニュースサイトだけに留めて情報収集するということはまずありません。数十、又は数百の情報を見て自分なりの考えを構築します。

今でも読者は自分たちのサイトだけで情報収集をしているような振る舞いをすることがあるニュースサイト。これは今の情報の消費の仕方とズレを感じます。日本の新聞サイトが次々と有料の壁を作り出して、独自の価値を生み出そうとしてはいるものの、今の Web 活用者の利便性を少し損なうだけで、他にもいくらでも情報ソースはあるという事実から逃れているように見えます(もちろん質の問題はありますが)。

ニュースサイトが Web ならではの価値を生み出すには、記事という箱を取り払うことによって、情報のスピードを上げたり、サービスプロバイダーとしての役割を果たすことだと思います。今もつニュースサイトの課題を解決するひとつの方法として、タイムツリーのようなページは役に立つのではないかと考えています。

AR/拡張現実の今を知る。主な技術や利用例、ソフトウェアをまとめて紹介へのコメント

2012 年 2 月 1 日

The Bouroullec Brothers

2012 年 1 月 31 日
Ronan and Erwan Bouroullec probably sound familiar if you have been following what goes on in the world of industrial design. The Bouroullec headquarters are housed in a former clothing warehouse in Belleville, north-east Paris. The two brothers share an office and their desks stand side by side in a space that is closed off from the rest of the studio overlooking the courtyard with north-facing light.
Bivouac

Small creative studio

Their studio isn't a big one filled with many employees as there are only 8 people working there with Ronan and Erwan included. They don't want to expand. I share a similar philosophy. Expanding would mean more pressure to land a project and loosing the creative outlet and become a manager instead. I can totally find myself in what Ronan says:

We turn down around 90% of all work that we’re offered. That’s the benefit with being a popular designer, the freedom.

In the office you'll also find paper models of furniture that they created. Drawing is a huge part of the brothers work. In the Bivouac exhibition which I'll talk about below there is an 80m-long wall covered in small drawings in specially designed white Corian frames. The drawings range from obscure to figurative and are instantly attractive. Emotional, sinuous, quirky and humorous, they are extremely personal. Ronan says:

If I couldn’t design any more I think I would be alright. But if I couldn’t draw I wouldn’t survive. I think Erwan expressed it perfectly the other day when he said that the discipline of drawing is very positivist and it’s a quick outcome, very different from the long process of creating a product.

There is much more to be discovered about the Bouroullec brothers in this fine piece by Sight Unseen that features an excerpt out of the biannual magazine Disegno.

The brothers have been working together as joint partners since 1999. Their work ranges from small utilitarian objects to architectural projects with a large focus towards the design and organization of interior space. Over the past decade both brothers have built up a steady reputation and developed longstanding relationships with furniture manufacturers such as Vitra, Kvadrat, Magis, Kartell, Established and Sons, Ligne Roset, Axor, Alessi, Issey Miyake, Cappellini, Mattiazzi and more recently Flos and Mutina.

Video interview

Below you can watch an interview with the Bouroullec brothers. In this video The Bouroullec Brothers give a short insight into how they approach their projects, and that their jobs as designers is not to provoke huge change in society, but to find clever ways to manufacture everyday objects.

BIVOUAC

The two brothers currently have an exhibition running called "Bivouac" until July 30th across 1,000 square meters in gallery 3 of the Centre Pompidou-Metz. It's their first major solo show in France. Bivouac highlights an exceptional international career, during which the two brothers have worked with some of the greatest names in design, been crowned by numerous awards, and the presence of their work in public collections.

This exhibition draws from 15 years of collaborative work done by Ronan & Erwan Bouroullec. The brothers’ first major solo show juxtaposes furniture, housewares, drawings, and large-scale installations in an atmosphere that encourages visitors to learn through interaction. What follows is how the exhibition is described at the Centre Pompidou-Metz site.

Imagined as a temporary encampment - hence its name - Bivouac is deliberately divested of scenographic elements other than the Bouroullecs' work. Movement is imparted by contrasting scales, transparency and superpositions. Visitors are invited to wander around the gallery, moving between prototypes and finished objects, mass-produced and hand-crafted works. Bivouac highlights the immense diversity of these creations and economies achieved in production. It also addresses key concepts in the Bouroullecs' research: objects which are nomadic, ephemeral, modular, organic, flexible.

The exhibition is neither an inventory nor a retrospective of their work. Rather, it illustrates the current state of their designs and research, in constant evolution.

Photos by: Centre Pompidou-Metz and studio Bouroullec.

ソーシャルメディアと連動する投票ツール『Quipol』が便利そう

2012 年 1 月 31 日

よくある投票ツールではあるが、TwitterやFacebookと連動してコメントが残せるのが素敵だ。

というわけでQuipolのご紹介。

これを使えば、シンプルかつエレガントな投票ツールを作ってブログやらサイトやらに貼り付けられるようだ。

質問には画像をつけられたり、その場でグラフィカルなグラフを生成してくれたりもする。

しかしやはり一番はソーシャルメディア対応だろう。これで「誰がこういうことをコメントしているのかな?」ということがわかってぐっと投票結果に興味が湧くはずだ。

ちょっと試してみたが日本語もOKだ。ちょっとしたアンケートを採りたいときにいかがだろうか。

Quipol

http://quipol.com/

ソーシャルメディアと連動する投票ツール。

管理人の独り言 『さてはて。』

ドットインストールの微調整中。レッスンを作りつつ、サイトの改善までやるのはさすがに厳しい・・・が、やれるところまでやる!

今日の運動記録

朝ラン&筋トレ。

Siriのライバル「Evi」が登場

2012 年 1 月 31 日
danceman 曰く、

Siriに対抗する音声認識アシスタント「Evi」が登場した。同アプリはiPhoneでは99セント、Androidでは無料でダウンロードすることができる(本家/.I PROGRAMMER記事)。

現在のところ対応している言語は英語のみであるが、タレコミ子も試してみたところかなり面白い体験となった。「The Current Japanese Prime Minister(現在の日本の首相)」という質問に対しては、Yukio Hatoyama、Naoto Kan、Yoshihiko Noda(何故か野田氏だけ歌手アシュリー・シンプソンの顔写真付き)の3者の名前をリストアップ。「Emergency Number in Japan(日本の緊急通報用電話番号)」に対しては音声では答えてくれなかったものの、回答を得られるwebサイトを紹介してくれた。しかし、「Supermarket nearby(近くのスーパー)」といったローカルな質問をしたところ、イギリスのローカル検索エンジンYell.comで調べるよう提案されてしまった。

なお、Eviを試そうと多くのユーザーが一度に利用したため、一時はサーバがオーバーロードして回答を待たされる状況が続いていたようだ。

すべて読む | アップルセクション | ソフトウェア | 携帯電話 | アップル

関連ストーリー:
Google 版 Siri、「Majel」近々登場か 2011年12月22日
Apple が Siri をサードパーティに開放する日は来るか? 2011年10月21日
「Siri」風のAndroidアプリ「Iris」登場 2011年10月21日
Siri、その人気のためサーバー接続の問題が発生 2011年10月21日

Generate CSS Template Based on Your HTML Markup

2012 年 1 月 31 日

Advertise here via BSA

Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup. It was created using a combination of HTML5/CSS, jQuery and PHP, with some help from the PHP Simple HTML DOM Parser and Uploadify jQuery Plugin.

bear-css

Requirements: -
Demo: http://bearcss.com/
License: License Free

Sponsors

Professional Web Icons for Your Websites and Applications

任天堂、新たなネットワークサービス「ニンテンドーネットワーク」を発表

2012 年 1 月 31 日

ある Anonymous Coward 曰く、

任天堂は同社のゲーム機「ニンテンドー 3DS」および「Wii U」向けの新たなネットワーク「ニンテンドーネットワーク」を発表した (Engadget Japan の記事インサイドの記事本家 /. 記事より) 。

このネットワークは言わばマイクロソフトの Xbox LIVE やソニー・コンピュータエンタテインメントの PlayStation Network にあたり、Wii U では個人アカウントシステムが導入されるとのこと。オンラインプレイのネットワークであった「Wi-Fi コネクション」とは異なり、「ニンテンドーネットワーク」ではオンライン対戦やコミュニティだけでなく、コンテンツの販売なども提供するネットワークサービスとなるとのことで、「ニンテンドー 3DS」および「Wii U」を包括するものとなるという。「ニンテンドーネットワーク」は現在販売されている「マリオカート 7」では既に実装されており、コミュニティとして活用されている。今後販売されるゲームタイトルに付随した追加コンテンツのデジタル販売も予定されているとのこと。

なお任天堂の岩田社長はこの仕組みについて、継続した課金が発生するソーシャルゲームとは異なるものだと主張し。あくまでパッケージソフトは単体として完結するものであり追加コンテンツはそのゲームをさらに長く遊ぶための仕組みであると説明しているそうだ。ただしこれは「ソフトメーカーとしての任天堂」としてのスタンスであり、サードパーティから所謂「ソーシャルゲーム」が発売される可能性やその場合の対応については明らかにしていないとのことだ。

すべて読む | ITセクション | 任天堂 | インターネット | ゲーム

PR: パナセンスでWiMAXが格安!キャンペーン実施中

2012 年 1 月 31 日
パナソニック公式直販サイトで先着3000名様初期費0円、キャッシュバック実施中

Ads by Trend Match