みんなが使いたくなるオンラインショップの作り方まとめ
by Louish Pixel オンライン通販サイトやアプリがモバイル端末に最適化されていなかった場合、約30％のユーザーが購入前に商品を見るのをやめると言われています。eコマースを行うウェブサイトやアプリにとって、モバイル端末上における商品ページの「ユーザー体験」が死活問題となってくるわけですが、小さなスクリーンに適切な表示を行うのは非常に難しいことです。そこで、ソフトウェア開発者のNick Babichさんが、自分の経験からわかった「購入に結びつきやすい商品ページ」の作り方をまとめています。 Mobile eCommerce: Product Details https://uxplanet.org/mobile-ecommerce-product-details-28feba377a55#.ben2wxbjq ◆1：商品情報や取り得る選択肢を詳細に記載すること 情報を包括的に記載する
Multi-touch web development | Articles | web.dev
Multi-touch web development Stay organized with collections Save and categorize content based on your preferences. Introduction Mobile devices such as smartphones and tablets usually have a capacitive touch-sensitive screen to capture interactions made with the user's fingers. As the mobile web evolves to enable increasingly sophisticated applications, web developers need a way to handle these eve
【連載：HTML5事例】アディダスに学ぶスマホUI、ユーザーを回遊させ滞在時間を伸ばす、4つの特徴
これから不定期ですが、HTML5でつくられたサイト事例を特徴とともにご紹介していこうと思います。第一弾は、アディダスが立ち上げた、フットボール向けシューズブランド「predator lethal zones」のキャンペーンサイト「predator lethal zones」を紹介します。このサイト、操作感がたまらなく気持ちいいです。ついつい、細部まで見てしまう、欲しくなってしまうサイトです。なにがそんなに気持ちいいのかを解説します。 軽くスムースなスクロール 普通のブラウザのスクロールよりも軽く、少ない力ですいすい進んでいきます。このスクロールは「iScroll」というjavascriptのライブラリを使用することにより実現しています。フリックに対してスクロールさせるときの加速度を大きくしています。 Webアプリにはめずらしい固定メニュー 右上のメニューボタンをタップすると、メニューが表示
PHPを使って3分で作る3キャリア対応ケータイサイト | ke-tai.org
PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮名）」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、本当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別:phpspot開発日誌
PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別する - グニャラくんのグニャグニャ備忘録@はてな 携帯電話からのWebアクセスゲートウェイのIPアドレスから、携帯キャリアを判別したい場合がある。 PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別する方法が紹介されています。 各携帯キャリアのページにはIPアドレス帯域が公開されているようで、その情報をスクレイピングしてYAML化する仕組みを作られた方がいるようです。 そのYAMLを元に判別のためのPHPスクリプトを自動で作成するスクリプトが公開されているようです。 「携帯端末のUserAgentを扱うライブラリ:Net_UserAgent_Mobile」のようなライブラリも存在しますが、サイズが少々大きく、処理が重いという方には使えるでしょう。 携帯以外からページを見れないようにする場合にも使えますね。 関連エントリ 携
CodeZine：携帯シミュレータ入門（開発ツール, まとめ）
はじめに 携帯サイトは、PCのWebブラウザではテストできません。携帯のWebブラウザにはさまざまな機種依存仕様があるからです。マークアップ言語の違い（HTML/HDML）絵文字表示可能な画像形式（gif/png/jpg、カラー/モノクロ、色数、サイズ）受信サイズアクセスキー これらは携帯の実機でテストする必要がありますが、開発中に携帯の実機でテストをするのは大変です。実機ではソースを見ることもできませんし、経費もかかります。 そこで携帯シミュレータの出番です。すべての機種依存仕様を正確にシミュレートできるわけではありませんが、上記のうち、1. 、2. 、5. をテストすることができます。本稿では、携帯サイトの開発に必須となる携帯シミュレータの紹介と、使用上のポイントを説明します。対象読者 携帯向けWebサイトの開発者必要な環境 Windows 2000/XP携帯シミュレータ一覧 携帯シ
『携帯電話の「簡単ログイン」は個体識別番号を使ってこんなふうに作れます』
たいていのWEBアプリはユーザ名とパスワードを聞かれて認証を行います。これはちょうど家に鍵をかけるようなもの。それほど重要でない情報のみのサイトならこれで十分ですが、貴重な情報があるとなるとそうはいきません。 この物騒な世の中、鍵ひとつじゃ安心できないわという声も聞こえてきます。最近セキュリティの高いところでは、やれ指紋やら静脈やら虹彩やらで個人を識別して鍵が開くようになってきていますね。WEBアプリにもユーザ名とパスワードの鍵以外に、端末の識別番号を使って認証する方法があります。 さて今日は携帯電話に焦点を当てて、ユーザ名とパスワード＋自分の携帯からしかアクセスできないというように変える方法をご紹介。 携帯端末には一台一台に電話番号とは別の個体識別番号があります。この番号を、ユーザがサイトにアクセスしてきたときにプログラムで取得することができます。個体識別番号をサーバ側に保存しておき、認
EZ-GREEに見るケータイサービス構築の重要なポイント - キャズムを超えろ！
ここんところ、積極的にケータイサービスを使っている。PCからもケータイからも繋がるWebサービス(ex. mixi)のケータイ版について色々と思い悩んでいる為だ。『ちよろず。』の屋島さんの力作であるEZ-GREEを、PC版GREEと比較してみると、GREEの中の人が考えるケータイユーザの特徴，ケータイユーザ受けするUI，サービス内容といったところが見えてくるので面白い。以下、EZ-GREEから学ぶケータイサービス構築の重要なポイント。 絵文字が使えるのは必須。 PCで見た場合はGIF画像変換などして絵文字を再現してあげる必要がありそう。 規約やその他文言類は軽い口調で短文にて。 ex. 正：今すぐ空メールを送って会員登録！ 誤：まず本文・件名ともに空欄のまま下記アドレス宛にメールをお送りください。その後当社より折り返し会員登録方法についてのご案内メールをお送りいたしますので、メールを確認し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お探しのページは見つかりませんでした - ma-san web design- 千葉県（四街道市・千葉市・佐倉市）でホームページ制作
memo-space :: SQLでIPアドレスから携帯のキャリアを判定する