400m画面スクロールの“苦行”が生む体験--「くばら あごだしチャレンジ」誕生秘話
スマートフォンを中心に、オムニチャネルやIoTなどの次世代テクノロジを通じて生み出されるデジタルマーケティング戦略。そこにはアイデアやクリエイティビティが不可欠だが、それだけでは「これまでになかった体験」を提供することはできない。ユーザーに新たなエクスペリエンスを届けるために、欠かせない普遍性や本質とは何か。 この連載では、デジタルを活用したコミュニケーション施策を発信する「コードアワード」に寄せられた作品から、デジタルマーケティングの「未来」を拓く“ヒント”をお届けする。 「コードアワード2016」において「グッド・ユース・オブ・メディア」に輝いた、久原本家グループ本社による「くばら あごだしチャレンジ」。施策のタイトルにある「あごだし」とは、「トビウオから採れるダシ」のことだ。 そのトビウオが400mの跳躍をすることにかけ、スマートフォンのみで閲覧できる「400m分のスクロール画面」を
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
Engadget | Technology News & Reviews
How to watch Polaris Dawn astronauts attempt the first commercial spacewalk
無料で使えるモバイルアプリ制作用のプロトタイピングツール
2016年2月18日 スマートフォン, 便利ツール 以前「Webサイトのプロトタイプ制作に使える無料オンラインツール」というのを記事にしましたが、今回はモバイルアプリ制作に特化したツールを調査してみました。ただ、知らない間に便利ツールが増えまくり、あまりにも数が多いので無料で使えるものに絞り、さらに使ってみていいなと思ったものを集めました。それでも数が多いので…あとは実際にみなさんで試してみて、自分にあったものを探してみてください！ ↑私が10年以上利用している会計ソフト！ おすすめ無料プロトタイピングツール Marvel Marvel 無料プランでもプロジェクトを無制限に作成できちゃうプロトタイピングツール。ブラウザー上で編集していきます。リンク先となるページ画像がサムネイルで表示されていて、ページ推移時のアニメーションも分かりやすいです。コメント機能もあり。 完成したプロトタイプはUR
【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！
こんにちは、相変わらずドラクエ10三昧の橋本です。 最近はライノス道場に通っています。 さて、今日はハイブリッドアプリのCSSを書く際に毎回指定するようにしているプロパティを備忘録がてらいくつか書いていこうと思います（いつも忘れるので）。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) iPhoneやAndroidでリンクなどの要素をタップしたときに、iPhoneでは薄いグレー、Androidでは緑やオレンジの枠がデフォルトで表示されます。 -webkit-tap-highlight-colorというプロパティに色を指定することで、この枠の色を変えることができます。 ハイブリッドアプリを作成する際には、この枠が出ると如何にもWebっぽくなってしまうため、透明色を-webkit-tap-hightlight-colorに指定して、枠が表示されないよ
スマートフォンはセンサーの塊！ たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 7月9日公開岩間 日菜♥ 18
Xoilac TV trực tiếp bóng đá Euro 2024 | Xem TTBD Xôi Lạc HD
Xoilac TV trực tiếp bóng đá Euro 2024 | Xem TTBD Xôi Lạc HD Xoilac tv là trang xem bóng đá trực tuyến tốc độ cao, xôi lạc tv cung cấp link xem trực tiếp bóng đá miễn phí ở tất cả các giải đấu hàng đầu thế giới (Ngoại Hạng Anh, Euro, Bundesliga, Serie A, Ligue 1,...) nhằm đáp ứng nhu cầu xem bóng đá hôm nay của khán giả. Link xem bóng đá cập nhật ngày 08-08-2024 Xoilac tv là kênh xem trực tiếp bóng
2015年のスマホゲーム開発者に求められるスキル – ぼくのセーブポイント
この記事は何か？ この記事はスマホゲーム開発をしているプログラマーのぼくが、スマホゲームの変遷と求められてきたスキルを振り返り、2015年の今現在求められるスキルを考えます。 あくまでぼくの周りから感じたものなので、いけてるディベロッパーにいる人はもっと進んでいるのではないかと思います。 ちょっと長いので、結論だけを知りたい場合は下部のまとめだけご覧ください。 ぼくは誰か？ ぼくはゲーム開発会社でスマホゲームを開発しているプログラマーです。 mobageやGREEのプラットフォームで、各社が自由にWEBブラウザゲームを公開できるようになった時からゲーム開発をしてきました。 WEB業界出身な人間で、スーパーなプログラマーではないことに注意してください。 WEBブラウザゲーム前期 「DeNAの怪盗ロワイヤル」「コナミのドラゴンコレクション」「Cygamesの進撃のバハムート」などのゲームが流行
スマホでだけ画質が劣化!? キャリアの「通信の最適化」によるトラブルにWeb担当者もご注意を | 初代編集長ブログ―安田英久
今日は、Webサイトに関するトラブル（利用者さんからのクレーム）に事前に対応しておくための情報を。サイトを閲覧したときに、スマートフォン利用者だけ画像が汚くなっててしまい、必要な情報がユーザーさんに届かない場合があるようなのです。 画像ファイルの画質を劣化させる仕組みを、ケータイキャリアがユーザーに無断で導入しているという情報が、この週末に話題になりました。 ハッハッ、見ろ！第1種電気通信事業がゴミのようだ！！ #通信の最適化（）（Togetterまとめ）ソフトバンクやドコモなどのキャリアが「通信の最適化」という仕組みをこっそり導入してるという話題です。 「通信の最適化」というと良いことのように思われますが、ここで言う最適化とは「通信でやりとりされるデータ量を減らす」ということ。具体的には、ネットワーク上を流れる画像ファイルなどをキャリア側で自動的に変換してファイルサイズを減らすという仕組
スマホ版ページをnoindexにしてもスマホ検索には出る!?（スマホ対応ラベルも付く） など10+2記事 | 海外&国内SEO情報ウォッチ
noindexにしていても検索結果に表示される――そんなことがあるのだろうか。 通常はmetaタグでnoindexを指定すると、検索エンジンにはインデックスされず、つまり検索結果には表示されない。しかし、スマートフォン向けページでだけnoindexを指定していると、事情は違うようだ。 辻正浩氏がこんなツイートを投稿していた。 そういえば http://t.co/IyXFQk1TJN このYahoo! 検索のトップのスマホ版にはnoindex,nofollowが付いているんですけどそれでも「スマホ対応」マーク突くんですよね。noindexでも大丈夫なんですねえ。 — 辻正浩 | Masahiro Tsuji (@tsuj) 2015, 6月 30確認したところ、たしかにスマートフォン版のグーグル検索で「ヤフー検索」を検索すると、検索結果にはYahoo!検索のトップページ（http://sea
スマホ対応のキモ。スマホサイトのナビゲーションメニューが悩ましい。
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる スマホサイトのナビゲーション。どーいう感じにしようか、いつも悩みます。 最近、よく見られるのは、こういう「ハンバーガーメニュー」。試しに、右上の「三」をクリックしてみると、
jQueryでフリックを実装する場合に縦スクロールできなくなる問題を解決する方法 | スターフィールド株式会社
以前jQueryでプラグインを使わずにフリックを実装する方法についてご紹介いたしましたが、 こちらの方法を使った場合に、１つ問題が発生します。 それは、スマホやタブレットでは、 フリックできるようにした要素の上ではページのスクロールができなくなってしまうという問題です。 これは、touchmoveイベントの本来の動作であるページのスクロール動作を、 「e.preventDefault()」を指定してキャンセルしているためです。 フリックで要素を動かす動作を自然に行うためには欠かせないことなのですが、 横いっぱいに広げたスライダーなどでは、これによってページのスクロールができない範囲が大きくなってしまうため、とても使い勝手の悪いものとなってしまいます。 今回は、この問題を解決する方法について考えてみましたので、 ご紹介いたします。 ↓こちらがこの問題を解決したDEMOです(スマホやタブレット
モバイルフレンドリーアップデートで海外SEO情報ブログはどのくらい順位が下がったのか？
[レベル: 初・中・上級] この記事では、モバイルフレンドリーアップデートの実施後に、モバイル検索の間でどのくらいの順位下落が発生しているのかを“生のデータ”で紹介します。 対象サイトは、まだスマホ対応していない僕のブログです。w 結論を先にいうと、僕のブログにおいては、幅広いクエリで、順位の下落が発生している可能性が高そうです。 しかし、順位の下落幅はほとんどのクエリで微々たるものです。 調査方法 以下の方法で調べました。 ウェブマスターツールの新機能、「検索アナリティクス」のデバイスフィルタ機能でPCとモバイルの掲載順位を比較 アップデート実行前のデータは、3月21日〜4月20日の1か月間 アップデート実施後のデータは、4月22日と23日の2日間 PCとモバイルのどちらでも表示されたクエリが対象 気付いた人がいるかもしれませんが、アップデート実施後のデータはたったの2日分です。 検索ア
スマホサイトのパーツをことごとく網羅！「スマートフォンサイトUI図鑑」は是非手元においておくべき一冊
スマートフォンサイトを構築してて「このパーツなんて言う名前なのかな」「どうやって作るのかな」と言う瞬間は結構あるものです。 そんな悩める子羊を救う良著がKADOKAWA/アスキー・メディアワークスさんより発売されました。その名もCSS3&jQueryで作る スマートフォンサイトUI図鑑。 ありがたくも一冊ご恵贈頂きましたので、レビューしてみたいと思います。 いや、マジこの本オススメ。こう言う本、ほんとに欲しかったんです。 書籍の内容 何度もコピペして使いたい定番43パーツを厳選。 スマホサイトのUIの名前と使い方、ソースコードをまとめました。 「コーチマークってどんなUI?」「タイムラインってどうやって作るの?」 本書は、スマートフォンサイトの制作で欠かせないUIパーツの「名前がわからない」「使い方がわからない」「作り方がわからない」を解決する本です。 定番の43パーツを体系化して収録。豊
面白い！世界観だけMonumentValley風の全然違うスマホゲーム「Skyward」が意外と良作 | BLOG ROOM9（ブログルームナイン）
面白い！世界観だけMonumentValley風の全然違うスマホゲーム「Skyward」が意外と良作 2015 3/11 ども、シンプルなゲームが好きな Qtaro（@Daisuke_9taro）です。 一時期（今も？）かなり流行ったスマホゲームの「Monument Valley（モニュメントバレー）」ってあったじゃないですか？皆さんご存知ですかね。知らないって方はとりあえずコチラを。 唯一無二の世界観が最高のスマフォゲーム「MonumentValley」に全ハマコーが泣いた なんで今さらモニュメントバレーの話を出したかというと、先日たまたま「。。おや？」と明らかにモニュメントバレー意識してんだろ的なゲームを偶然見つけまして。試しにやってみたら、予想通りというかなんというか 全然違うゲーム でした。結果 「なんだこれ。パクりか。便乗か。ふざけんな。消したるわ。ちょっと待って面白い」 となり
「スマホ対応」アルゴリズム更新の疑問にGoogle社員が答えた
[レベル: 初・中・上級] サイトがモバイルフレンドリーかどうか（モバイル対応しているかどうか）をランキング要素として使用することを先週Googleは発表しました。 4月21日から開始の予定です。 この記事では、このアルゴリズム変更に関連した疑問についての回答を紹介します。 Googleジョン・ミューラーがオフィスアワーで回答 発表の当日に、GoogleのJohn Mueller（ジョン・ミューラー）氏が英語版のオフィスアワーをGoogle+で開催しました。 当然のごとく、モバイルフレンドリーアルゴリズムの質問が終始たくさん出てきます。 僕たちが知りたいことも多く含まれています。 参加者から出てきた質問とそれに対するミューラー氏による回答をピックアップしてまとめました。 あなたのモバイル対応の参考にしてください。 モバイルフレンドリー アルゴリズム Q&A Q: サイトがモバイル対応してい
スマホ連携スポーツ用品ブランド「XON」第1弾の「SNOW-1」発表、年内に発売 | Cerevoからのお知らせ
2015年1月5日 スマホ連携スポーツ用品ブランド「XON」第1弾の「SNOW-1」発表、年内に発売 〜スノーボード中の情報をリアルタイムに可視化。LEDで演出も〜 ネット接続型家電の企画・開発を手掛ける株式会社Cerevoは、新たに立ち上げたスマート・スポーツ用品のブランド「XON（読み：エクスオン）」の第1弾として、スノーボード・バインディング「SNOW-1（読み：スノウ ワン)」を開発いたしました。 XON SNOW-1 https://xon.cerevo.com/ja/ 本製品は米国時間1月4日に開催される2015 CES Unveiledならびに1月6日より開催される2015 International CESにおいて実機展示を行ない、同年内に発売する予定です。 概要 SNOW-1は、Bluetooth4.0 LE通信モジュールと各種センサーを搭載したスノーボード・バインディン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホde百人一首
GoogleがAndroid 4.3以下のサポート終了を発表、その影響は - ライブドアニュース
iOS, Androidのさまざまなスマホ・タブレットのサイズやCSSでの値が一覧できるサイト -mydevice.io
