1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
FireMobileSimulatorのON/OFFを切り替えるVimperatorプラグイン作ってみた - 愛と勇気と缶ビール
あついですねえ。 最近、FireMobileSimulatorを使ってモバイルサイトをいじいじする必要が出てきた。FireMobileSimulatorは、モバイル端末(iPhone含む)のエミュレーションを行うFirefoxアドオン。 このアドオンとても便利なのだが、やはりFirefoxのメニューバーからいちいち端末を選んだり端末選択を解除したりするのが面倒くさい。というか、set go= で生活しているのでそもそもメニューバーをそのためだけに出したくない。 なので、FireMobileSimulatorの端末選択/端末選択解除を行うコマンドをVimperatorに追加するpluginを書いてみた。自分でpluginを書いてみるのは初めて & js音痴なので、ツッコミ歓迎です。 使い方としては、 :fms hogehoge でFireMobileSimulatorに登録された各端末を選択
【ノマドワーク】タリーズコーヒーさんに都内モバイルコンセント設置店全27店舗を教えてもらった | Busidea
【ノマドワーク】タリーズコーヒーさんに都内モバイルコンセント設置店全27店舗を教えてもらった 2010年6月9日 2021年8月24日 2020年以前の記事 ※※※新宿マルイカレン店は電源貸し出し不可になってしまったそうです。無念・・・※※※ ※※※→と思ったら、新宿マルイカレン店使用OKに戻っていた模様。コメント情報多謝！！※※※ ダメもとで聞いてみるもんだね！ 私は元々、タリーズのロイヤルミルクティがチェーン店のお茶屋さんの中でいっとう好きで、たまの自分へのご褒美はロイヤルミルクティスワークルのエノルメサイズ(540円)です。 昔は足繁く通っていたのですが、最近はすっかりご無沙汰しておりました。 なぜかというと、モバイル機器を使うために、電源があるルノアール系列やモス、マック、ロッテリアなどに流れてしまうから・・・。 でも、やっぱりロイヤルミルクティの味は恋しい。ああ、コンセントが、コ
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
(電源が使える喫茶店)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ドコモ、「メール使いホーダイ」発表――月額780円でiモードメールが無料に - ITmedia +D モバイル
NTTドコモは10月27日、新料金サービス「メール使いホーダイ」を2009年12月1日に提供開始すると発表した。予約受付は11月28日から。 メール使いホーダイは、メールの送受信相手や添付ファイルの有無にかかわらず、国内のiモードメールを無料で利用できるサービス。ドコモケータイはもちろん、他社ケータイやPCとのメールも無料になる。新設の専用料金プランの基本料金と、iモード付加機能使用料315円を毎月支払うことで利用できる。基本料金はバリューコース用の「タイプシンプル バリュー」が月額1557円、ベーシックコース用の「タイプシンプル」が3237円で、「ファミ割MAX50」や「ひとりでも割50」を契約した場合、タイプシンプル バリューは月額780円、タイプシンプルは月額1620円になる。なお、無料通信分はつかない。 同サービスにはパケット定額サービス「パケ・ホーダイ シンプル」「Biz・ホーダ
【レポート】バッテリー活動限界には"喫茶室ルノアール" - チェーン店の電源お貸し出し状況 | ネット | マイコミジャーナル
我が身とPCを充電できるチェーン店は、どこ? ノートPCに通信カード、携帯電話やスマートフォンなど、ビジネスパーソンが使いこなすべき機器は多い。省電力化やバッテリーの高性能化が進んでいるとはいえ、活用度が高いほど電源切れのリスクは高い。だが、出先で電源を使える場所は意外と少ないのが現状だ。そこで、街中でよく見かけるファーストフードやファミレス、カフェのチェーン店に、来店者用の電源提供について聞いてみた。 あなたはカバンに何種類の電子機器を忍ばせている? バッテリー切れでピンチ……に陥らないためにも、「電源が借りられそうなお店のアタリをつけておく」といいかもしれない 結果は次の通り。 店舗名(系列) 電源提供の現状 ファーストフード系 マクドナルド 公式なサービスとしては謳っていないが、一部店舗で提供 ロッテリア 2006年以降に改装した店舗では積極的に設置 モスバーガー フランチャイズのた
シャープの新モバイル端末 NetWalkerを最速レビュー (1/3)
27日にシャープ(株)が、新しいモバイル端末を発表した。その名は「モバイルインターネットツール NetWalker」。9月下旬発売の予定である。今回は、発表に合わせて試作版を試用する機会を得たので、その速報レビューを披露したい。シャープが世に問う新ネット端末は、どのようなものだろうか？ コンパクトなUbuntuマシン CPUはARM系 NetWalkerの外見は、同社の電子辞書に似ている。本体サイズはおおよそ16cm×10cmとほぼA6サイズ。重さは409g。キーピッチは14mmで、机の上に置いてもタイプできるが、ゲームパッドのように両手で抱えて使うのに向いたサイズといえる。 このサイズでシャープのモバイル端末というと、「Linuxザウルス」こと「ザウルス SL」シリーズを思い出す。実際のところNetWalkerは、Linuxザウルスにかなり似た性格の製品である。CPUはARM系のFree
ウノウラボ Unoh Labs: ゼロからはじめる携帯サイト構築。
こんにちは、日食を妙に楽しみにしていたわりには見ようともしなかった ryosuke です。曇りで残念でした。曇りでも日食と分かるぐらい暗くなったら嬉しかったのですが、東京ではそんな事は全然ありませんでしたね。 さてさて、そんな私ですが入社後半年が経過したところで、入社当初より携わって来た携帯サイト構築に関して得た知識(失敗談)をまとめてみようと思います。 初ラボブログ記事でも触れた様にそもそも本格的な携帯サイト構築は経験に乏しく、バッドノウハウの塊の様な面倒な思いこみが先行しがちだったわけですが(実際バッドノウハウの塊ですが)、端末の機能や表現力が豊かになるのと同時に開発環境的なツールやライブラリの充実、ノウハウの蓄積と情報公開により随分すんなり入って行けた様に思います。 結局はキャリア感の差異を知り吸収する事がすべて いきなりですが、PCサイトと携帯サイトの違いで最も厄介な所はこれにつき
携帯版Google Analyticsで滞在時間とか検索ワードとか - Archiva
Make a note of it: Web tech, montaineering, and so on. Google Analytics（以下、GoAn）はimg要素を読み込むことリクエストを送信してて統計にカウントしてたから、同じようなURLを生成して送信すれば携帯サイトでもGoAnは利用できる。ただしCookieに値を保存できない携帯版だと幾つかの制約があって、簡単に言うと「全アクセスがユニーク扱いになる」。ここまでが前回のお話。 で、その後いろいろ試してみた結果。だいぶデータが見れるようになったので、公開してみる。統計に反映されるようになったデータを以下に記します。 滞在時間、滞在中のページビュー、直帰率 リピート数、ブラウザ、ＯＳ、ユーザ定義 参照サイト、参照元、検索エンジン、キーワード 幾つか怪しいデータもあるけど、まあ仕組みが解ってれば十分参考にはなるし。この手の統計って
Ruby on Rails 2.x で携帯サービスを作るときの注意点 - 夜の Discovery
最近、携帯サービスを作っていて、いろいろ出てきたのでまとめてみます。 私的重要度順に並べました。 新しめの au 携帯では formatted_route(xml)が優先される。 DoCoMo, au には RFC 違反のメールアドレスが存在し、ActionMailer（TMail）をそのまま使うとエラーとなる。 redirect_to :back は DoCoMo 携帯では使えない。 jpmobile は 相対パスのリダイレクトに対応していない。 新しめの au 携帯では formatted_route(xml)が優先される。 これは一番最近遭遇した事件（！）。 具体例としては、au の SH001。（FireMobileSimulator でも再現可能） SH001 で以下のような Rails アプリケーションにアクセスします。 scaffold で作成した、一覧を表示するアプリケーシ
発想の転換!? iPhoneで携帯向けサイトを閲覧できる「SBrowser」 | パソコン | マイコミジャーナル
携帯サイトのサービスをiPhoneで受けられるかも? ソフトバンクモバイル端末として携帯サイトにアクセスできるiPhoneアプリ「SBrowser」が公開された。対応デバイスはiPhoneおよびiPod touch、動作環境はiPhone OS 2.2.1以降。App Storeでの価格は230円に設定されている。 SBrowserは、ソフトバンクモバイル携帯電話向けWebサイトをiPhoneで閲覧するためのWebブラウザ。930CAに模したHTTリクエストを送信することにより、ソフトバンク携帯電話向けサイトの閲覧を可能にする。携帯電話向けサイト開発のテストが主な用途であり、完全な互換性は保証されないことから、開発者はすべてのソフトバンク携帯電話向けサイトを閲覧できるようにはならない、と利用に際しての注意をうながしている。 Webブラウザとしての機能はMobile Safari / Web
携帯からのメールフォーム文字化け対策 - v-m-sにっし
ずっと対応しなきゃと思っていたのだが、ようやくできた。 V-M-Sサイトにはプラグイン「Contact Form 7」をつかったメール送信フォームをいくつか設置していて、問い合わせ受付やイベント開催等に活用している。 この際に悩ましかったのは、携帯電話からアクセスされた場合もこのフォームは利用できるのだが、送信されたメールが文字化けしてしまう、という問題であった。 #幸い(?)、Webメール経由でメール本文を読むことが出来るので、なんとかそれでしのいできてはいたのだが、早急に何とかしなきゃ…とは思っていた。 携帯電話からのアクセスに対応するプラグインとして「Ktai Style」を使用していて、同じ悩みを抱えた方がフォーラムで質問し、「Ktai Style」を開発されたYurikoさんが答えている、この記事でのやりとりを参考にした。 携帯から利用できるコンタクトフォームを教えてください |
ActionMailer 2.1.2, 2.2.2, 2.3.2 を DoCoMo, au の RFC 違反のアドレスに対応させる parser.rb - 夜の Discovery
ピリオドが3つ続くものや @ マーク前の連続したピリオドなどの、 DoCoMo や au に存在する RFC2822 に準拠していないメールアドレスに対応する parser.rb です。 詳細は以前書いた記事の通り。 ActionMailer 2.0.2 を DoCoMo, au の RFC 違反のアドレスに対応させる http://d.hatena.ne.jp/kusakari/20080319/1205908205 作成した parser.rb をこちらに公開しておきますので、自己責任でご利用下さい。（ActionMailer 2.1.2, 2.2.2, 2.3.2） http://blog.imishin.com/projects/ruby/misc/
3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
電源カフェ dengen-cafe.com
ブログ
長文日記
文字化けは厄介！ | ミモリ･ドット･ネット
Perlで作るモバイルサイトのコツ：目次
