Google re:Workイノベーション イノベーションを起こすためのスキルを習得し、業務に活かす方法を学びます。
今さら聞けない！？正しいマテリアルデザインとの付き合い方
Googleの新しいデザインガイドラインとして先ごろ発表された「マテリアルデザイン」。早速この新しいトレンドを取り入れた事例や、スムーズに導入するためのフレームワークが紹介されたりするのを見かけますが、UIの開発に携わるクリエイターとしては、取り入れる前にその思想をしっかりと理解しておく必要があります。というわけで、思想の背景やデザインのポイント、注意点をまとめてみました。 マテリアルデザインが定義された背景 Googleの生み出すサービスは、もはやスマートフォンやタブレットやPC（Android OS）だけに限られたものではなく、腕時計やメガネといったウェアラブル（Google glass、Google Fit）、ハンズオンでの操作を可能にする自動車用システム（Android Auto）などなど、様々な分野に広がっています。 今後も更に様々なスクリーン環境、操作環境が増え続けるのは確実で
Google Glassでやってはいけないことリストが公開
米Googleは2月18日（現地時間）、メガネ型端末「Google Glass」の一般発売前のテストプログラムに参加している「Explorer」に向けて、すべきこととしてはいけないことのリストを公開した。 これらは、実際に公衆の中でGlassを装着しているExplorerたちからのフィードバックに基づくものという。 例えば、「部屋のすみに1人でじっと立ったままGlassで人々を撮影するべきではない。Glassのカメラはスマートフォンのカメラと同じなのだから、撮影の前に許可を得るべきだ」とか、「不気味だと思われたり不作法な行為をしてはならない」といったマナーに関するものが多い。ここでは不作法なGlassユーザーのことを「Glasshole（＝Glass＋asshole）」と定義付けている。 この他、「Glassで表示されているテキストなどをずっと読んでいると周囲から変に思われるので、『戦争と
Google GlassをNexus 7、Galaxy Nexus(SC-04D)、Nexus 4に導入して実際に試してみた。 - アンドロイドラバー
今回は、Nexus7にGoogle Glassを導入して機能を試してみたので、導入方法と使い方を紹介します。 5/24追記 Galaxy Nexus(SC-04D)、Nexus 4でも動作が確認できました。 Google Glassについて Google Glassは、Googleが開発したメガネ型の端末です。 Google Glassで音声コマンドを使って、色々な機能を使うことができます。 これまでのGoogle Glassの記事はこちら。 Nexus7にGoogle Glassをインストールする方法 ここからは、Nexus7にGoogle Glassをインストールする方法です。 まず、設定>セキュリティ>提供元不明のアプリにチェックを入れておきます。 次に、Google GlassのアプリをNexus7用に改造している開発者のGithubにアクセスして、「glasscamera-mod
スマートフォン向けサイトにはレスポンシブ・ウェブデザインを推奨、Googleが公開したスマホサイトの最適化 at #SMX Advanced Seattle 2012
[対象: 中〜上級] SMX Advanced Seattle 2012 セッションレポート第2弾は、英GoogleのPierre Far（ピエール・ファー）氏による「スマートフォン向けサイトの最適化」です。 Far氏のプレゼンテーションは、直前にGoogle Webmaster Central Blogで公式アナウンスがあったスマートフォンサイト構築の推奨に関する記事とその詳細を説明しているドキュメントとほぼ同じ内容です。 Far氏のプレゼンと公開されたばかりのドキュメントを合わせて、Googleが推奨するスマートフォンサイトを構築する際の最適化についてレポートします。 スマートフォン向けサイトの最適化 3タイプの構成のスマートフォン向けサイトをGoogleはサポート レスポンシブ・ウェブデザイン (Responsive web design) — デスクトップとモバイルで同じURL・同
uniqlo undercover
UU それは、高品質なベーシックを追求して来たユニクロと、ストリート発のハイエンドなファッションを発表して来たアンダーカバーによるコラボレーション。今を生きる家族の洋服であり、東京から世界へ向けたメッセージでもあります。
python から google spreadsheet を DB っぽく使って GAE で動かす + おまけ - glasses factory
仕事効率化やサンプル、自分のメモ書き用など ちょっとした Web アプリケーションを作る際、サーバーを立てたり設定をしたりするのがめんどくさいですよね。 そういう場合僕は google app engine などを使ってサクサクっと作ってしまうことが多いです。 以前から簡単な Web アプリを作る際、DB 代わりとして google スプレッドシートを利用しているという話をちょぼちょぼ色々な所で小耳にはさんでいたわけですが、つい最近仕事上ちょっと必要だったこともあり、 その副産物としてスプレッドシートを DB 代わりにして google app engine 上で稼働するサンプルをちょろちょろっと作ってみました。 下準備 では本題に。 まずはデータを入れ込むためのスプレッドシートを用意します。 API を叩いて作ることもできるのですがその辺については今回割愛します。 気になる
Google Weather API for Flash | android application
Google Weather API for FlashGoogle Weather API を最近知ったのでFlashで利用できるライブラリを作ってみました。 Google Weather APIは指定した地点における現在の情報と四日間の天気予報を提供してくれるAPIです。 Google Weather APIは非公式、非商用、ガジェットのみとあったので利用される際は注意お願いします。 このAPIは引数に地点名を入力するモードと緯度経度を入力して近くの地点の情報を取得するモードがあります。 ここでは緯度経度を用いて天気予報を取得しています。 package { import flash.events.Event; import flash.events.EventDispatcher; import flash.events.IEventDispatcher; import flash.
別のPCを遠隔操作できるChromeウェブアプリ「Chrome Remote Desktop 」
「アプリを使っていて、操作がいまいちわからないから教えて欲しい」というケース、よくあることだと思います。 そのような場合相手がすぐ近くにいれば、その場で画面を一緒に見ながら教えることができますが、相手が遠隔地にいる場合、なかなか伝えるのが難しいですよね。 そんな時にGoogle Chromeのブラウザ画面上から手軽にリモート操作することができるChromeウェブアプリをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Chromeから遠隔操作できる「Chrome Remote Desktop 」 「Chrome Remote Desktop BETA」は、Google Chromeの画面上から、別のパソコンの画面を遠隔操作できるChromeウェブアプリ。 ブラウザの画面
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
異聞録 : Google Analyticsが非同期型に変わってpageTrackerが動かなくなってた死にたい
7月10 Google Analyticsが非同期型に変わってpageTrackerが動かなくなってた死にたい Google Analyticsの貼りつけタグは度々仕様が変わるのですが、 最近の仕様変更により、外部リンク先のクリック率などをトラッキングするためのpageTrackerの設置方法が変わったようです。 貼りつけタグを旧バージョンから新バージョンに変えた方で外部リンク先のトラッキングをしている方はご注意ください。 新バージョンの貼りつけタグはこんな感じ。 </body>の手前ではなく</head>の直前に入れるようです。 ・新バージョン <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-*******-*']); _gaq.push(['_trackPagevi
Google App Engine 例文辞典
このページは個人的な勉強用として作成しています。一応Google App Engineの例文／サンプルを掲載していますが、あまりよいとは言えないコードが含まれてしまっている可能性もあります。 開発環境はMacOS X (10.5/Leopard) としているため、WindowsやUNIXではサンプルコードは流用できますが、それ以外（画面や手順など）は異なるので注意してください。 カテゴリ内のページのURLは変わることがあります。なるべく、このページから入るようにしてください。なお、Google App Engineに関してはGoogle-App-Engine-Japanを参照するとよいでしょう。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 Last update : 2009/3/18 2009 古籏一浩(KaZuhiro
Googleでよく私が使う検索テクニックまとめ | 楽してプロっぽいデザイン | Forty-N-FiveBlog
Google様毎日お世話になっております。そんな方も多いでしょう。ただ、なかなか目的のページに辿りつけない！そんな事もしばしばありますが、Googleは単純に「キーワード（スペース）キーワード」といったキーワードの組合せだけの検索ではなく、いろんな検索テクニックが存在します。私がよく使う検索テクニックをまとめておきます。 便利なGoogle検索の方法 検索結果が和英辞典・英和辞典になる方法 「和英 （日本語）」と入力してみてください。すると、検索結果のトップに「○○を和英辞書で調べる」という検索結果が必ず出てきます。ちょっとスペルが分からないときや、英語を調べたいとき、かなり手軽で役立ちます。ちなみに「英和 apple」と検索すると英和辞典代わりになります。 検索結果に不用な情報を排除する方法 例えば「オープンキャンパス」と検索すると、京都大学が上位に検索されます。でも、「大学の情報は検索
Pin in the map - mark a spot; attach text; send to others
Browse U.S. Address Directory Use the list of the U.S. states below to find out who lives on your street. AR Browse our People Directory Use our people directory to search for an old childhood friend, schoolmate, or colleague.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
Googleヘルプ センター - 詳しい検索方法 
Sign in - Google Accounts
Google Objective-Cスタイルガイド 日本語訳
ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ | DesignWalker
長文日記