Unveiling Material YouThe next stage for Material Design
Google IO 2018のMaterial Designアップデートまとめ｜池内健一
Google I/O2018でMaterial Designが大きくアップデートされました。Material Designのサイトの更新量が大きすぎて全量を把握するのも大変ですが、要点だけまとめました。 目次 ・Material Themingで多様なスタイルが可能に ・コンポーネントの更新 - App Bars：Bottom - Backdrop - Extended FAB - Sheets : Side - Text Fields - ButtonsMaterial Themingで多様なスタイルが可能に今回のアップデートで一番インパクトがあったのがMaterial Themingでした。これまでMaterial Designではどのアプリも画一的なスタイルに制限されていましたが、Material Themingによって多様なスタイルが可能になりました。これにより、ブランドイメージに
Googleがデザインで世界を乗っ取る？！ Material Designガイドライン - Eureka, Inc.
こんにちは。 神主デザイナーの渡辺です。 ブログで紹介して頂いて以来、たまに、 「あの、お寺の方ですよね？」と、言われます。 おしいです。神主がいるのは神社です。 昔は（江戸時代くらいは）一緒になっていたこともあって、割と根強く間違われます。 と、このまま神社とお寺の違いの解説を続けたい気持ちもありますが、 今回は、先日Google I/O 2014で発表されたばかりの「Material Design」について書きたいと思います。 「Material Design」とは、Googleが提唱するデザインのガイドラインです。 Google I/O 2014のキーノートの内容にあわせて、かなり詳細なデザインガイドが公開されました。 その内容を元に、Material Designについて学んでいきたいと思います。 ※内容は、Material Designについてデザインガイドと公開ムービーを参考に
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
5分でわかるカスタマージャーニーとは？取り入れ方や分析のコツを事例とともに解説 | LISKUL
マーケティングに関わる人は、最近「カスタマージャーニー」という用語をよく耳にするのではないでしょうか？ 「カスタマージャーニー」は、複雑化している顧客の行動を捉え、マーケティングの成果を改善するために役立つ本質的な考え方です。 本記事では、「カスタマージャーニー」について概要やメリットを紹介しています。 【制作テンプレ付】カスタマージャーニーの描き方 当社でも「カスタマージャーニー」の考え方を取り入れてから、マーケティングの成果が大きく改善し始めています。 記事の後半では、その事例を交えながら、実際にマーケティングに取り入れて、活用するポイントについても紹介していますので、ぜひ役立ててください。 カスタマージャーニーに沿った顧客接点をつくるA8のアフィリエイト資料をダウンロードする ※本記事は株式会社ファンコミュニケーションズ提供によるスポンサード・コンテンツです。 カスタマージャーニーと
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
Android アプリ品質ガイドライン
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
Google、Honeycomb / ICSで動作するAndroidアプリについてメニューボタンの利用を止めてアクションバーに移行するよう促す | juggly.cn
2023年12月 (1) 2023年11月 (116) 2023年10月 (79) 2023年9月 (28) 2023年8月 (7) 2023年7月 (6) 2023年6月 (101) 2023年5月 (229) 2023年4月 (201) 2023年3月 (206) 2023年2月 (147) 2023年1月 (193) 2022年12月 (146) 2022年11月 (54) 2022年10月 (1) 2022年9月 (1) 2022年8月 (1) 2022年7月 (3) 2022年6月 (1) 2021年9月 (1) 2021年8月 (8) 2021年6月 (3) 2021年4月 (4) 2021年3月 (6) 2021年2月 (1) 2021年1月 (3) 2020年12月 (2) 2020年11月 (2) 2020年10月 (5) 2020年9月 (12) 2020年8月 (40
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを使用しています。 ちょっとこのタイトルだと誤解与えそうですね・・・オートサジェストとして出た候補を選択するだけで地図を変更、経度や緯度などの位置情報も取得するjQueryプラグインです。GoogleMapAPIを使っています。 入力するだけで候補が出るオートサジェスト機能と、候補にマウスを乗せるだけでするだけで地図が切り替わるインクリメンタルサーチ機能の付いた位置情報ピッカー。 と、聞こえはなかなかいいですけどオートサジェストが日本語入力だと若干挙動が微妙なんですよね。Chromeはそこそこ良い反応ですが、Firefoxは特に微妙ですな・・・IEは大丈夫ぽかったで
Using Page Speed for Google Chrome
Learn more Overview Page Speed browser extension mod_pagespeed for Apache 2 Get Started Page Speed for Google Chrome Page Speed for Firefox mod_pagespeed for Apache 2 Installation and Configuration Configuring Filters Mapping Domains URL Control System Integration Experimenting with mod_pagespeed Security Considerations Documentation Performance Best Practices Optimize caching Minimize round trip
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
ストリートビューをカンタンに表示できるJavascript ライブラリ「stview.js」
Google マップのページから、ストリートビューの埋込みタグを取得するという手段もありますが、もっとシンプルに埋め込みたいと感じることもありますよね。 今回は、Google Maps API key の取得も不要で、住所やランドマーク名などをカンタンなタグで表記するだけでストリートビューを表示できる Javascript ライブラリをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ストリートビューをカンタンに表示させられる「stview.js」「stview.js」は、住所やランドマーク名、緯度・経度を指定するだけで、カンタンにストリートビューをブログやサイトへ表示させられる Javascript ライブラリ。 日本語で海外のランドマークを指定することもでき、繰り返しストリートビ
Google検索の秘密 - "ページは小さく簡潔に、背後のアルゴリズムは複雑に" | エンタープライズ | マイコミジャーナル
Google, Ben Gomes氏は1日(米国時間)、Google検索の取り組みを紹介するブログの一環としてユーザエクスペリエンスを向上させるためにUIをどのように改善しているかを発表した。同氏が友人にGoogle検索のUIに関して働いていることを説明すると、だいたいの場合猜疑の眼差しとともに「なにをしてるって? なにも変わっちゃいないじゃないか」と言われるそうだが、ちゃんと仕事はしている。 一般的なWebサイトではユーザの滞在時間の長さがそのままユーザ満足度の向上につながると考えられることが多い。しかし検索エンジンはそれとは逆だ。ユーザが検索エンジンを訪れてキーワードの入力をはじめてから、いかに短い時間で検索ページを去っていったかという滞在時間の短さが評価につながる。短ければ短いほどすぐに目的とするページへ素早くたどり着けたことを意味する。こうした前提を踏まえつつ、次の4つの原則がある
Memorium: 眺めるインタフェースの提案とその試作｜persistent.org
すきま時間を利用して「偶然」を積極的に利用 生活に常駐する環境型アプリケーション 概要 近年，Web 上の情報が爆発的に増大したことやストレージ量の増大などで，個人が多量の情報を利用する機会が増えている．またユビキタス社会に向けた取り組みの研究も盛んである．今後，ますます多くの情報がより多様な情報機器で利用されるであろうが，それに伴いユーザの情報機器に対する操作の複雑化が懸念される．そこで，本研究ではユーザへ負担をかけることなく，生活の中で多くの情報と接するための「眺めるインタフェース」を提案する．眺めるインタフェースとは，ユーザに過度の注意を求めることなく，さまざまな活動の合間に，情報を容易に獲得するためのインタフェースである．我々は，眺めるインタフェースの具体的実装として Memorium というシステムを試作した．Memorium は，ユーザが蓄積するメモやキーワードをもとに，それら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Components
https://jp.techcrunch.com/2014/11/17/20141116why-did-google-decide-to-split-inbox-from-gmail/