jQueryMobileを使って 簡単にRuby on RailsサイトをクールなiPhone対応サイトにしてみた - yuumi3のお仕事日記
jQuery Mobile | jQuery Mobile を使って Ruby on Rails で作ったWebサイトを iPhoneなどのスマフォに対応したサイトに変更してみました。以下の画像は Ruby on Railsの Scaffold で作ったサイトをjQueryMobile対応した後の画面です。 クールなスマフォサイトになっています！ 1. まずは普通にscaffold でアプリを作る Railsはjavascript周りが大幅に強化された3.1を使っています。 % rails new jq_mobile % cd jq_mobile % rails g scaffold todo due:date task:string % rake db:migration % rails s 2. PC と iPhone でview(layout)を切り替える jQueryMobile用
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
ガラケー機能は須くクラウドを目指せ | [ bROOM.LOG ! ]
ニコニコPodder iPhone/iPod/iPad対応ニコニコ動画簡単インポートツール aggregateGithubCommits GitHubレポジトリでのコミット数をAuthor/期間別に集計します probeCOCOATek 新型コロナ接触確認アプリCOCOAが配布するTEKを表示・集計 IS01がAndroid1.6からバージョンアップされないことになってちょっとしたお祭りになった。 そもそも0円端末/8円運用が注目されていた矢先の発表で余計に注目を集めることになったことだろう。 しかし0円で買った人はともかく、発売直後にそれなりの価格で買った人も大勢いたはずで、2.1への移行に期待していたとしたらそちらの方がよほどショックなことだっただろう。 OSバージョンアップが出来ない、という残念な決定は別に国内メーカーに限らず、HTCでもMotorolaでも実は海外勢でもあることだ。
モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ
こんにちは。ケータイlivedoorを担当してます多留です。 今回は、私がモバイルサイト作りでいつも意識して取り組んでいる "配色の仕方"、"メリハリの重要性" についてお話させていただきます。 モバイルサイトと配色 モバイルサイトは、PCのようにガンガン画像を使うとか、JavaScriptを使って動きをつけるとか、まだまだできないこと、制限のあるところが多々あり、線や細かい背景色・文字色・絵文字の使い分けなどでページを構成する必要があります。 配色や見せ方に関してはセンスが問われるところで、特にモバイルサイトのように凝縮されたスペースでの表現は難しく、苦手な人はホントに「いつまでたっても苦手」という方も多いと思います。 私個人としては、PCよりもモバイルサイトで全てを済ませようとしていて (つまりは携帯依存症……) いろんなジャンルのモバイルサイトデザインを見ているおかげで、配色や見せ方
iPadでも利用可能、NTTドコモが「モバイルWi-Fiルータ」を発売へ - GIGAZINE
本日開催されたNTTドコモの2010年夏モデル発表会で、NTTドコモが「モバイルWi-Fiルータ」を発表しました。 無線LANに対応した音楽プレーヤーやパソコン、デジタルカメラ、ポータブルゲーム機など、あらゆる機器をNTTドコモの回線で利用できるようになるほか、タブレット端末にも対応しているとのこと。 つまり5月28日に発売されるAppleのiPadのWi-Fiモデルと「モバイルWi-Fiルータ」を購入すれば、NTTドコモの回線でiPadを利用できるようになる……ということのようです。 詳細は以下から。 配付された資料によると、バッファローとNTTBPが共同開発したNTTドコモの3G回線を利用できる「モバイルWi-Fiルータ」が6月下旬から発売されるそうです。 「モバイルWi-Fiルータ」はNTTドコモの3G回線以外にも公衆無線LANや光回線を利用できるモデルとなっており、同時に6台の無線
しゃおの雑記帳 - 携帯サイト開発者のためのセキュリティ再入門
通勤電車で周囲を見渡せば大抵数台のスマートフォンを見つけられるようなご時世ですが、現実は日本の伝統的な携帯電話が多数派です。今もそんなガラケー向けWebサイトの開発案件は衰えることありません。 そんなガラケーサイトの開発者の間で話題になっている「セキュリティ対策」について、ガラケー界の現状をふまえた上でまとめてみます。 携帯電話のIPからのアクセスであることを前提としたセキュリティ対策はすでに無駄 ソフトバンク3Gのプロクシ情報は検索すればすぐに出てきます イー・モバイルのEMnetに至っては公開情報です サイトのソースもFlashのswfも画像もPCから丸見えだと思うべきです 危険な「かんたんログイン」 かんたんログインで使う契約者IDはあなたのサイトにも他のサイトにも同じものが送出されてます 悪意をもった人が他人の契約者IDをヘッダに乗せてかんたんログインのアクションを呼び出したらどう
ガラケーとiPhoneと「最近の若者」論 - mizchi log
「最近の若者」論、まあ僕もまだ21なので、「最近の若者」の範疇ではあるのだろうが。 ケータイと共に育ってきた女子大生がiPhoneに思うこと - はみだし mizchi 語弊を恐れず言うと、ユーザーにテクノロジの可能性を提示しないケータイ文化はまとめてカスだと思ってる このブコメに結構スターがつけられていて、殺伐としたコメントを残したままいい逃げるのも気持ち悪いので、きっちりここで意見を述べておく。 僕は大学の新三年、この筆者と同世代だ。 ... そういえば、最近ホッテントリになってたみたいだけど、これ僕が所属している大学のサークルで、友人(Twitter @healthyboy4)が書いた記事です 大学生のiPhoneユーザが少ない４つのワケ【大学生×iPhone第１弾】 | MAG! 学生を応援するフリーマガジン 僕もたまに記事をかきます。 Light or Heavy 昔思い描いた未
はてながスマートフォン向けアプリ開発で目指すもの。開発リーダー、id:secondlifeが語るアプリ開発の"今"と"これから" - はてな広報ブログ
昨年末の「はてなブックマーク for iPhone」リリースを皮切りに、「iPhoneアプリページ」や、Android端末向けアプリ「はてなフォトライフ for Android」 の公開など、iPhoneやAndroid端末向けのサービス開発が進んでいるはてな。 世界的に盛り上がるiPhoneやAndroid端末に対するはてなの取り組みについて、スマートフォン向けアプリ開発リーダーのid:secondlifeに聞きました。 iPhoneユーザーに最適なインターフェースと有益なコンテンツを提供したい iPhoneの特性に着眼して開発した「はてなブックマーク for iPhone」 昨年12月に出した「はてなブックマーク for iPhone」は、増え続けるiPhoneユーザーに対して最適な Web インターフェースを提供したいと思い、開発しました。iPhoneの画面サイズで見たときに最も適し
1994年に似ている、iPhoneとAndroidの今
「そんなこと3万人くらい気づいてますよ」。 筆者が立てたある仮説を同僚に話してみたところ、不機嫌そうに言われたのが上のせりふだった。ある仮説とは、iPhoneとAndroidを取り巻く2010年現在の状況が、1994年に似ているということ。米Appleの携帯電話iPhoneは、日本国内での販売台数が300万台を超えたと言われている。それを追撃するのが、Googleの携帯端末向けOSであるAndroid。2010年中には、いくつかの国内メーカーからAndroidを搭載した端末が出荷されそうだ。この状況が、1994年ごろのApple Macintoshと、MicrosoftがWindowsの普及を進める状況に似ていると感じて、同僚に話してみたのである。 話を聞いた同僚は不機嫌そうに「なにを今さら…」と言っている。引き留めつつ筆者は聞いた。「それは全世界で3万人？それとも日本で？」。彼は答える。
iモード専用サイトのhtmlソースの閲覧方法 « mpw.jp管理人のBlog
iモードブラウザ2.0のJavaScriptを調査･研究する過程で、iモード専用サイトのhtmlソースを閲覧する方法を発見しました。 今回発見した方法を用いれば、「ドコモ・ゲートウェイ以外からのアクセスを禁止している」、「サーチエンジンのクロールを禁止している」、「XSS脆弱性が存在しない」の三つの条件を満たしているiモード専用サイトでも、htmlソースを閲覧することができます。 しかし、htmlソースを閲覧するためには、そのiモード専用サイトが別の二つの条件を満たしている必要があります。 htmlソースが閲覧可能なiモード専用サイトの条件 デフォルトホストで運用されている。（ヴァーチャルホストではない） iモードブラウザ2.0のJavaScriptからのアクセスを禁止していない。 iモード専用サイトのhtmlソースの閲覧方法 iモードブラウザ2.0のJavaScriptで、htmlソース
AppleやGoogleが言いたがらない、スマートフォンの10の欠点
AppleがApp Storeの登録アプリが10万種を超えたと発表したとき、このニュースをすごいと思ったユーザーがいたのは間違いない。これはつまり、わたしたちが欲しいと思うようなアプリが数万種類もあるということに違いない。――そんなふうに信じ込んではいけない。 携帯電話ビジネスの問題は、コンシューマー市場でも法人市場でも、顧客が特定の特徴にばかり注目してしまい、ほかのものを無視してしまうことが多過ぎる点にある。これはApple、Google、Research In Motionなど、この分野の大手企業にとって都合がいい。そのおかげで、これらの企業は多くの端末を販売している。 だが、これら企業（そしてほかの企業）が売っている携帯電話の中には、注目されるべきなのに見落とされている欠点を抱えているものもある。彼らが優れた製品を開発しており、進歩しているのは確かだが、彼らの端末にはいろいろな意味で
孫社長「Wi-Fiが答えだ」 山田社長「Wi-Fiより3G」 ソフトバンクモバイルとドコモが新サービス
ソフトバンクモバイルは午前9時半から発表会を開き、計22機種を発表。Android端末の来春発売計画というサプライズがあったものの（ソフトバンク、Android携帯を来春発売）、目玉はケータイWi-Fi。「経営としてWi-Fiに取り組むエポックメイキングな日だ」「キーワードはWi-Fi」と孫社長はたびたびWi-Fiに言及した。 ケータイWi-Fiは、自宅の無線LANルータや公衆無線LANスポットを活用して最大54Mbpsのパケット通信が行えるサービス。公式サイトや大容量データ（最大100Mバイト）のダウンロード、PCサイトブラウザでのサイト閲覧が快適に行えるとしている。無線LANスポット「ソフトバンクWi-Fiスポット」も無料で利用でき、当面はソフトバンクテレコムの「BBモバイルポイント」エリア約4000カ所と共通だが、今後数万カ所に拡大していく計画だ。 利用には11月下旬から順次発売する
movatwitter(モバツイ)の新デザインをやらせていただきました
Twitterをケータイから利用するときのモバイルWebクライアント「movatwitter(モバツイッター)」が、本日10/13(Tue)からプレビュー版となる新デザインを公開しましたが、その新デザインをワークユニットM-glamとして担当させていただきました。 新デザインはモバツイにアクセスし、中段にあるバナーをクリックすることで利用できるようになります。新デザインから従来デザインに戻す場合は、ページの一番下にある「デザインを戻す」リンクからになります。 さて、お話をいただいたものの、利用しているユーザー数、知名度などの規模感から言って、えふしんさんからお声掛けいただいたときはさすがにちと不安だったんですよ。いやホントに。 作業的には、えふしんさんからのデザイン要件を基礎にして全体のレイアウトやUI、パーツの作成、プログラム実装前のコーディングといったところを諸々やらせていただいた次第
ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sorry, the website has been stopped
光ポータブルでパケ死22万
大坪 和久 on Twitter: "ドコモ店員の回答。「iPhoneにドコモのsimさして使うことは，推奨しているわけではありませんが問題はありません。使ってください。違法性も全くありません」とのこと。"
TechCrunch | Startup and Technology News
Engadget | Technology News & Reviews
http://japan.internet.com/linuxtutorial/20091211/1.html?rss