ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0ed34bbc158a76fe77eaba9ba109ccd35970295/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F11%2Fmobile.png)
PHP で携帯からのアクセスを振り分ける方法はいろいろありますね。たくさん紹介されている中である程度のレベルで動いた記事は以下です。 PHPでPCサイトと携帯サイトの振り分け方|ASTRODEO また PC2M Website Transcoder for Mobile Clients というものを紹介してもらいました。パソコン用ホームページを、NTTドコモのiモード、au/TU-KAのEZweb、Vodafone/J-Phoneといった携帯電話端末で利用できるように変換したり、フルブラウザがなくても、アプリが動かなくても、3Gじゃなくても、端末IDが送信できなくても動くらしいです。 PCサイト->携帯変換スクリプト ちなみに、中に入っている ClientDetect.class.php というものだけ取り出して使用させて頂くことも可能です。これは端末を検出する class だと思われます
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
携帯サイト用GoogleSitemap自動作成ツール Mobile Sitemap Creator v0.1.1 当ツールは、携帯サイトのアクセスアップ・携帯SEO対策に必須となっている 「携帯サイト専用のグーグルサイトマップ(モバイルサイトマップ)」を自動で簡単に作成するツールです。 MobileSitemapCreator(携帯用Googleサイトマップ自動生成ツール)の使用方法 ①下記にあなたの携帯サイトトップページURLと画像認証文字を入力して、「サイトマップ作成」ボタンをClick!! ②生成されたデータをテキストファイル(メモ帳など)にコピペし、sitemap.xmlという名前でファイルを保存。 ③ご自分のサーバーにsitemap.xmlをアップロードしてください。 ④googleウェブマスターツールにアップロードしたsitemap.xmlのURLを登録するだけです
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
最近phpをいじるがてら、ひさびさに携帯サイトに触れているためメモメモ。 携帯サイトで装飾を入れるとなるとi-cssが云々って話があったりしますが、正直テストサイトでそんな面倒なことをしていられないので、だいたい以下のようなhtmlで作成しています。 とりあえず携帯サイト作りたい時テンプレート <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Co
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
o(。・ω・。)ノ彡コンニチハ☆櫻です♪ なんてハイテンションで挨拶しても天気はどんよりしてるんですけどね~・・・w 今日は土曜日、いつものように喫茶店へ朝お出かけテクテク 。。。。。"8-(o・ω・)o ゚+.(ノ゚ω゚)ノ゚+.゚オォォォォォ!涼しいっ!! そんなちょっとした涼しさに感動できる最近が好きなのか嫌いなのか(〃∇〃;)ヾ 今日朝涼しかったのは太陽がまったく出てなかったからでしょうね。 思いっきり曇り空、分厚い雲に覆われて太陽が顔を出せずにいたようで。 夏と言えば・・・ ミーン・・・ジジジ・・・。 思いっきりな暑さが心地良く、海ヽ(・∀・。)ノ ダー゚+。プールヽ(・∀・。)ノ ダー゚+。なんて水が恋しい季節。 まだまだ梅雨の明けないこの時期の水はシュパパパパ!!ヾ(# ̄  ̄)ノノノ)))≡・。゚でしょうねw 今日も天気悪いなぁなんて思っていたら、お出かけしてる最
こんにちは。カヤックで携帯サイトのコーディング、運用などをやっているフィリップです。 携帯コーディングでtableを使うと、ページ構成の表現度が結構広がりますので、今回は事例を使って、その基本的な使い方や落とし穴を紹介したいと思います。 tableタグは新しい機種では問題なく使えますが、古い機種の場合では効かないこともあるので、今回は以下の端末を対象とします。また3キャリア向けにxhtmlは1ソースにしています。 【docomo 902以降端末、au WIN端末、softbank 3G端末】 注意:tableの入れ子をすると、表示されない場合があるので(au端末の一部)、tableの入れ子は避けた方がよいでしょう。 【事例1】メニューなどのテキストを綺麗に並べたい時 画面のスクリーンショット html <table width="100%"> <tr> <td width="50%"> <
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
モバイルサイトでリンク色を指定するには、htmlの場合はbodyタグ内に記述、xhtmlの場合はhead内に記述する必要があります。 <body link="#000000" vlink="#ff0000" alink=""> ・link 通常のリンク色 ・vlink 訪問済みのリンク色 ・alink フォーカス時のリンク色 <head> ... <style type="text/css"> <![CDATA[ a:link{color:#000000;} a:visited{color:#666666;} a:focus{color:;} ]]> </style> </head> ・a:link 通常のリンク色 ・a:visited 訪問済みのリンク色 ・a:focus フォーカス時のリンク色 未選択時のリンク色はどのキャリアも同じ表示ですが、選択時の文字色、背景色は各キャリアによって
あまり触れられることの少ないことなのですが、 携帯のコーディングをされている方の多くは、 基本的にすべてのfont sizeを-2に指定していることが多いです。 (px等で指定する場合を除く。) では、なぜ-2にするのか。 まずそもそもフォントサイズを小さくしようとするのかというと、 一行あたりの文字数を増やつつ、文字列の高さも低くしたいためです。 私の携帯基準(ドコモ N906i)で話すと、 標準サイズの場合、一行あたりの文字数は12文字です。 そして-2にした場合、一行あたりの文字数は15文字になります。 数字にすると大して変わらないじゃないか、と思われがちですが、 実際にコーディングをしていると、この3文字の大事さを知ることになります。 メニュー⇒着うた/占い/デコメ と一行に収まるのか、 メニュー⇒着うた/占い/デ コメ と二行に渡ってしまうのか、ということで。 どう文言を削っても
フォントサイズ(HTML版)に引き続き、今回はXHTML版です。 CSSでフォントサイズを指定するので、こんな感じになります。 <span style="font-size:x-small;">文字文字</span> 各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。 サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。 サンプルページ QRコード →サンプルページを見る 各種フォントサイズと、ついでに太字のサンプルもおいております。 太字の指定方法はbとstrongとfont-weight:bold;です。 各キャリア、端末の表示 docomo 【大】xx-large,x-large 【中】large,medium 【小】small,x-small,xx-small ※全端末共通
Railsでのケータイサイト作成方法がまとめられた記事「Rubyist Magazine – jpmobile + Rails 2.3.4 で作る携帯サイト入門」 Tweet 2010/4/7 水曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ちょっとだけ前のネタですが、記事にするのを忘れていたのでご紹介します。 日本Rubyの会が発行しているウェブ雑誌「るびま」にjpmobileを使ってRailsでケータイサイトを作るという記事がありましたのでご紹介します。 → Rubyist Magazine – jpmobile + Rails 2.3.4 で作る携帯サイト入門 【前編】 [jp.rubyist.net] → Rubyist Magazine – jpmobile + Rails 2.3.5 で作る携帯サイト入門 【後編】 [jp.rubyist
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く