iPhone（iOS）とAndroidのアプリ開発はどう違う？開発言語や開発環境の違いまとめ | フリーランスエンジニアの求人情報【AKKODiSフリーランス】
iPhone（iOS）アプリとAndroidアプリではOSが異なるため、開発言語も開発環境も異なります。アプリ開発の参考に、iOSとAndroidの違いをまとめました。iOSで開発する、Androidで開発する、どちらも開発する、いずれにしてもそれぞれの特徴を知っておいて損はないです。 まずiOSとAndroidでは開発言語が異なります。 iOSはObjective-CかSwift、AndroidはJavaを用います。 Swiftは2014年6月にAppleが発表した新しいプログラミング言語で、Objective-C、Objective-C++、C言語との共存が可能です。 SwiftはAppleが推奨していることもあり、これから普及していくと思われます。 iOS：Objective-C、Swift Android：Java iOSではMac OS Xに付属しているXcodeを開発環境として
iPhoneやAndroidで簡単デバッグ、改めてfont-familyについて考えてみる。メモ。 - まみやん技術メモ
Androidやタブレットで表示したときにWebページが最適化されるようレスポンスブデザインでコーディングしました。今回はAndroidアプリのLPだったので対象メインユーザーはAndroid端末の方なの。だからPCは除外で。 モバイル端末だけどPCと同じようにブラウザの開発者モードを開いてデバッグしたい・・・ と思って調べたらあった。iPhoneでのデバッグ方法はプログラマさんに教えてもらったから知ってたけどAndroidもできるのね♩使い方は簡単。主にはモバイル端末とPCをUSBケーブルで接続してアプリをインストールするだけ。便利だ！ ◆iPhoneでデバッグ 要チェック。iPhone/iPadで表示しているWebサイトに対して使えるWebインスペクタ·Mobile Safari Inspector MOONGIFT ◆Androidでデバッグ SDK不要Android端末のリモートデ
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？
スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが「ハンバーガー」。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
直帰率の改善にウフフ！スマホサイトのメニューをアプリっぽくしてみたら
WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 メニューをアプリっぽくフッターに固定してみたら、直帰率が10%ほど改善しました。昨日の今日の話なのであまりアテにはならぬ的な見方もできますが、これをポジティブに捉えた方がさらなる工夫への弾みになります。 それで、新たに前後の記事へ移動できるボタンを加えました。利用したjQueryのプラグインやアイコンフォントは前記事で紹介してるので、今回は知っ得な「WordPressの条件分岐」について、触りだけにはなりますが書いておこうと思います。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサ
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
Vis-a-Vis 本店 - スマートフォン・iPad・iPod・iPhone・アンドロイド・ゲーム・ミニノート関連ストア -
配送時間指定 配送日、配送時間の指定は、ご注文時に備考欄にご記入ください。ただし配送日、配送時間は諸事情によって遅れる場合がございます。あくまでも目安とお考えください。ポストインでのお届けの場合は配送日、配送時間の指定ができません。 ポストインについて お買上の商品が全てポストイン対応の時はポストインでの配送となります。 ポストインでの配送は「代金引換」はご利用になれません。お支払方法には「クレジットカード」または「銀行振込」をお選びください。 詳しくは「ポストインについて 」を参照ください。 当店からのお知らせ 在庫に関するご注意 当店の在庫表示は、定期的に更新を行っておりますが、他の店舗でも販売を行っている為、ごく希にご注文完了後、商品の確保を行う事が出来ない場合がございます。その場合は別途その旨のご連絡を差し上げます。また、在庫の確保はご注文お手続き完了のタイミングとなりますので、お
Skala Preview
Skala Preview is on hold for now If you’re still using Skala Preview, the latest versions of Skala View can be downloaded from the App Store and Google Play Store by viewing your purchase history and tapping the download button. The latest version of the Mac app can be downloaded here: Skala Preview 2.0.
[JS]スマートフォンのタッチイベントを取得する各スクリプトのまとめ（仕様比較）
タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定（2フィンガータップ、ロウテイト、ピンチアウト、ピンチ） 仕様 スタンドアローン ファイルサイズ Minified: 13KB Hammer.js イベント タップ、ダブルタップ、ホールド、ドラッグ、ピンチ 補足 タッチジェスチャだけにフォーカスしたスクリプト。 仕様 スタンドアローン jQueryのプラグインも有り ファイルサイズ Minified: 2KB [ad#ad-2] jGestures イベント
スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインに役立つツール
Little Big Details
UIってPhotoshopでどう作るの？チュートリアルで解説