これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
JS Console for iOS
Love JavaScript? Can't get enough of it? Ever sit on the plane and wish you could just test a bit of code? JS Console of the iOS gives you just that. A JavaScript console to test and inspect the results of your JavaScript without the need to be online or in a browser. Run any JavaScript straight in the console Test mobile JavaScript features like geolocation Load any URL's DOM tree Load external
weinre - Home
Home - Test Drive - Installing - Running - Multi-User - Security - Building - ChangeLog - License ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ weinre is Web Inspector Remote. Pronounced like the word "winery". Or maybe like the word "weiner". Who knows, really. It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, a
mixi Engineers' Blog » スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い
こんにちは、寝過ごして長野まで行きそうになったソーシャルクライアント開発のtakimoこと瀧本です。 先週弊社数名がアメリカで行われていたVelocity 2011 - O'Reilly Conferencesに参加しました。 そこではモバイル端末のテストやパフォーマンスについての講演やLTがあったようです。 自分もお土産話を色々聞きたいので詳しくは誰かが書いてくれるはず...です。 その中で気になったプロダクトがあったので紹介したいと思います。 weinre - Web Inspector Remote weinreはFirebug(Firefox)やWebKitのWebInspectorのようなデバッグ機能をリモートで提供してくれるプロダクトです。 iPhoneやAndroid(2.1以上)には一応コンソール機能のようなものがありますが 基本的には出力だけ ソフトキーボードでデバッグ用
凝縮黒ウコンDEXに増大効果なし？口コミに隠れた嘘を一刀両断！
「昔から自分のナニのサイズが小さいのがコンプレックスになっています」 コンプレックスになったきっかけは中学の時の修学旅行です。 それまで特に気にならなかったのですが、お風呂の時間に友人のを見て、自分が小さい方なことに気が付きました。 それからは恥ずかしく思うように。 それから10年近く経ちましたが、特にサイズは変わっていないです。 大人になってふと思ったんです。 コンプレックスを解消する方法って無いのかなと。 そして調べてみたら、最近は色々な方法があることを知りました。 特に気になったのは【凝縮黒ウコンDEX】という増大サプリメントです。 全体的に評価も高くて、レビューを読んでいてもかなり期待できるなと思いました。 ですが初めてのことなので、自分に効果があるのかという不安もあります。 なので凝縮黒ウコンDEXについて詳しく調べてみたいなと。 調べ尽くして、使いたいという気持ちが強ければ注文
fladdict » iPhoneアプリ審査での111の禁止項目（意訳）
ついに明らかになった、iPhoneアプリのリジェクト基準条項。 Engadetが公開したPDFをベースに、リアルタイムに更新中。 とりあえずリアルタイムに翻訳を作成中。 おもいっきり意訳なので、間違いの指摘や突っ込みはコメント欄かTwitterでお願いします。 ＜このリストは、2010年9月10日現在のものです。また意訳なので、気になる条文は原典をチェックすること。＞ 2. 機能 2.1: クラッシュするアプリはリジェクト。 2.2: バグのあるアプリはリジェクト。 2.3: 開発者の申請したものと違うアプリはリジェクト。 2.4: アプリの紹介文にない隠し機能を持つアプリはリジェクト。 2.5: 非公開のAPIを用いたアプリはリジェクト。 2.6: サンドボックス外のデータを読み書きするアプリはリジェクト 2.7: 実行コードを外部からダウンロードするアプリはリジェクト 2.8: 他の実
JavaScriptでiPhoneアプリを楽々作成
iPhoneアプリを作るためには以下のようなプログラミングの知識が必要だと思われています。 Objective-Cの知識 (Cの知識 + オブジェクト指向プログラミングの知識) iPhoneのライブラリの知識 これらをマスターするのはかなり大変ですが、 「PhoneGap」というシステムを利用すると、 JavaScriptだけを使って簡単にアプリを作成することができます。 iPhoneのSafariから JavaScriptが動くWebページにアクセスするとiPhone上でJavaScriptプログラムを動かすことができます。 このような「Webアプリケーション」はSafariの上でしか動作しませんし、 ネットに接続されていない状態では利用できません。 しかしPhoneGapを利用すると、 JavaScriptプログラムとSafariをまとめてひとつのアプリケーションを生成することができる
Flashのことを笑っている場合じゃない « ku
Web開発の現状を25のトゥウィートで斬るとこうなる–iPhoneを見捨てたFacebookデベロッパの告白のはなし。 Apple vs Adobeで大揉めしてみんなに楽しい娯楽を提供してくれているけれど、我々ウェブ開発者(というのは大雑把すぎるくくりだけれど)にとってはFlashなんてはなから選択肢に入っていないのだから単なるゴシップでしかない。 でもJoe Hewittの話はひとごとではない。 彼は10年前の2001年にcanvasを実装し[canvas]、Firebugを作り[firebug]、facebookのiPhone向けWeb版を作り、facebookのiPhoneアプリを作りセットでいろんなiPhoneアプリで使われてるthree20を作り、Appleの身勝手にうんざりしてiPhoneアプリはもうやらないと宣言してた。 彼のいまのウェブに対する見方はこのふたつのtweet
PosterousのCEO「Webはクソ。ブラウザはマジなんとかしろ」 - 昼メシ物語
俺も使ってるお手軽日記サービスのPosterous。そのCEO、Sachin Agarwalが書いていた記事がなんとなく面白かったので和訳しました。 元の記事： The web sucks. Browsers need to innovate - Sachin's Space 部分的にかなり意訳したり強調したりしてます。以下本文。 Webはクソ。ブラウザはマジなんとかしろ Webはダメダメなプラットフォームだけど、一方iPadは今後もどんどんすげーアプリがどんどん出てくるのは明らかだろう。 Web業界が長年かけて築いてきたWebサイト達よりもいいものを、どうしてiPadは最初のリリースにも関わらず出せてしまうんだろう？ 「Webの終わり」を宣言するために、私はこの記事を先週から書き始めた。「Webは死んだ」とまでは言わない。でももう薄氷を踏んでる状態だ。 Webは静的なコンテンツを扱うには
ここギコ！: GPS高度、ジオイド高、標高の関係
GPSでの高度の扱いについて知るために、ちょっとGPSトラッキングを行って実験をしてみました。 より大きな地図で ジオイド調査 を表示 ▲ iPhoneのGPSトラッカーで取得したトラッキングデータ。 ▲ 赤は行きの林試の森付近データ、青は帰りのかむろ坂付近データ。 この区間を歩いた際の、GPSの高度データも当然残っているので、それをグラフ化してみました。 同時に、こちらのサイトから取得できる、トラッキングされた経緯度での標高のデータを取得し、一緒にグラフ化してみました。 ▲ 上が林試の森付近のGPS高度/標高プロファイル、下がかむろ坂付近のそれ。 ▲ 両者間に30mくらいの差がコンスタントに存在。 すると、GPS高度と標高のデータの間に、30mくらいの差があるのが判ります。 これは何なのでしょう？ GPSの取得誤差？標高のデータ取得元に、『算出される標高には最大で50m程度
「ブラタモリ」をiPhone片手に追体験 位置に合わせて映像配信
博報堂DYメディアパートナーズは1月26日、タモリさんが出演するNHKの人気番組「ブラタモリ」と連動するiPhoneアプリ「ブラアプリ」を無料で公開した。ユーザーの位置情報に合わせ、NHKが提供した番組の動画などをストリーミング配信。古地図を片手に街を散策する番組の楽しさを追体験できるという。公開期間は3月末まで。 東京・秋葉原や上野、銀座など、過去に番組内で放送したものを含む映像素材に位置情報を付加しておき、ユーザーの現在位置と連動してストリーミング配信する。ユーザーの実体験に配信映像を重ねるAR（拡張現実）的な試みだ。 iPhone 3GSではナビゲーション機能も利用できる。GPSと地磁気センサーを利用し、現在地から動画の撮影場所までの方向や距離、進行状況を表示する。 位置情報の付加には、同社が開発した動画変換・配信サービス「Rocket Box」を利用。位置に応じたコンテンツ配信は、
セカイカメラ放浪記：秋葉原の旅。お前ら・・・人生楽しみすぎ・・・。そしてセカイカメラ最高。1381 | AppBank
分かっていた・・・セカイカメラが面白いのは分かっていた・・・。しかし、秋葉原の住民たち・・・お前ら・・・人生楽しみすぎだぜ・・・！ というわけで、秋葉原に旅をしてきたToshismです。感想は「参りました」の一言。セカイカメラすごい。ほんとにほんとに楽しかったです。それに、ただ単に楽しかっただけではなくって、発見もたくさんたくさんありました。 個人的には、結構な発見があったのですが、まぁ、それは記事の最後に書いておきます。興味がある人だけ読んでくださいな。（相当力を入れて書いたので、ぜひ読んで欲しいですけど） というわけで、放浪記に入っていきましょー。 総武線により秋葉原に降り立った。さて、駅を降りて、電気街口を出て、セカイカメラでも起動するか。 ん？姉ヶ崎？地名かなんかか？しかし・・・姉ヶ崎ばっかり異様だな。嫌な予感がするぜ。。。 何かと思ったらお前かｗｗｗｗｗｗｗｗラブプラスｗｗｗｗキ
東京の地下鉄 : iPhoneのAR(拡張現実)アプリを使ってみたぞ！レポート。 | AppBank
※このアプリはコンパスを使用するためか、iPhone 3GSのみの対応です。 それでは行きましょう。測位タブの中にある「拡張現実」をタップ。 地下鉄の走っている圏内であれば機能するはず。 出た出た。駅名だな。新橋をタップ。 おそらく、新橋駅を指し示す形で矢印が表示されております。 東京駅でもこの通り！ なんだか面白いすね。 用事があり、この通りに駅に着くかの検証は未遂。しかしGoogle MapのデータとiPhone 3GSの現在位置情報とコンパスを使っているのであれば大丈夫なはず。 環境設定に移ります。 測位の範囲をもう少し広くすると、表示される看板も多くなりそう。 ここにあるAmerican Style Restaurantsをタップ。 アメリカンなマクドやKFCレストランのデータを購入するようですね。115円か。まぁいいや。 こっちのJapanese Styleは吉野家か。他にもコン
GPSで変わる自転車ライフ iPhone編（後編） (1/5)
iPhoneとiTrailと自転車 油断してる間に寒くなりましたなあ。自転車に乗るのに手袋（グローブ）は必須。そうでなくても、手の怪我防止（もし転んだとき、最初に手をどこかにつくので、グローブの有無はとっても大事）にもなるので、ぜひつけるべし。自転車用グローブがオススメだ。わたしも転んだとき、グローブのおかげで手のひらをアスファルトで擦り剥かずに済んだことあります。 あ、グローブしてるとiPhoneの操作ができないじゃん！ 温かい季節は指先が出てるグローブをしてるから気にならなかったのにっ！ というわけで、操作するたびにいちいちグローブを外している荻窪 圭であります。 iPhoneを自転車に取り付ける～独リヒター社編～ 先日、iPod/iPhoneのニュースサイトであり、さまざまなiPod/iPhone用ガジェットを紹介してる「iPod Style」から「おにいさん、おにいさん、iPhon
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ebiflyっていうiPhoneのWebデバッガを作ったよ - yaakaito's diary
国土地理院地図販売店一覧―東京都 ｜ 日本地図センター
サービス終了のお知らせ
長文日記