JavaOne 2011 Day -1 2011年10月2日 at 10:58 午後 日本を 10/1 (土) 夕方４時に飛び立ち無事にサンフランシスコに到着しました。現地時間は時差の関係で 10/1(土) 朝 10時頃に到着、サンフランシスコ国際空港周辺は雲が多く天気もあまり良くなかったのですが、市内に移動すると快晴で昼間は半袖で過ごしても十分な程暖かく過ごし易い日でした（日陰は風邪が冷たいので寒い）。 (ユニオンスクエア周辺) (サンフランシスコ市内) また、OOW/JavaOne の会場がある BART の Powell St 駅ではこれを使って移動・参加される皆様を心よく出迎えるため、駅の改札口にも垂れ幕が掛かって出迎えてくれます。 さて、今年の JavaOne 会場は、ヒルトン、ホテル日航、Park 55 の 3 会場で開催されますが、着々と準備が進んでいました。ヒルトンホテルと

2. 全面広告 「ユーザビリティ エンジニアリング(第２版)」 1章 ユーザ中心設計概論 2章 インタビュー法 3章 インタビューの実践 4章 データ分析法 5章 発想法 6章 プロトタイプ 7章 ユーザビリティ評価法 8章 ユーザテスト 9章 ユーザテストの準備 10章 ユーザテストの実施 11章 分析と再設計 12章 ユーザ中心設計活動 *無料サンプル版（第2章全文） http://www.slideshare.net/barrelbook/ss‐26183115 全面広告 3. • • • • • プロダクトオーナー（PO）は、 製品の明確なビジョンを持つ。 プロジェクトの成功に全面的に責任を 持つ。 変化に適応して選択を行う。 中間成果を受け入れるか、開発チー ムに差し戻すか決定する。 いつ、どんな内容の製品をリリースす るか決定する。 早く偉大なPO になりたい～ アジャイルマニ

The Developer's Guide To Writing Cross-Browser JavaScript Polyfills August 12, 2011 I believe it's one of our responsibilities as designers and developers to both advocate for best practices and encourage others to make the leap to using modern features for a modern web. At the same time, we need to do our best to avoid leaving users with older browsers behind. Polyfills - a term coined by Remy Sh

あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 取り残されるブラウザーをなくす: HTML5 の導入戦略 Brandon Satrom コード サンプルのダウンロード HTML5 は魅力にあふれています。新しいマークアップ、CSS 機能、および JavaScript API を利用すれば、Web での可能性が飛躍的に高まります。ブラウザー ベンダーの中で着実に先手を打つことができるだけでなく、魅力的な機能を毎日のように増やしていくことができます。夜を徹して行ってきたビルドから、開発チャネル リリースを経て、通常のプラットフォーム プレビューに至るまで、ブラウザーの開発は迅速に進んできており、世界中の Web 開発者がこのわくわくする活動に参加しています。

Google+のAPIが先日公開されました。API Keyを使ってシンプルにAPIアクセスを試すことができるのですが、本来であればOAuth2.0にてアクセストークンを取得しAPIアクセスする方式でなければ今後公開されるであろうAPI群は利用できないはずですので、ここでOAuth2.0によるGoogle+ APIのアクセス手順を紹介しておきましょう。全手順において、プログラミングをすることなく試すことができます。 Client IDの発行 まずはClient IDやClient secretなどを発行しましょう。まずは、Google APIs ConsoleにWebブラウザでアクセスします。 https://code.google.com/apis/console/ まだプロジェクトを作成していないのであれば、Other projects→Create…にて新規にプロジェクト作成を行います

When comes to presentation, normally we will rely on softwares like PowerPoint or Keynote. These are really useful tools, but for people who doesn’t have the softwares, we still can use free online tools like Google Doc’s Presentation. But now there is another new way of doing presentation slides which is by using web-based HTML entirely. The benefit of HTML presentation slides is compatibility. P

自ら「効率マニア」を自称する筆者がGoogle Chromeの拡張機能からマーケッターに役立つと思われるものを8つ厳選して紹介。「全てのオンラインマーケッターが使うべき」とはかなり強気ですが確かに誰もが便利に使える拡張機能を幅広い分野から紹介していくれています。Chromeユーザーなら一読の価値あり。 — SEO Japan 私は効率マニアだ。自分が毎日何度も繰り返すタスクを数秒そぎ落とすためだけにプロセスやツールに小さな変更を加える。ワイドスクリーン上でマウスを動かすのには時間を使いすぎると感じるだけで正方形のモニターを使用するくらいだ。これらの小さな節約を積み重ね、仕事の効率性を上げるためには、豊富なブラウザの拡張機能を使う以上に良い方法はない。 最近私が使っているブラウザがChromeであるため、Googleブラウザについて記事を書くことにした。Firefoxや恐らくIEにも同様の拡

Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of

// forked from kyo_ago's "fireworks" http://jsdo.it/kyo_ago/fireworks // forked from zarkswerk's "fireworx" http://jsdo.it/zarkswerk/fireworx // forked from zarkswerk's "fireworks" http://jsdo.it/zarkswerk/3598 setTimeout(function () { var hanabi = { // 火花の数 'quantity' : 30, // 火花の大きさ 'size' : 60, // 減衰力（花火自体の大きさに影響 'circle' : 0.98, // 重力 'gravity' : 1.4, // 火花の速度 'speed' : 4, // 爆発縦位置 'top' : 3,

Responsive Web Designの話を少しずつ目にし始めたので、レスポンシブなのでも作ってみるかということで「quoted」というサイトを立ち上げました。いや、むしろ逆で引用文主体のサイトだからレスポンシブでいいよね、って感じなのですが（笑）。作ったといっても、そのほとんどで自分の力は何一つ使ってません。 ということで、今日はその舞台裏というか、コレがアレでこうなってできているよ、って話をしてみようかと思います。なにかの参考になれば幸いです。 Responsive Web Design の簡単な説明インターネットに接続できるデバイスが増えています、というか多様化しています。画面サイズや画面解像度はまちまちです。日本の場合は10年ぐらい前からいわゆる携帯電話で接続できてましたが、それらもやはり同じような問題を抱えていました。そのような個別の端末に対して、画面解像度や技術仕様などをベ

かなり前にブクブク交換でいただいた、素敵な本をまだご紹介していなかった！！ DELFONICS STATIONERY BOOK　デルフォニックス 文房具の本 DELFONICS（デルフォニクス）の文房具はコレクションしたくなるほど美しいです。 最近ではSmithという文房具店で見る機会が増えていると思いますが 渋谷PARCO、表参道ヒルズ、新丸ビルにはDELFONICSの直営店があります。 美しい文房具は見ているだけでも楽しいです。 そんな文具好きにはたまらない、デザイン本です。 RhodiaやLamy、Moleskineなど自社ブランドのコンセプトなどのブランドストーリーは 普段何気なく使っているモノが、どんなに計算されて作られているかを知れて より愛着が湧いてくるから不思議です。 飛行機好きのわたしの心を鷲掴みにしたのは、これ。 Fishers AIRPLANE PENです。 NASA

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

多くのWebサイトの上部にはロゴマークやサイト名が表示されており、 HOMEに戻るためのリンクが貼られている場合が多いと思います。 サイトの上部のHOMEに戻るリンクには、どのような効果があるのか、 また暗黙知としてのユーザーの反射的な行動について、20週間のデータから考えてみます。 デザインを変更して調査 暗黙知とは 認知の過程あるいは言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない身体の作動を指す。 暗黙知 - Wikipedia GoogleやYahoo!などの大手サイト、一般のサイトでも、左上のロゴマークにHOMEに戻るリンクが貼られている場合が多く、一般化している傾向にあると思います。 5週間ごとに当ブログのデザインを変えながら、ロゴマークについたリンクにはどのような効果があるか調査しました。 既存のデザインから、いきなりロゴマークをとってしまうと違和感

UXが提唱していることは、美しいUIやインタラクションを提供することなのでしょうか。UXはデザインをするときに活用する単なるレシピなのでしょうか。私たちが開発するシステムは作り込めば人々のもつ課題を解決したり円滑なコミュニケーションがとれるようになるわけではありません。それではUXを考える上でノウハウではなく、何が必要とされているのでしょうか。開発の際に忘れてしまいがちの『社会』という側面に注目して UX を形にするための考え方を紹介します。Read less

4. アジェンダ ミクシィにおける Ｈａｄｏｏｐ の利用 サーバ構成 適用分野 Locality Sensitive Hashing (LSH) を利用した推薦 推薦を行うために必要なこと LSH を利用した推薦（レコメンド） Hadoop 上で動作する LSH の壱実装 （Likelike） 実験 4 5. アジェンダ ミクシィにおける Ｈａｄｏｏｐ の利用 サーバ構成 適用分野 Locality Sensitive Hashing (LSH) を利用した推薦 推薦を行うために必要なこと LSH を利用した推薦（レコメンド） Hadoop 上で動作する LSH の壱実装 （Likelike） 実験 5

7. <path d="..." transform="translate(30,30)"/> <path d="..." transform="scale(1.5)"/> <path d="..." transform="rotate(30,0,0)"/> <path d="..." transform="skewX(45)"/> 2011 8 21 8. <path d="..." transform="translate(30,30)"/> <path d="..." transform="scale(1.5)"/> <path d="..." transform="rotate(30,0,0)"/> <path d="..." transform="skewX(45)"/> 2011 8 21 9. <path d="..." transform="translate(30,30)

大変長らくお待たせいたしました。 Flickrの画像をブログに貼りつけるタグを簡単に取得するブックマークレット、Flickr2HTMLをこの度リニューアルいたしました。 Flickr2HTMLとはなんぞやと言う方ももちろ […]

ドットインストール代表のライフハックブログ

The golden grid system is a 16 column responsive grid designed to be folded into 8 and then 4 columns as the viewport decreases. The golden grid system was originally created by Joni Korpi and...

Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn’t work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted

欧州連合（EU）のセキュリティ機関ENISAが次世代仕様のHTML5に50件のセキュリティ問題を発見し、W3Cに対応を勧告した。 欧州連合（EU）のセキュリティ機関ENISAは8月1日、次世代HTML標準仕様「HTML5」のセキュリティについて検証し、見つかった問題の修正をWorld Wide Web Consotium（W3C）に勧告したと発表した。 ENISAは、HTML5に使われている13種類の仕様について調べた結果、50件のセキュリティ問題を発見し、対処方法を提案した。 具体的には、重要な情報へのアクセスが保護されない問題、フォームに入力した内容が攻撃者に渡ってしまう問題、セキュリティポリシーの規定や強制にまつわる問題、OSのパーミッション管理との整合性に関する潜在的問題、ユーザーに危険なリンクをクリックさせる「クリックジャッキング」防止措置がかわされてしうまう問題などを挙げている

Home News ENISA News Web security: EU cyber-security Agency ENISA flags security fixes for new web standards/HTML5 Web security: EU cyber-security Agency ENISA flags security fixes for new web standards/HTML5 https://www.enisa.europa.eu/news/enisa-news/web-security-eu-cyber-security-agency-enisa-flags-security-fixes-for-new-web-standards https://www.enisa.europa.eu/news/enisa-news/web-security-eu-

ENISA has written a number of papers on Cloud Computing Security and recently focused on Big Data security. Subtopics: Cloud Security Big data Explore topic The need to ensure ICT robustness against cyber-attacks is a key challenge at national and pan-European level. Subtopics: Critical Information Infrastructures Internet Infrastructure ICS SCADA Smart Grids Finance Health Explore topic

はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。

One important part of HTML5 that is still not widely understood is sectioning content, and to understand that, we need to grasp the document outlining algorithm. And that can be a challenge… but the rewards are well worth it. By now, we all know that we should be using HTML5 to build websites. The discussion now is moving on to how to use HTML5 correctly. One important part of HTML5 that is still

President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Web Storage is a new HTML5 API offerin

いまさら『プログラマが知るべき97のこと』を読み終わりましたので、ひとことふたことでまとめてみました。個人的な意見が満載なので参考にならないことうけあいです。ご了承下さい。 内容が気になった方は是非本を買って読んでみて下さい。 書籍リンク プログラマが知るべき97のこと 作者: 和田卓人,Kevlin Henney,夏目大出版社/メーカー: オライリージャパン発売日: 2010/12/18メディア: 単行本（ソフトカバー）購入: 49人 クリック: 1,851回この商品を含むブログ (306件) を見る

How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

2011年8月5日（金）に、クックパッドにて食べログ様と合同勉強会を開催いたしました。 そのときにクックパッドエンジニアが使用した発表資料を公開いたしますので、ぜひご覧くださいませ。 当日お忙しい中お集まりくださった皆様、Usteramでご覧になった皆様、どうもありがとうございました。 ●高田悟史（@satoship） いかにしてユーザ体験を保証するか [slideshare id=8835134&w=425&h=355&sc=no] View more presentations from Satoshi Takada ●太田昌吾（@os0x） Javascript integration (3) [slideshare id=8892178&w=425&h=355&sc=no] View more presentations from cookpadtech Ustreamはこちらから

Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. In fact, the magnitude of this paradigm shift feels as fundamental as the transiti

電子書籍フォーマット「EPUB 3」ってぶっちゃけどうよ？：イーストに聞いてみた（1/4 ページ） 「EPUB 3」がやってきた。国際標準の仕様に日本語組版ルールが組み込まれたEPUB 3は、国内の電子書籍市場に大きな変化をもたらすことになるだろう。このEPUB 3にまつわる疑問の数々を、EPUB 3の規格策定に当たって推進役となったイーストに直接ぶつけてみた。 EPUB 3にまつわる疑問の数々が氷解 電子書籍フォーマット「EPUB 3」がいよいよ登場する。縦書きやルビ、圏点といった日本語組版特有のルールが世界標準に取り入れられたことで、関係者の感慨もひとしおのようだ。 もっとも、一般の読者からすると、自分が読みたい本が確実に手に入るのであれば、フォーマットが何であるかにそれほど関心がないのも事実。「別にEPUB 3がなくても日本語の電子書籍はApp Storeにゴロゴロしてるし、世界標準

Up to this point, the most common use for CSS3 Transitions has been in conjunction with the well-known CSS :hover pseudo-class. Here’s a typical transition that changes link color on mouseover using pure CSS: a, a:link, a:visited { color: lightblue; transition: color .4s linear; } a:hover { color: white; } This will animate the color property when you hover over a link on the page. Pretty simple,

HTML5 + CSS3 で組む場合、IE8 以下では JavaScript 有効でないと表示が崩れる心配がある件を Media Queries で何とかしてみる 公開日: 2011年5月14日 タグ: html5, css3, media-queries, tips, javascript IE9 も無事日本語版がリリースされ、HTML5 + CSS3 で全ての Web サイトを構築していけそうな環境も着々と整ってきているように感じる今日この頃ですが、当サイトへのアクセスログを見る限りまだまだ IE についてはヴァージョン7〜8が主流といったところ（5月以降に絞ってみても IE6 と IE9 のアクセスがほぼ同じという状況）ですので、さすがにもうしばらくの間は完全に無視する訳にはいかないのかな、と思っています。 しかし、HTML5 のセクショニング要素などもきちんと使って組んでいこうとな

HTML5で変わるWebの世界 2011/7/27 白石俊平

ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合

糸井重里がほぼ日の創刊時から 2011年まで連載していた、 ちょっと長めのコラムです。 「今日のダーリン」とは別に 毎週月曜日に掲載されていました。 うちうちのものを出す。 2009-04-20 いつものように『ダーリンコラム』を 書きはじめたのですが、 どうにも頭も手も思うように動いてくれない。 うまく書けないというだけでなく、 やわらかくも書けない。 いっそ、今週はお休みにしようかと思った。 もともとの『ダーリンコラム』というやつは、 月曜日に掲載するのが原則だったけれど、 けっこう休んでいたのだった。 ただ、お休みです、というのもしゃくだなぁ。 前に書いたものだとか、書きかけたものだとか、 おもしろそうなものがあったら、 それを貼り付けて、お茶を濁そう。 と思って、あれこれ探したのだけれど、 たまたま最初に見てしまったのが、 社内の内部資料というか、 乗組員たちの確認のためのテキスト

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

身近に MacBook を購入した人がいたので、その人向けにメモしておきます。ポイントとしては、今まで Mac を使っていなかった人でも分かるように説明していきます。 App Store から Xcode をインストールする。 驚くかもしれませんが、Mac は初期状態では、gcc など開発に必須のUNIXツールが一切インストールされていません（perl とか ruby とかは入ってるよ）。なので、まずは何はなくとも Xcode という開発ツール群をインストールする必要があります。 Snow Leopard までは（多分）付属のDVDに Xcode がついてきたのですが、Lion からは App Store からのダウンロードしてインストール事になったので、いきなり 3GB もダウンロードしなければなりません。なので、早めにやってしまいましょう。 この記事を書いている現時点で最新の Xcod