Androidエミュレーター「DuOS」にGoogle PlayストアをはじめとしたGoogleアプリを追加する方法 | juggly.cn
Windows 上で Android を動かせるエミュレータソフト「DuOS」に Google Play ストアを始めとした Google アプリを追加する方法を紹介します。 この記事で紹介する方法はカスタム ROM で定番の Google アプリ群（通称：GApps）をリカバリモードから導入するというものです。DuOS には標準機能として Widows からリカバリモードを介して ZIP ファイルをインストールする操作を搭載しており、専門知識など無く作業を完了できます。 まずは、gpo.im から GApps をダウンロードします。DuOS の OS は Android 4.2.2 なので、現行最新の「gapps-jb-20130813-signed.zip」を選択すればよいでしょう。 次に DuOS を起動させ、GApps をダウンロードした Windows 上のフォルダに移動し、ZI
1月に見つけたWEBサービス/アプリ/ツール作ってみた系の記事まとめ - undefined
2015年1月に見つけたものをまとめておきます。 Webサービス作ったので作業の流れを紹介してみる Webサービス作ったので作業の流れを紹介してみる - 今日学んだこと つくったもの ScheduleTweet どんなもの? TL上に日付っぽいツイートが流れたらお知らせするサービス 使用技術 サーバ heroku 言語 Python フレームワーク Django その他 ほぼまっさらのmacからサービス公開までの足取りを丁寧に紹介されています。DjangoでのOAuth認証も実装しています。こういうのを読むとwordpress使ってる場合じゃねえって思うようになります。 DjangoでWebサービスつくってみた DjangoでWebサービスつくってみた - Programming Log つくったもの いつかリスト - 人生の目標を管理・共有サービス どんなもの? あなたの今後の人生の目標
[本]スマートフォン対応サイトの企画・制作はこの一冊から始める -iPhone+Android スマートフォンサイト制作入門
スマートフォン対応サイトって具体的にどういうの？ という人から、既存のサイトをスマートフォン対応サイトにしたい！ 制作環境はどうすればいいの？ という人にぴったりの一冊を紹介します。 jQuery Mobileを使ったUI作成など、実践的な制作方法ももちろんカバーされてますよ。 [ad#ad-2] 本書はオールカラーで、コードもシンタックスハイライトで色分けされて、とても見やすいです。 内容的には数多くの実例をまじえ、iPhone, Android スマートフォンの仕様や特徴、制作環境の準備、スマートフォン特有のコンテンツの設計、デザインの注意点、HTML5/CSS3での実装、jQuery MobileによるUI設計などが分かりやすく解説されており、マークアップやデザイナーの制作スタッフだけでなく、ディレクター、プロデューサーなどにも役立つ内容となっています。 目次を紹介すると、下記のよう
アプリUI/UXデザイナー必見！「ハンバーガーボタン」ナビゲーションを使うとユーザーエンゲージメントが半減することが発覚 | ゴリミー
あなたが作っているナビゲーションボタンは今流行りの「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」を採用しているだろうか。それとも一覧で表示している「タブボタン」を採用しているだろうか。 クリーンでシンプル、メインコンテンツの表示領域が最も広く確保できるなどいいこと尽くしの「ハンバーガーボタン」ナビゲーション。一方で、常にボタンが表示されメインコンテンツの表示領域が必然的に狭くなってしまう「タブボタン」ナビゲーション。見た目のデザインとしては当然「ハンバーガーボタン」の方が良い。では実際にユーザーとしても同様の見解なのだろうか。 クリーンでシンプルだが、ユーザーは操作方法を覚えられない 「ハンバーガーボタン」もしくは「ナビゲーションドロワー」と呼ばれるナビゲーションUIは数多くのアプリに見られる。Googleもアプリデベロッパー向けにオススメのデザインパターンとして推奨している
The Typekit Blog | Source Han Sansの紹介：オープンソースのPan-CJK書体
アドビは、Googleとのパートナーシップにもとづいて、Source Han Sansのリリースを発表しました。この書体は、新しいオープンソースのPan-CJK書体ファミリーであり、Typekitからフォントを入手してデスクトップで使用できます。Typekitアカウントをお持ちでない場合でも、セットアップは簡単におこなえ、無料ですぐにSource Han Sansフォントを使い始めることができます。オリジナルのソースファイルを使用したい方は、GitHubのダウンロードページから入手できます。 Source Han Sansは、7つのウエイトが利用可能で、日本語と韓国語で用いる文字および中国語で用いる繁体字と簡体字のグリフのバリエーションすべてに完全に対応する 書体ファミリーです。さらに、評価の高いSource Sansファミリーのラテン文字、ギリシャ文字、キリル文字も含まれます。ファミリー
ただの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は基本的には最新のバージョン
スマホ向けサイト制作の実装＆使えるTips10選
スマホ向けサイト制作の実装＆使えるTips10選：jQuery Mobileでスマホ向け企業サイト構築（3）（1/4 ページ） まだjQuery Mobileを触ったことのないWeb制作者向けに、基本的な利用方法を学びながら、jQuery Mobileを使った簡単な企業サイトの構築の仕方を解説していきます。今回は、画面遷移の制御、アイコン表示、ナビゲーションバー、検索フィルタ、基本的なHTMLスタイル、固定ポジションモードなどを紹介します jQuery Mobileでスマホ向けサイト制作は、こんなに簡単にできる 前回の第2回「触りながら覚えるスマホ向け企業サイト設計の基礎知識」では、サイトの基本構造についての説明と、トップページのコーディングに合わせてヘッダ、フッタなどのツールバー、リストビューコンポーネントを紹介しました。 新年1発目となる本連載の第3回はお知らせページの作成を進めつつ、
今日から使える！ Sass/compass ゆるめ勉強会
Sass/Compass ってよく聞くけど、なんか難しそう…って思っている主にデザイナー/HTMLコーダーさん向けの勉強会で利用したスライドです。勉強会にはハンズオンが組み込まれていたので、この資料には中途半端な部分がありますがご容赦ください。 (*'-'*) 内容的には、基礎的な事柄を、活用のための考え方を添えて解説しています。何かの参考になれば幸いです。Read less
iOS6, Android5のスマフォやタブレットに早くも対応したUI用のフレームワーク -ChocolateChip-UI ver2.0
iPad, iPhoneのiOS6, iOS5、AndroidのJelly Bean, Ice Cream Sandwichなど、最新のスマートフォンやタブレットデバイスに対応したUI用のフレームワークを紹介します。 ChocolateChip-UI ver2.0 ChocolateChip-UI -GitHub ChocolateChip-UIはWAMLと呼ばれるマークアップ言語を使い、簡単にさまざまなUIエレメントを実装できます。 制作時は、Webkit系ブラウザ（Chrome, Safari）などのデスクトップ環境でもテストできます。 下記に、ChocolateChip-UIのデフォルトで用意されているUIエレメントをいくつか紹介します。 もちろん、デザインはカスタマイズできます。
開発者向けAPI提供サイト「docomo Developer support」を開設 | お知らせ | NTTドコモ
お客様の設定により、お客様情報が「非表示」となっております。お客様情報を表示するにはdアカウントでログインしてください。 お客様情報表示についてへ お客様情報表示についてへ 本サービスは、2021年3月31日（水曜）17時00分をもちまして提供を終了いたしました。 株式会社NTTドコモ（以下、ドコモ）は、スマートフォン向けサービス開発者が、ドコモの保有するAPI1 をより便利に利用できるAPI提供サイト「docomo Developer support」を、2013年11月11日（月曜）より開設いたします。 本サイトでは、ドコモのスマートフォン向け音声エージェントサービス「しゃべってコンシェル®」で利用されている「音声認識」「知識Q&A」のAPIに加えて、新たに開発した「雑談対話」のAPIを初めて提供いたします。「雑談対話」のAPIを利用することにより、自然でバリエーション豊かな雑談応答を
[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ
fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。
ストレスのないスマホサイトを作る８つのポイント！
お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが
デバイスを判定し、CSS/JavaScriptで簡単に利用できるようにするスクリプト -Device.js | コリス
ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デスクトップなどのデバイスを判定し、簡単に条件付きのCSSやJavaScriptを利用できるにするスクリプトを紹介します。 Device.js -GitHub Device.jsの使い方 Device.jsのデモ Device.jsの使い方 Device.jsの実装は、簡単です。 外部ファイルとして、当スクリプトを記述するだけです。 <script src="device.js"></script> スクリプトを設置すると、表示デバイスに基づいて<html>に適切なclassを付与します。 iPhoneでアクセスすると、こんな感じに。 <html class="ios ipho
スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Material Designが解決するAndroidのデザイン的課題 (1/2)
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About![Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b244d91faded6224bc0528f1f19e0d84f513ef21/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F1%2F2%2F2%2F5%2Ftopimg_large.jpg)
apple-touch-iconやbrowserconfig.xmlなどWebサイトのスマホ用アイコン指定の最新情報を調べてみた | 初代編集長ブログ―安田英久
スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法
