あつ森 住民を探すのが大変?まだ写真をもらってない住民の写真をゲットできるまで終われませんがなかなか終われない?【ゆっくり実況】
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
jQuery Mobileってなに? jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。そのjQueryと同じ開発元からリリースされていることもあって、スマートフォン向けフレームワークとして注目のjQuery Mobile、文法はjQueryとまったく同じですのでためしにサンプルを作ってみました。 jQuery Mobileは、解像度の違いなど、デバイスの特性の違いも吸収してくれるというのが最大の強みになっていて、ほとんど全ての機種に対応しています。そのため制作者は悩み所だったデバイスの違いを気にすることなく、スマートフォンサイトを作成できてしまいます!iOSやAndroidなどのWebKitベースのスマートフォンだけで
筆者が子供の携帯利用実態に注目し始めて3年あまりになるが、たった3年の間でもトレンドが目まぐるしく移り変わってきた。中学、高校が3年制であることもあって、ちょうど世代が3年で完全に入れ替わるタイミングである。 6月29日にIMJモバイルが「女性のデジタル領域における行動・意識に関する調査」を公開した。15歳から49歳までの女性を対象に、年代別のトレンドが分かる。4月にはほぼ同じ趣旨で男性に対する調査も公開されているので、この2つの資料から10代の動向に注目して、分析してみたい。 この資料が示す10代は、15歳から19歳までの男女それぞれ224人。だいたい下は中学3年生から上は大学1年生ぐらいまで、ということになるだろう。保有しているデジタル機器を見ると、予想外にPCの所持率が約90%もある。ほかの年齢から比べれば、PCの所持率は低いのだが、かなりの所持率である。 従来型携帯電話の所持率はだ
Touch Gesture Reference Guide by Luke Wroblewski April 20, 2010 The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to us
サンプルを用意しました!フォークしてjQuery Mobileを体験してみよう! スマートフォンサイトをプレビューするには、エディタ画面の「Smart Phone Preview」ボタンをクリックしてください。 こんなことを試してみるとオススメ! aタグに data-transition 属性を付加するとトランジションのエフェクトを選ぶことができます。 Footer要素を画面下に固定することができます。data-position="fixed" フォーム周りの要素もjQuery Mobileで表示できます! そもそもjQuery Mobileってなんだっけ? jQuery Mobileはモバイルサイト構築のためのフレームワークです。 スマートフォンサイトやWebアプリを作成する際に利用します。 非常に手軽に利用でき、少し勉強するだけでそれなりのものが作れてしまうんですよ! ということで、j
通信キャリア各社がスマートフォンに注力し、モバイルビジネスの主戦場はスマートフォンへとシフトしている。スマートフォン向けアプリビジネスでは、「マーケットで容易にアプリを配信できる」「世界を相手にビジネスができる」といった魅力が語られてきた一方、「マーケットでアプリが埋もれる」「有料コンテンツが売れない」など、ビジネスの難しさも長らく指摘されてきた。 「ひとつ確実に言えるのが、App Storeはほとんど死んだということ」――。6月10日に開催された「Interop Tokyo 2011」で、ユビキタスエンターテインメント(UEI)の清水亮代表取締役社長と、クウジットの開発部 シニアアーキテクト、三屋光史朗氏らが「スマートフォンアプリ時代のビジネス戦略」と題した講演を行った。清水氏はアプリマーケットが置かれた厳しい状況を指摘し、その中で「小さい会社ながら億単位で稼いでいる」という同社流のビジ
なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さそうです。 [note]因みに当サイトでもjQuery Mobileのサンプルを配布していますので宜しければどうぞ。[/note] jQueryMobileを使ったHTMLファイルをダウンロード出来るのですが、諸事情でモックアップとして使うしか無さそうですが、ユーザー登録も不要で手軽に使えるので。 以下に使い方を少しご紹介。 Pageを作成 Try Nowをクリックしてスタート。まずはPageをク
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
おすすめのビジネスアプリを厳選 今回はiPadで使えるおすすめのビジネスアプリを10個に厳選しました。プレゼンや商談はもちろん、普段の資料制作や管理にも活用できるアプリがあります。この機会にどんどんアプリをインストールして仕事を効率化しましょう。 1.『Google カレンダー』 時間管理はコレでお任せ! Google カレンダーは便利な機能が沢山ついたカレンダーアプリ。GmailやGoogleドライブといった様々なGoogleサービスと連携できる汎用性の高いカレンダーアプリです。 チームのカレンダーを共有することもでき、参加者の予定からミーティングを行う際に最適な日時と場所を提案してくれる機能を搭載。忙しいビジネスマンの仕事を効率化してくれるツールとしておすすめです。
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
@JUNP_Nです。先日出先にてMacで作業をする時があったのですが、いつも行く場所ならまだしも普段行かない場所ではなかなか電源や無線LANを確保できない時ってありませんか?ということで普段行かない場所で電源を確保できる場所を調べるサイトをまとめてみました。
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、本特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強:スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は本格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が
初心者でも2週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、2週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは? Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く