タグ

Web制作と携帯に関するhalohalolinのブックマーク (17)

  • 「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar

    このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日の携帯電話ってしばらくは生き延びる(+普通に利用目的によってはスマートフォンより上)わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況(インデックス) 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお

    halohalolin
    halohalolin 2010/08/11
    モバイルの利用状況とか、マーケティング/オフィシャル技術サイト/3キャリア対応サイトを作るには/表示確認/アクセス解析/アフィリエイト/SEOやQRコード
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

    halohalolin
    halohalolin 2009/12/02
    モバイルサイトのWebデザイン15選/携帯サイトの制作に入る前に確認しておきたいチェック項目/携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法/iPhone対応ウェブページにするおまじない/携帯からのアクセス振分け方法
  • PHPで携帯のエージェント判別法 - phpspot

    docomo,au,softbank,pcのいずれかを判別するコードです。 Net_UserAgent_Mobile ユーザの送出するUserAgentよりキャリアを判別します。 使い方 <?php require_once('Net/UserAgent/Mobile.php'); $agent = Net_UserAgent_Mobile::singleton(); if ($agent->isDoCoMo()) { echo "docomo\n"; if( $agent->isFOMA() ) { echo "foma\n"; } } elseif ($agent->isVodafone()) { echo "softbank\n"; if( $agent->isType3GC() ) { echo "3G\n"; } } elseif ($agent->isEZweb()) { ec

    halohalolin
    halohalolin 2009/10/19
    docomo,au,softbank,pcのいずれかを判別するPHPのコードです。
  • ke-tai.org > Blog Archive > 実際に動いてすぐ使える「PHPによるかんたんログインサンプル」を作ってみました

    実際に動いてすぐ使える「PHPによるかんたんログインサンプル」を作ってみました Tweet 2009/7/31 金曜日 matsui Posted in PHP, ソフト紹介 | No Comments » ※ご注意※ この記事は執筆した時点から比べると、セキュリティを巡る情勢が大きく変わり、現時点では不適切な内容となってしまいましたので削除いたしました。 かんたんログインの実装については、次の記事が参考になります。 → @IT 再考ケータイWebのセキュリティ 第2回 間違いだらけの「かんたんログイン」実装法 [atmarkit.co.jp] 関連: ケータイのユーザIDを通知・非通知設定するためのURLまとめ ケータイの端末ID・ユーザIDの取得についてまとめてみました(サンプルプログラム編) PHPでケータイからセッションを使う場合の設定方法 タグ: かんたんログイン, ログイン,

    halohalolin
    halohalolin 2009/08/05
    携帯電話の契約情報や製造番号を送信させる事で最小限の入力でログインさせるしくみのサンプル
  • ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の

    ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
    halohalolin
    halohalolin 2009/07/22
    各項目についてSEOチェック項目を作り、確認をしていくのが重要
  • Perl版 携帯絵文字変換ライブラリ マニュアル

    ライブラリはPerlCGI上にて携帯絵文字を相互に変換表示するためのライブラリです。 ライブラリ使用により簡単に携帯絵文字コードを対応する絵文字画像で表示することができます。 また、PCで表示する場合には絵文字画像で表示することができます。 その他、絵文字を削除したり検出、エンコード・デコードしたりする機能が搭載されていますので、絵文字処理に関して幅広く利用することができます。(Lib Ver.4 + DB Ver.5) 尚、ライブラリを使用してPC上で対応する絵文字画像を表示する場合には、対応する絵文字画像セットが必要になります。 この携帯絵文字画像セットは http://potora.dip.jp/ よりダウンロードが可能ですので、ご利用ください。

    halohalolin
    halohalolin 2009/07/17
    PerlCGI上にて携帯絵文字を相互に変換表示するためのライブラリ/PCなら絵画像文字で表示(別途携帯絵文字画像セットが必要)
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

    halohalolin
    halohalolin 2009/07/17
    XHTMLで作成する(TABLEタグは端末を選ぶ)/キャリアごとの仕様の差は外部CSSで/文字サイズを小さくするには/ロゴ画像のサイズは横240ピクセル/流れる文字はDIVタグで/反転文字/色つき水平線/右寄せ/画像回り込み/文字でデザイン
  • モバゲータウンのノウハウ満載! フレームワークMobaSiFを使おう! 記事一覧 | gihyo.jp

    第4回MobaSiF に含まれるケータイ向け処理モジュール 能登信晴,川崎修平 2008-09-12

    モバゲータウンのノウハウ満載! フレームワークMobaSiFを使おう! 記事一覧 | gihyo.jp
    halohalolin
    halohalolin 2009/07/17
    MobaSiF(Moba Simple Framework)の解説記事/MobaSiFは「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワーク
  • MobaSiF (Moba/Mobile Simple Framework)

    DeNA のケータイ向けサービス「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワークをオープンソース化したものです。

    MobaSiF (Moba/Mobile Simple Framework)
    halohalolin
    halohalolin 2009/07/17
    DeNA のケータイ向けサービス「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワークをオープンソース化したもの
  • 3キャリア共通のモバイルサイトコーディングにおけるポイント

    MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体

    3キャリア共通のモバイルサイトコーディングにおけるポイント
    halohalolin
    halohalolin 2009/07/12
    非XHTML対応機種は除外/合計して50KB以下に抑えておく(i-modeは100KBは対応しているが)/width 最大240px以下/.jpgか.gif/i-modeはインラインCSSのみ対応
  • ke-tai.org < Blog Archive > ケータイの端末ID・ユーザIDの取得についてまとめてみました

    ケータイの端末ID・ユーザIDの取得についてまとめてみました Tweet 2008/9/8 月曜日 matsui Posted in au, DoCoMo, PHP, SoftBank | 12 Comments » ケータイサイトでは、端末ID・ユーザIDを取得する、という処理をよく行うことがあります。 ログインの度に、ユーザ名とパスワードを入力するというのは、ケータイの操作性の面からも現実的ではないためです。 今回はそんな各種IDの取得方法について、PHPを使った場合を例にとりまとめてみました。 ※ここでは端末IDを「ケータイに振られた個体識別情報(製造番号など)」、ユーザIDを「契約に紐付くID」として解説しています。 ドコモ端末での取得方法 1. utnを使う ドコモ端末ではutn属性を使うことによって、フォームやリンクから個体識別情報を取得することができます。 対応機種は、iモー

    halohalolin
    halohalolin 2009/05/29
    ユーザ名とパスワードを携帯から入力させるのではなく、端末IDでログインの管理を行うのが現実的・各キャリアよりPHPから取得する方法まとめ
  • 作ろうiモード:iモードブラウザ2.0 | サービス・機能 | NTTドコモ

    ブラウザキャッシュサイズは500KBです。 Shift_JIS、UTF-8の文字コードが利用可能です。 GIF、JPEG、BMPの画像が表示可能です。 JavaScriptCSSに対応しています。 176種類の基絵文字と76種類の拡張絵文字、デコメ絵文字が利用可能です。

    halohalolin
    halohalolin 2009/05/20
    2009年夏モデル以降のdocomo携帯で使用できるJavaScript及びCSS等について記載されている
  • Top - FireMobileSimulator.org

    FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは? FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ

    halohalolin
    halohalolin 2009/04/17
    主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたFirefoxのアドオンです。HTTPリクエスト、絵文字表示、位置情報送信機能をシミュレート
  • web制作を仕事にしているのですが(制作歴は浅いです。…

    web制作仕事にしているのですが(制作歴は浅いです。) PC用に作ったHPを、最近クライアントに「モバイルでも見れるようにしてくれ!」 と言う声が多いのですが、制作後のレイアウト確認をしながら制作したいのですが 私の携帯はiphoneなので携帯ブラウザーでの確認ができず、しかもiphoneばかり使っているので 一般的な携帯サイトをあまり見た事が無くどのように制作して良いか困っています。 やはり仕事にしていくには普通の携帯電話も必要なのでしょうか? Adobe Device Centralと言うソフトは持っているのですが、これでの確認で良いものなのか、、、。 制作会社のプロの人はどうしているのでしょうか? 教えてください。

    web制作を仕事にしているのですが(制作歴は浅いです。…
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

  • 成果を上げる携帯サイトのフォーム設計 (ユーザビリティ実践メモ)

    離脱されない携帯サイトのフォーム作成術 携帯サイトのフォーム設計のコツ 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 さて、携帯サイトのフォームの入力効率を上げる(完遂率を上げる)には、まず項目数を少なくして入力負荷を減らすことが第一です。 しかしビジネス上の要件から、項目数を減らすことにも限界があります。そこで、入力時のボタン操作など、「ユーザの操作面の負担を少なくする」ことを考えましょう。 1. 入力文字種を指定する テキストエリアの属性としてistyleを指定することで、入力文字種の「全角かな」「半角カナ」「英文字」「数字」をページ側で指定することができます。 携帯電話では文字入力モードを変更するために、2-3回(十字キーを使う場合はもっと多くなります)ボタンを押さなければなりませんので、この指定だけでもユーザの負担は大きく減ります。 ※タグや属性の詳細な仕様に関しては

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 1