DeNAに聞くスマートフォンサイトUI設計のポイント - MdN Design Interactive

2013/01/29 5372 users DeNA ディレクター デバイス ケータイ タッチ操作

PC、ケータイ、スマートフォンなどでアクセスできる会員制オークションサイト。会員数は100万人以上を誇り、いつでもどこでも楽しめる利便性から日々活発に取引が行われている。 急速に求められ始めたWebサイトのスマートフォン対応。狭い画面とタッチ操作という独特なデバイスに必要なUI 設計とはどのようなものだろうか？ スマートフォン向けサービスを数多く展開するDeNAでディレクターを務める鈴木哲之さんに... 続きを読む

1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineers' Blog

2011/04/25 2278 users GREE Engineers Blog matsu スマー

初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマー... 続きを読む

スマートフォン対応、気をつけたいトラブル

2012/08/20 988 users トラブル 若松 株式会社ジークス 実装 フロントエンド周り

スマートフォン対応、気をつけたいトラブル — Presentation Transcript スマートフォン対応、    気をつけたいトラブル 若松 浩昭（株式会社ジークス） 自己紹介若松 浩昭（Hiroaki Wakamatsu）・Webサイトの設計・フロントエンド周りの実装・スマートフォン案件が主体・HTML5-WEST.jpコアメンバーTwitter : azuyuuブログ : bit.l... 続きを読む

スマートフォン対応でよく使うhtml、css、javascriptのまとめ | 69log

2013/02/15 897 users CSS HTML JavaScript viewport

スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 ■headタグ内での設定 <!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!... 続きを読む

IE7～8に対応したHTML5＋CSS3サイトを制作してみよう ～IE7～8のブラウザ対応をするための便利な方法をまとめました～ | HTML5でサイトをつくろう

2012/06/06 609 users IE7 ブラウザ対応 HTML5 ギミック 方法

HTML5でつくられたサイトというと、Flashのような大掛かりなギミックをHTML5で実現したサイトを連想するかもしれませんが、HTML5＋CSS3でサイト制作をすることは、スマートフォン対応だけでなく、ソースの最適化や軽量化、SEO、将来的なサイトのあり方を考えて、有効な手段となります。 また、CSS3を使用すればページ数の多い企業サイトやブログ、ユーザーの管理画面を必要とするようなサイトを制... 続きを読む

babyshark - 日本人AV女優の動画を XVIDEOS などから厳選して配信（スマートフォン対応）

2012/11/17 463 users Twitter XVideos babyshark 技術 配信

babyshark（ベイビーシャーク）は、日本人AV女優の動画を XVIDEOS などから厳選して配信するサイトで、スマートフォンにも対応していますStay in touch このサイトで使っている技術などを、ブログや twitter 等で発信していこうと思います。よろしければフォローしてください Site policy このサイトはアダルトサイトです。18歳未満の方は閲覧できません このサイトは... 続きを読む

enchant.jsを勉強するのに役立つサイトまとめ | IDEA*IDEA

2011/04/19 255 users IDEA enchant enchant.js 9leap

さて昨日から勉強しているenchant.jsですが、参考になったサイトをざざっとまとめておきます。 wise9 › 9leap Camp@Tokyoレポート:4時間でスマートフォン対応のHTML5ゲームをゼロから創ってみる enchant.jsが公開されたイベントの公式ブログ。shi3zさんのプレゼンも個人的には必見かと思います。まずはここから。 enchant 上記エントリーにもありますが、en... 続きを読む

Googleカレンダーとの連携もできるタスク管理サービス「ToDous(トゥドゥス)ver2.0」 - GIGAZINE

2012/10/15 225 users GIGAZINE ToDous トゥドゥス チャットツール

スマートフォン対応、グループ横断ビュー、Googleカレンダーとの連携、繰り返しタスク、タスクの再利用が新たに機能として加わったタスク管理のクラウドサービスが「ToDous(トゥドゥス)ver2.0」です。メール通知、チャットツール、Windows・Mac・スマートフォン・タブレットなど全ての端末で利用可能。 登録からGoogleカレンダーとの連携までの操作方法については以下から。 タスク管理の決... 続きを読む

スマホサイトのEFO（フォーム最適化）で爆発的成果を出すための５原則 | LPO研究所

2014/08/18 146 users ユーザビリティ コンバージョン 鎌田 EFO 昨今

LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 ... 続きを読む

Photoshop VIP ☞ スマートフォン対応、レスポンシブデザインのWordPressテーマ厳選12個

2012/01/27 143 users レスポンシブデザイン WordPress エントリー

先日ご紹介したエントリー「2012年に流行りそうなWebデザイントレンド厳選10個まとめ」の中に、レスポンシブデザインを利用したサイトが増えているということを書いたのですが、その流れはWordPressにも確実に来ているようです。 海外デザインブログPelFusionで、レスポンシブデザインに対応したWordPress用プレミアムテーマ10個をまとめたエントリー「10 Best Responsiv... 続きを読む

[JS]既存のサイトをタッチデバイス対応にするスクリプト -Mobilize.js | コリス

2011/08/17 142 users コリス クライアン スクリプト 既存 タッチデバイス対応

ウェブページにスマートフォンでアクセスされたら自動検出し、そのページのレイアウトを変更・タッチデバイス対応にするjQuery Mobileを使用したHTML5ベースのフレームワークを紹介します。 Mobilize.jsでスマートフォン対応にするイメージ 見出し、ナビゲーション、コンテンツはそれぞれ細かく指定することができます。 Mobilize.jsの主な特徴 Mobilize.jsは、クライアン... 続きを読む

使いにくい・成果がでない「残念なスマホサイト」は、もう撲滅しよう！ - CNET Japan

2014/01/09 120 users スマホサイト とりえ 成果 さい CNET Japan

いま「スマホファースト」との言葉も広まり始めたように、誰もが普通にスマートフォンを持ち歩く時代が訪れ、企業がスマートフォン対応をより重視するようになってきた。だが、とりえあえずスマホ対応しました、といったレベルに留まっていたり、そうでないにしろ、本当に現在の「スマホサイト」が、本来のビジネス上の狙いが果たせるサイトになっているか、自信は持てるだろうか？ どうしても成果があがらないならば、やはりサイ... 続きを読む

WebサイトをiPhoneに対応させる -レスポンシブ・デザイン- - EC studio デザインブログ

2011/03/30 120 users Responsive Design 従来 iPhone 実際

このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン（Responsive Design）に関していまさらながら調べてみたの... 続きを読む

愛する任天堂への私の贈り物―ヒトリデハキケンジャ コレヲ サズケヨウ | TechCrunch Japan

2014/01/30 116 users 識者 処方箋 任天堂 支持 贈り物

「だからそう言っただろう」とは言いたくないが… 私が正しかったのはうれしいが、任天堂のためには悲しむべきことだ。私は任天堂が本当に好きだ。任天堂を愛している。それだけにこの現状を見るのが辛い。 そこで私なりのアドバイスをしたい。多くの識者は「スマートフォン対応を急げ」と言っているようだが、私の処方箋は違う。一部は前回述べたことの繰り返しになるが、読者からも支持が多かったので、ここでさらに敷衍してみ... 続きを読む

アップルのWebサイトが今さらスマートフォン対応をした理由 | sogitani.baigie.blog

2014/09/11 106 users アップル ターゲット iPhone6 スマートフォンユーザ

2014年9月9日、アップルの新製品発表会が行われました。 人々の注目は、iPhone6とApple Watchだったと思いますが、Web制作者としてちょっとした驚いたのは、発表と同時にWebサイトがスマートフォン対応したことです。 現在、多くの企業サイトで、スマートフォンからのアクセスが急増しています。スマートフォンユーザが直接的なターゲットとは考えにくい企業サイトでさえ、スマートフォンからのア... 続きを読む

h300 - キレイな人妻の動画を XVIDEOS などから厳選して配信（スマートフォン対応）

2013/01/05 75 users Twitter XVideos アダルトサイト 人妻 技術

h300 は、キレイな人妻の動画を XVIDEOS などから厳選して配信するサイトで、スマートフォンにも対応していますStay in touch このサイトで使っている技術などを、ブログや twitter 等で発信していこうと思います。よろしければフォローしてください Site policy このサイトはアダルトサイトです。18歳未満の方は閲覧できません このサイトは動画共有サイトからリンクを抽出... 続きを読む

ブログのスマートフォン対応の際に考えたこと | Stocker.jp / diary

2014/09/24 72 users Stocker.jp diary Blackberry ほか

iPhone / Mac ブログのスマートフォン対応の際に考えたこと Top diary Wednesday, September 24th, 2014 遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。 iPhone, iPod touch, Android, Windows Phone, BlackBerry などの各種スマートフォンのほか、 Kindle, Sony... 続きを読む

必見。スマートフォン対応、WebベースのHTML5オーサリングソフトウェア「Maqetta」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/04/22 68 users MOONGIFT オーサリングツール IBM ITエンジニア

MaqettaはWebベース、Java製のオープンソース・ソフトウェア。HTMLのオーサリングツールと言えばDreamweaverをはじめとしてローカルソフトウェアで行うのが一般的だ。だがその結果をレンダリングするのはWebブラウザだ。この環境の違いで作りやすさが変わってしまう。 メイン画面 どうせWebブラウザ上で動かすならば、元々Webブラウザ上で作ってしまうのはどうだろう。IBMが開発し、先... 続きを読む

HTML5/スマートフォン対応のWordPressテーマ「Reverie」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/02/21 50 users MOONGIFT Reverie WordPress ベース

WordPressでHTML5で最適化したブログを作りたい、スマートフォンにも対応させたいと思っている方はReverieをベースに考えると良さそうです。HTML5で作られた、すっきりとしたテーマになっています。 0 続きを読む

スマートフォン対応の１３のWordPressテーマ:phpspot開発日誌

2011/10/05 48 users phpspot開発日誌 有償 WordPressテーマ 殆ど

13 Smart Wordpress Themes to Befriend Mobile Gadget Users - WPDressing.com スマートフォン対応の１３のWordPressテーマ。有償のものが殆どですが、デザインの参考にできたり、有償といっても数十ドルまでのものなので導入してもよさそうです。 WordPressを使ったカッコイイモバイルサイトがあっという間に作れちゃいそうです... 続きを読む

wise9 › 9leap Camp@Tokyoレポート:4時間でスマートフォン対応のHTML5ゲームをゼロから創ってみる

2011/04/18 37 users 9leap wise9 UEI リョーヘイ 青少年

やあshi3zだ。元気かな? 去る4月17日の日曜日、新宿モノリスビルにて9leap Programming Camp @Tokyoが開催された。 今回、青少年の健全育成を目的と下9leapはサイトの制作やイベントの運営も全部大学生社員たちに任せている。 9leapのリーダーを勤める伏見君(wise9ではリョーヘイで活躍中)は19歳で東大の一年生。 今年一年、大学を休学してUEIに修行に来ている。... 続きを読む

Inside Adsense - 日本語: お持ちのサイトがスマートフォンでどのように見えるか確認してみましょう

2012/03/09 34 users ツール 診断 見た目 Google URL

お持ちのサイトがスマートフォンでどのように見えるか確認されたことはありますか？ この度 Google では、サイト運営者様が簡単にスマートフォン対応をチェックできるツールの提供を日本語版でも開始しました。 ■ 確認から診断まで このツールでは、サイトの URL を入れるだけで、現在のスマートフォンからの見た目を確認することができます。さらに簡単な質問に答えるだけで、お持ちのサイトのスマートフォン対... 続きを読む

WEBアプリのスマートフォン対応でよくやること | spec5zigen Creator's Lab.

2012/10/03 32 users spec5zigen Creator Webアプリ 後藤

プログラマーの後藤です。 今回は最近よく使うソースの基本的な部分を自分のメモ用に少し解説してみます。 主にiPhone、iPadなのでとりあえずwebkitのみで対応。 ライブラリとしてjQueryを使っています。 サンプルをKAYACさんのjsdo.itに公開しておきました。 オブジェクトをドラッグするサンプル 今回紹介する、WEBアプリのスマホ対応としてのポイントは３つ var touchsu... 続きを読む

「モバツイ」がスマートフォン対応　新デザインのWebアプリ、使い勝手を追求したAndroidアプリをリリース｜新着情報｜マインドスコープ株式会社

2011/10/19 23 users モバツイ マインドスコープ株式会社 リリース 真一 使い勝手

報道関係者各位 プレスリリース 2011年10月19日 マインドスコープ株式会社 「モバツイ®」がスマートフォン対応 新デザインのWebアプリ、使い勝手を追求したAndroidアプリをリリース Webサービスの開発・運営を行うマインドスコープ株式会社（本社：東京都港区、代表取締役社長：藤川 真一）は、自社の運営するモバイル機器向けツイッター接続サービス「モバツイ」において、スマートフォンに最適化し... 続きを読む

本番環境でOK！指定したレベルのログインユーザーだけにテーマを反映出来るプラグイン『Theme Test Drive』｜ウェビメモ

2013/11/20 22 users ログインユーザー テストサーバー ウェビメモ 現行 プラグイン

こんにちは。霙(@xxmiz0rexx)です。サイトのリニューアルやスマートフォン対応など、現行で動いているWordPressに新しいテーマを作成する際、ローカルのWordPressに反映したり、テストサーバーがある場合はそこで試したり、様々な方法でテーマの動作確認を行いますよね。 そんなとき、最近わたしはWordPressのプラグインを使っているのですが、 それがとっても便利で楽ちんなので今日は... 続きを読む