『モバイルフレンドリーアルゴリズムについて』
今更ながらに加えてタイトルにやる気が感じられない点はお詫び申し上げます。 さすがにこれだけの話題に触れないのもどうかと思うことと、 一部のアメーバブログをご利用頂いているユーザー様よりご質問もいただきましたので、 私の個人的な考えも書かせていただこうかと思っております。 モバイルフレンドリーアルゴリズムとは 4.21より導入されるGoogleの検索アルゴリズムであり、 パンダアップデートがローンチされた際よりも影響が大きいと言われています。 モバイルフレンドリーアルゴリズムの内容は、簡単に言うと、 「モバイルに対応していないウェブサイトはモバイルの検索結果で落とすよ」 ということになります。 モバイルと言っても基本的に今回はスマートフォンと考えて良いと思います。 鈴木謙一さんも書かれているように このアップデートは、タブレット端末からのGoogle検索には影響しません。 スマートフォン端末
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
【UI/UX改善】CVRを向上させるスマホサイトのポイント10選 | LISKUL
「PCやサイトのスマホ版を作ったけど、思うように成果が上がらない・・・」「どうすれば成果の上がるスマートフォンサイトを作れるのだろうか・・・」とお悩みのweb担当者の皆様へ。 その答えは、「UI/UXの改善」にあります。 多くの企業がスマホサイトで成功していない原因としてありがちなのが「PCサイトを安易にスマホサイト風に変換しているだけ」というパターンです。 そのため、スマホとPCの違いを考慮して、スマートフォンでのユーザー行動を意識したUI/UXに改善するだけでも、CVRは簡単かつ速攻でアップするんです！ そこで、今回はCVRを向上させるためのスマホサイトのUI/UXを改善するためのチェックポイントをご紹介いたします。ぜひ皆様のWebサイトの改善にお役立てください！ サイトUIを改善するための分析手法を知りたい方は、こちらの資料を手元に置いてみてみてください。 ※本記事は2014年7月8
タダは正義だ。FUSION 「SMARTalk」は基本料0円で050番号が使える！ : ギズモード・ジャパン
無料で始められる050アプリ｢SMARTalk｣を絶対使うべき7つのシチュエーション2013.12.26 22:00Sponsored 三浦一紀 1つでも当てはまったら即インストール！ 無料で使える050アプリ｢SMARTalk｣。先日こちらの記事でご紹介しましたが、皆様もうインストールされましたでしょうか？ 簡単にSMARTalkの概要を解説しますと、登録するだけで無料で050の番号をもらうことができる、フュージョンが提供するIP電話サービスです。もちろん、SMARTalk同士の通話は無料。その上、固定電話や携帯電話などへの通話は約60％オフの8.4円/30秒という、格安料金になるのです。 実はフュージョンは、今までのスマートフォンの電話番号そのままで通話料が半額になる｢楽天でんわ｣も提供している会社です。こちらでご紹介している通り、楽天でんわもとてもお得なサービスですが、SMARTal
サイトをスマホ対応した時に意識したこと5つ - Design Color
もくじ サイト幅はリキッドレイアウト&リンク領域は大きめに 動画やGoogleマップも画面サイズに応じて伸縮するように なるべく画面遷移をしないように PC版のデザインでも見れるように 最後までスクロールした後のことも考える 1.サイト幅はリキッドレイアウト&リンク領域は大きめに サイト幅は基本的には320px想定で作っています。ですが、一言で「スマホ」といっても様々な解像度がありますよね。特にAndroidとか！しかも、スマホを横向きにするとまた解像度が変わってきます。 なので、ある程度どのサイト幅でも対応できるようにリキッドレイアウトで画面サイズに応じてサイト幅が変わるようにしています。 また、スマホは指で操作するため、リンク領域はなるべく大きめにするよう心がけました。（とはいえ、タグやはてブのリンクまでは大きくできなかったのですが）一部を除いては基本的にはリンク要素は「44px以上」
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
“車の状態やパフォーマンス”をスマートフォンで一括管理する「Zubie」 エンジントラブルなどもアラートで通知 | Techable(テッカブル)
自動車は、都市部から離れた場所に居住してる人にとって、重要でとても身近な交通手段。とはいえ、車にまつわるトラブルは多く、マイカーの安全性向上対策やメンテナンスは欠かせない。アメリカでは、1996年以降販売されている車に関して、onboard diagnostics(OBD2)規格という、車の“自己診断機能”が標準搭載されている。故障があると、ランプが明滅したり、振動したりしてドライバーに知らせてくれる便利な機能だ。 15年に渡り、OBD2の研究をおこなって開発された「Zubie」というプラットフォームは、このOBD2から発信される情報を、スマートフォンという1つのスタンドアローンに統合し、一般の人にもわかりやすく表示してくれるツール。メモリースティックのように差し込む形状をした「Zubie key」を車にセットすると、アプリがそこからさまざまなデータを引き出して分析する。 この「Zubie
[WordPress]スマホ対応プラグインの
どうすれば GW をゴールデンに過ごせるか、思案中のLatinです。 今回はスマートフォン対応プラグインの良し悪しについて。 WordPressのスマホ用プラグインは結構な数ありますが、結局の所、「いっちゃんいいヤツ」ってどれだろう？とふと思い立ち、勝手ながらカンタンに考察をまとめさせていただきました。 他にも、こっちの方がいいよ！こんなプラグインがあるよ！とかありましたらぜひ教えてください。 まずは、よく使われている5つのプラグインを比較 Ktai Style いわずと知れた有名プラグイン。サイトを携帯電話（ガラケー）対応させるプラグイン。 ガラケー人口って意外にまだまだ多いんですよね。 Ktay Style WPtouch こちらも有名プラグイン。 手軽にサイトをスマートフォン対応できます。 「メニュー」をタップするとタグ、カテゴリー、RSSフィード等のタブメニューが展開されます。 W
![[WordPress]スマホ対応プラグインの](https://cdn-ak-scissors.b.st-hatena.com/image/square/b53dec6a802a8894496962b618bea8a7e8829438/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_wordpress.png)
カッコ良すぎるよ…！たった2000円程でスマートフォンが車の計器になるアダプターを試してみました : らばQ
カッコ良すぎるよ…！たった2000円程でスマートフォンが車の計器になるアダプターを試してみました これカッコ良すぎるでしょ…！ 車というのはなぜかメーター類がたくさん付いていると妙にカッコ良く感じるのは、男の子ならきっと通じるところがあると思いますが、先日Amazonをさまよっていたら、スマートフォンが車の計器になる面白いアダプターを見つけました。 しかもその費用はたった2000円ほどで、車に改造の必要は一切なし。これってちょっと試してみたくないですか？ ※2013.2.23追記：記事に一部問題があったため、記事を一部修正しました ※訂正とお詫び (2013.2.23) 当初紹介していたBluetooth版OBD2アダプタは、日本での使用は電波法に抵触する可能性があるとの指摘を受け、記事を訂正しました。確認が不十分で申し訳ありませんでした。またご指摘頂きありがとうございます。 日本国内でO
深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
スマホコンテンツ市場が成長期、そして成熟期に向かうなかで、競合他社と差別化を図るための要素として、デザインの重要性が高まっているのではないだろうか？ ユーザーに心地よく使ってもらうためのデザイン、ユーザーがワクワクするようなデザインなど、スマホという独特のインタラクティブ性を持ったプラットフォームでは、今まで以上にUI、UCD、UXといった要素が大切になってきた。 そこで今回は、iPhoneアプリ「TiltShift Generator」や「SuperPopCam」など、先進的なデザインのアプリを企画、開発、設計まですべてひとりで担当し、生み出しつづける深津貴之氏から、fladdict流のUIデザインについて共有していただく。
![深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/fca790190c506ea1816d8178f27433e67f2c6be6/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F950.jpg)
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンの比較サイト - スマートフォンデータベース
Flatis
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～