ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと - Qiita
今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。 対象はiOS, Androidです。 シェア率(日本) 最近の動向など 2014年4月のスマートフォン販売シェア、日本ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加（Kantar調査） | juggly.cn Apple、2014年第1四半期において日本スマートフォン市場のシェアを36.6％獲得！ドコモ版iPhoneで大躍進 | gori.me（ゴリミー） 2013年第4四半期 国内携帯電話出荷台数ベンダー別 シェア 2013年第4四半期および2013年 国内携帯電話・スマートフォン市場規模を発表 より iOS, Android共に半々くらいのシェア率で考えれば良さげ。 Androidシェア(世界) iOSのOSは基本的には最新のバージョン
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
第1回 スマートフォンアプリ開発に求められるもの | gihyo.jp
スマホが世界を席巻する 日本国内で販売される携帯電話の大半はスマートフォン（以降スマホ）になりましたが、世界に目を向けてみると、スマホのユーザ数はすでに10億人規模に達していて、今年1年だけでも新たに約10億台が出荷されると言われています。2013年はインストールベース（ユーザの手元で使われている台数ベース）でもタブレットを含むスマホのインストールベースがPCを抜いてしまうと言われており、スマホの拡大はますます勢いづいています。 求められるスマホアプリ開発者 スマホのユーザが増えると同時に、アプリの開発を始める開発者の方も増えてきました。多くの場合アプリ開発はあるアイデアから始まります。そのアイデアは、自分が日常感じている問題をうまく解決できる方法を思い付いたところから始まる場合もありますし、自分が得意な分野を対象としてアプリのストア（App StoreやGoogle Play）に置かれて
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
こんなにスゴイ！ スマートフォン/タブレットのプロセッサ
スマートフォン/タブレットの性能向上は著しい。以前、知っておきたいスマートフォン/タブレットのプロセッサ動向という特集で、スマートフォン/タブレットが搭載するプロセッサを解説した。この連載ではスマートフォン/タブレットの今後の方向性や各社のロードマップについて適宜、解説していく。 特集：半導体メーカー、スマホ時代の生き残り戦略（2013年4月8日～11日）
訪問者が玄関でチャイムを鳴らすと同時に映像をスマホに送ってくれるカメラ＋アプリが登場 - IRORIO（イロリオ）
ピンポーンとチャイムが鳴ったとき、手元にあるスマホで画像を見ながら対応できたら便利なのにと思ったことはないだろうか？ 斬新な便利家電を開発しているカリフォルニアの会社 Edison Junior Design Laboratoryが自宅にやってきた訪問者の映像をリアルタイムでスマホやタブレット端末に送り、電話で話ができる「DoorBot」を開発した。専用のマイクロフォン付きカメラを玄関に取り付けたら、あとは無料のアプリをダウンロードすればオーケー。 訪問者が玄関でDoorBotのボタンを押すと、スマホが鳴り、画像が表示される。在宅の状態であれば、インターホンまで行かなくても「今、行くから待ってて」「荷物はそこに置いておいて」「裏庭にいるから、そっちに回って」など指示ができるし、留守にしているときでも、出先から相手に直接その旨を伝えることができる。 また、空き巣がターゲットにした家の留守を確
秋葉ちひろのAndroidアプリデザイン入門（1） - MdN Design Interactive
第1回 iPhoneアプリとAndroidアプリのデザインの違い（前編） 2013年2月21日 解説・文：秋葉ちひろ iPhoneアプリのようなAndroidアプリ Androidアプリの開発者と話をすると、「制作してもらったデザインがiPhoneアプリそのままなんです」という声を耳にします。そして、話をよく聞いてみると、どうやらそのデザイナーはAndroid端末を持っていないようなのです。私のこれまでの経験として、デザイナーの方が持つスマートフォンは主にiPhoneを使用していて、逆にAndroidを使っているデザイナーは少ないと感じています。例えば、遊びでAndroidアプリを作るならいいのですが、仕事として受注しアプリ制作をする場合、Android端末を使ったことがないというのは大きな問題だと思います。 私が重要と捉えていることのひとつに、Androidアプリの開発に携わる人は、開発
『スマートフォン向けJavaScriptライブラリchikuwa.js』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！スマートフォン版Ameba（通称：デカグラフ）でフロントエンドの開発をしている2012年度新卒入社のオオシモと申します。 デカグラフでは、主にSNS機能（サークル・掲示板・メッセージ・写真など）のNode.jsからフロントエンドのJavaScriptを担当しています。ちなみにエディタはSublime Text 2を使用しています。とっても軽くて高機能でオススメです。jQueryを使用しているのではないでしょうか。 デカグラフでは、chikuwa.jsと呼ばれるスマートフォンに特化した軽量ライブラリを使用しています。このライブラリは弊社の首
ガラケー派にも2台持ちにも！今の携帯はそのままで、安くて縛りも後腐れもないスマートフォンを手に入れる方法 : らばQ
ガラケー派にも2台持ちにも！今の携帯はそのままで、安くて縛りも後腐れもないスマートフォンを手に入れる方法 『ガラケーは手放せないけど、LINEとかの人気スマホアプリも使いたい』『予備にドコモ回線のスマートフォンも持っておきたい』…と思っても、スマートフォンの本体価格や月額費用、解約金などを考えると、なかなか気軽に手を出せるものではありません。 しかし、もし本体は安く、月額は1,000円弱、エリア最大級のドコモXi/FOMA回線で、最低利用期間の縛りがなく解約金もかからないスマートフォンがあったら…？ …あったんです！ スマートフォンは中古で手に入れよう！ 普通にスマートフォンを買おうとすると、新品のスマートフォンは定価で8万円くらいするのは珍しくありません。分割で支払ったり、長く契約を続ければ少しずつ割り引かれたりするので結果的にはもっと安くなったりしますが、長く使う覚悟がなければなかなか
スマホアプリの作り方【超まとめ】ゲーム編：スマホゲームを作り始めるのに役立つ記事41選 - ＠IT
iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 iPhoneのヒットによりアプリ開発を始める人が増えたのと同時に、スマートフォンがゲームのプラットフォ－ムとして一般的になりました。 これまでのいわゆる家庭TV向けコンソールゲームを開発していた企業を含め、多くの企業・個人がスマートフォンで動くゲームを開発しています。また、いわゆるフィーチャーフォン（ガラケー）向けにFlash LiteやJavaを使ってゲームを開発していた企業・個人、そしてGREEやMobageといったソーシャルゲームのプラットフォームもスマートフォンへの移行を進めています。そしてソーシャルゲームには、コンソールゲームを開発する企業も次々と進出してい
Webとネイティブの好いとこ取り？ ハイブリッドアプリ開発のススメ
はじめに はじめまして、最近「Nexus 7」が手放せないアシアルの岡本雄樹です。端末の性能向上もあいまって、HTML5を活用したハイブリッドアプリ開発の手法が注目されています。JavaScriptから利用できる機能が豊富に用意されたことや、CSS3の表現力豊かなスタイルが使えることから、HTML5でアプリを開発することが現実的になりました。 ハイブリッドアプリ開発とは、HTML5を中心としたWeb技術で、端末上で動作する、いわゆるネイティブ形式のアプリを開発する手法です。Web技術はモバイルのOSに関係なく共通です。つまり、一つのソースコードからAndroidとiOSの両方に対応したアプリを作ることができるわけです。Java言語も「Write once, run anywhere」という標語を掲げていたように、一度書いたプログラムをプラットフォームに依存せずに動かしたいというニーズは根強
メディア・パブ: アンドロイド端末が急増しても、年末のオンラインショッピングではiOS端末からが圧倒
アンドロイド端末スマートフォンの出荷シェアが高まる一方にもかかわらず、スマートフォンサービスの収益性ではiPhoneがまだまだ圧倒的に優位にあるようだ。 先週末の感謝祭とブラックフライデー（米年末商戦の最初の日で、最も売上が見込める）における米国のオンラインショッピングサイトへのトラフィックデータをIBMが公表した。そのレポートによると、以下のグラフのように、オンライントラフィックの24%をスマートフォンやタブレットなどのモバイル端末が占めるようになった。注目すべきはそのモバイルトラフィックの77%をiOS端末が占めていることだ。 ところが最近のcomScore調査によると、スマートフォン加入者比率でアンドロイドが52.5%でiOSが34.3%となっており、アンドロイドが優位にある。さらに最近の出荷台数比率では、アンドロイドがiOSを圧倒している。またタブレット端末でも、独走していたiOS
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
自由自在にクネクネ曲がりつつもしっかり自立してスマホスタンドにもなるUSBケーブル「Une Bobine」を使ってみた
USBケーブルをクネクネ曲る金属製の素材で作ることで充電やデータ転送を行いつつ、スマートフォンのスタンドとしても使用できるようにしたアイディアグッズが「Une Bobine」です。 Une Bobine http://photojojo.com/store/awesomeness/Une-Bobine/ iPhoneのドック端子用と一般的なスマートフォンで使用されるmicro USB端子用があり、価格はいずれも30ドル(約2400円)。 パッケージの説明によると、ケーブル長は約60cmで充電やデータ転送に対応しているそうです。 ◆micro USB版 パッケージを開けるとこんな感じ。内容物はケーブル本体の他に説明書だけとシンプル。 ケーブルの外観は以下の通り。 PCなどに挿して使うノーマルサイズのUSB端子。 スマートフォン側に挿すmicro USB端子。 実際に接続してみるとこんな感じ。
スマートフォン向けアプリのテスト自動化
前回までは、テストの作業に着目した分類でテスト自動化ツールを解説してきました。今回は視点を変えてテスト対象に着目します。取り上げるのはユーザーが急増しているスマートフォン（以下、スマホ）です。スマホ向けアプリケーション開発での実機を用いたGUIテストの自動化について、現状と問題点を示した後に、問題解決のためのツールを紹介します。 スマホ向けテストの現状と問題点 現在、スマホに代表されるモバイル市場が急速に成長を遂げており、今後もさらなる成長が予測されています。それに伴い、スマホ向けの新規システムの開発や従来システムのスマホ対応への要求が高まっています。 テストという観点で見た場合、スマホ向けアプリケーションが他と大きく異なるのは以下の二つの点です。 OSアップデートの多さ 対応機種の多さ そのため、アプリケーションはさまざまな環境で動作する必要があり、テストすべき環境のバリエーションも必然
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（1）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。第1回は、PCやケータイと比べて際立ったスマホの特徴2つや、スマホ向けサイト制作3手法の基礎知識と課題、iPhone／AndroidなどOS／機種依存でのハマリどころをサンプルを交えて3つ紹介 連載開始に当たって 初めまして。KSKの「フレックスファームビジネスユニット」でエバンジェリストをしている渡辺と申します。筆者の所属するフレックスファームでは、スマートフォン向けWebサイト構築支援ツールの開発・販売を行っています。国内で販売されて
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
サービス終了のお知らせ