Engadget | Technology News & ReviewsParrots in captivity seem to enjoy video-chatting with their friends on Messenger
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマホ案件の見積もりについて - ku-sukeのブログ
Android案件の見積り ｜ クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね＾＾」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね＾＾直さないと削除しちゃうよ＾＾」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
最近のFlash騒動やHTML5/JS開発についてまとめ « package a24
AndroidブラウザのFlashPlayerの開発が終了したり、HTML5製の3Dコンテンツが出てきたりで、「Flash終わったの？」とか、「これからはFlashじゃなくて全部HTML5で作った方がいいの？」とか聞かれる事が増えてきたので、ちょっとまめとめてみました。 同じような境遇の方も少くないと思うので、参考程度にどうぞ。 AndroidブラウザFlashPlayerの開発終了について 残念なことにAndroidブラウザのFlashPlayerはバージョン11.1を最後に開発は終了することが発表されました。これについて「AdobeがFlashよりHTML5の方が優秀だと認めた」や「HTML5を推奨していたジョブズの完全勝利！」と考えている方もいるかと思いますが、実際のところどうなのでしょうか。 記事を参考に、開発終了の理由についてまとめてみました。 【参考記事】 ・ Clarific
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
世界のスマートフォン利用に関する大規模調査サイトを公開します
Google では、IPSOS、モバイルマーケティング協会（MMA）と協力して、世界 30 カ国、30,000 人のスマートフォンユーザーを対象に、スマートフォンに関する大規模な行動・意識調査を行いました。本日より、同調査結果を日本でも公開いたします。 この調査は、スマートフォンの普及率、利用状況・シーン、使用用途、オンラインコマース（情報収集と購入行動）、広告への反応の5 つのカテゴリに分かれており、Our Mobile Planet サイトで、自由に調査結果をご覧いただくことができます。 調査結果から、日本に関する興味深い結果をご紹介します。 日本のスマートフォンユーザーがインストールしているアプリ数は平均 45 個で、調査対象の30 カ国中で最多でした。日本のスマートフォンユーザーで、毎日 4 回以上モバイルインターネットを利用していると答えた人は 68%で、これはアジアにおいてもっ
JavaScriptで携帯サイトをお手軽スマホ対応――「sparrow.js」無償提供
シンメトリックは9月26日、既存のケータイサイトにJavaScriptを1行追加するだけでスマートフォン対応が可能というJavaScriptライブラリ「sparrow.js（スパロウ.js）」を発表した。提供はGPLライセンス方式となっており、個人・法人を問わず無償で利用が可能。 sparrow.jsは、従来のように特殊な外部プロキシを介することなく既存ケータイサイトのスマートフォン対応が可能になる技術だ。これにより、外部ASP／システム拡張／プログラム開発といった手間やコストをかけることなく、簡単かつ迅速に企業のスマートフォン対応が実現できる。同社によれば既存のケータイサイトのシステムに対する影響はほとんどなく、スマートフォン内で動作するためシステム負荷およびパフォーマンス上の懸念もないという。具体的な機能は下記の通り。 JSファイルを読み込むだけで利用できる効果 Viewportを自動
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
みんなガラケー市場の怖さを知らない：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
ソースは総務省→ココです。2009年で1兆5206億円市場だそうだ。 去年より2000億円近く伸びている。今の日本経済から考えてると伸びている方だと思う。 内訳：1位は「着うた」だ。ただこれはもう伸びないし利益率も低い。伸び率最高は、予想通りアバターとアイテム課金。生活情報も伸びている。生理日をメールで通知する月額数百円のサイトがいっぱいあるがそういうのかもしれない。 今見たら「会員が180万人を突破」しているので、ウソじゃなければ月収3億4千万円、年間40億円くらいと思われる。たぶん、今iPhoneアプリで年間40億円稼ぐのは限りなく不可能に近いと思う。 「ガラケービジネスはもうだめだね。これからはiPhoneコンテンツさ！」といっている人は国内１億台のガラケーと1.5兆円の市場がすぐなくなると思っているんだろうか。そして、すでに20万個登録されてるアプリとケンカして勝てると思っているん
「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar
このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス） 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお
ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
VGA端末の画像表示対応 - [Softbank/Disneyモバイル/携帯] ぺんたん info
ソフトバンクの端末で横幅480ピクセルまで表示される端末(VGA端末)は、それ以外の端末と同じ画像、HTMLでは表示したときに、かなり画像が小さくなります。 [参考記事] VGA端末用に出力画像を拡大縮小する方法 [参考記事] すべての端末で画像表示を同じにする方法 [参考記事] iモードブラウザ2.0のQVGA/VGA切替え機能 そのためVGA端末用に別の画像を用意したり、画像変換処理を行って調整をしたりする手法があります。 しかしこのような方法では、画像容量が大きくなるため表示に時間がかかるうえパケット代も数倍になったりします。 (回線速度がハイスピードになったり、パケット定額制が普及したりしてますが、、) そこで、<IMG>タグに指定されているwidthおよびheightを240に対する画面幅の比で、 widthやheightの値を指定しなおして拡大表示を実現する手法の説明です。 w
ソフトバンクVGA端末の表示問題を解決する3キャリア対応携帯画像変換スクリプト 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
こんにちは、shibaです。 前回の記事「モバゲーのような携帯サイトを作るための12のTips」が予想以上の大反響で少々びっくりしてます。はてブの数とか半端ないです。こんなブックマークが付く記事を書いたことがありません。笑 いといろとコメントくださった方ありがとうございます。 おかげさまで、この記事以来、怒濤のように仕事が舞い込んできており、 多忙の毎日を送っています。 さて、今回は前回の記事のコメントでいただいた、 ソフトバンクのVGA端末でのサイト内画像の出力に関するお話です。 前回の記事で、ソフトバンクの高解像度（横240ピクセル以上）VGA端末では、ロゴなどの画像を他のキャリアに合わせて横240ピクセルで作成した画像を表示すると、高解像度のまま小さく表示されてしまう（けっこうかっこ悪い…）という問題がでてきてしまうという点について触れました。 ちなみに、ソフトバンク以外のキャリアの
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
（旧）西村誠一のパソコン無料サポートとWindowsフリーソフト : P905iで漫画を読む - livedoor Blog（ブログ）
FOMAの903iから905iに買い換えた際に 圧倒的な違いと言える点が一つあります それは解像度が「２４０ｘ３２０（以上）」から「４８０ｘ６４０（以上）」と 解像度が縦２倍ｘ横２倍＝４倍以上の解像度になった事です この結果、〜９０３i、９０４ｉまでではやりたくてもできなかった事が いくつかできる様になったと言えます この一例として「これまでできそうでできなかった事」が 「９０５ｉで本当に出来る様になった例」として 「携帯電話で、microSDカードなどに保存したコミック（漫画）などを読む」 というのがあります （microSD経由でなくても、iMODEやフルブラウザなどのブラウザで 画像ファイル見ればいいじゃん？って声もありそうですが、パケホーダイに 入ってる人はともかく、そうでない人の場合は、パケット課金の固まりである 画像見まくりなんて課金が怖くてできない・・・って人は今現在でも多い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
oyaoya.jp【携帯サイト用システム】
モバイルメールマガジン登録&退会画面におけるユーザビリティのポイント（第6回） | モバイルサイト構築のユーザビリティいろは