永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar
このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス） 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお
携帯サイト作成時等に役立つ表示ページのファイルサイズを表示してくれるFirefoxアドオン「lori」:phpspot開発日誌
携帯サイト作成時等に役立つ表示ページのファイルサイズを表示してくれるFirefoxアドオン「lori」 2010年01月21日- lori (Life-of-request info) :: Add-ons for Firefox 携帯サイト作成時等に役立つ表示ページのファイルサイズを表示してくれるFirefoxアドオン「lori」。 携帯サイトだとページ容量が１００Kぐらいを上限として作った方が無難らしいですが、ページを表示した時点でステータスバーにページサイズを表示してくれるFirefoxのアドオンがありました。 次のようにステータスバーに表示にかかった秒数とページサイズ、リクエスト数を表示してくれます。 携帯サイト作成においては Firefox の FireMobileSimulator でほとんどのことは事足りると思いますが、こういうアドオンでページサイズを見ておくことは重要です。
mp3から着うたを作成できる無料サービス - 3gp.fm
安心なプライバシー保護のお知らせ 変換プロセスは、あなたのパソコン及びブラウザ上で完結します。音声や動画メディアファイルはアップロード（送信）されませんので、個人的利用の範囲で自由にデーター変換いただけます。
必見！携帯サイトをお手軽にiPhoneやスマートフォンに対応させる方法 - 適当な日々
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないiPhoneの登場でスマートフォンで閲覧しやすいサイトの需要が高まってきたようです。 でもわざわざiPhoneやスマートフォン向けにサイトを作るのは大変・・・。 そんな方に、今までに制作したモバイルサイトをスマートフォン対応させる方法があります。 しかも5分でお手軽にできます！ htmlとCSSで解決する方法なのですが、実はこの方法を使うだけで開発もしやすくなる優れものです。 論より証拠ということで、まずはこちらをご覧ください。 （PCからでもオッケーです。htmlはこちらの記事で作成したものを使ってます。） まず、こちらが普通に作成したモバイルサイト→before そしてこれがその方法を使ったもの→after やっていることは閲覧しているブラウザに応じて、3つの
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
【PHPで作る】初めての携帯サイト構築 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
全キャリア対応のデコメールの作成・変換が可能なPHPライブラリ「Qdmail」:phpspot開発日誌
ke-tai.org > Blog Archive > 全キャリア対応のデコメールの作成・変換が行えるPHPライブラリQdmail 全キャリア対応のデコメールの作成・変換が可能なPHPライブラリ「Qdmail」。 includeすると qd_send_mail 関数が使え、mb_send_mail 関数のように簡単に使えます。 qd_send_mail('deco', 'to@example.com', '件名テスト', $body, 'from@example.com', array('test.jpg','添付ファイル名') ); デコメールというと、PCサイトばかり作っているとよく分かりませんが、こうしたライブラリで簡単にできるのは嬉しいですね。 関連エントリ ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」 携帯向け自動変換用Apa
ケータイ用高機能アクセス解析ツール「うごくひと」:phpspot開発日誌
アナログ時計から簡単に時刻を指定できるJavaScriptライブラリ「Time Picke... 次の記事 ≫：2008年8月7日 管理人のブックマーク
PHPで各種携帯のGPS機能を簡単に扱える「Net_UserAgent_Mobile_GPS」:phpspot開発日誌
GPS PEARライブラリ / Net_UserAgent_Mobile_GPS キャリアや機種によって様々に仕様が異なるGPSの取り扱いを簡単にするためのPHP/PEARライブラリ PHPで各種携帯のGPS機能を簡単に扱える「Net_UserAgent_Mobile_GPS」。 PEARサイトでも公開されています。 リンク作成のサンプルは、次のような感じになるようです。 <?php require 'Net/UserAgent/Mobile/GPS.php'; try { $g = Net_UserAgent_Mobile_GPS::factory(); } catch (Net_UserAgent_Mobile_GPS_Exception $e) { var_dump($e->getMessage()); exit(); } $url = "http://test.com"; $str
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
memokami :: 約500機種の携帯端末を網羅するケータイテストエミューレーター「P1 Emulator」を使ってみました
NetFarmさんが携帯端末500機種以上を網羅した「P1エミュレーター」のベータ版が無料で公開されました。 いままで携帯でテストするときに、まともに利用できるエミュレーターといえば、i-modeシミュレータしかなく、結局実機でのテストに頼っていました。 この「P1 Emulator」はケータイサイトのテストの救世主となるのでしょうか。 早速試してみました。 ■まずはダウンロード http://p1.netfarm.ne.jp/ ※ダウンロードには会員登録/ログインが必要です。 ■エミュレーターインストール インストールがめちゃくちゃ重かったです。 うちの環境だけかな。固まったかと思うほど。 気長に待ちましょう ■インストール完了 かなり時間かかりました。 ■ライセンス登録画面 最初に起動するとベータ版のライセンスキーを取得するように言われます。サイトに行って取得しましょう。登録したメール
PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別:phpspot開発日誌
PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別する - グニャラくんのグニャグニャ備忘録@はてな 携帯電話からのWebアクセスゲートウェイのIPアドレスから、携帯キャリアを判別したい場合がある。 PHPで高速に携帯ゲートウェイのIPから携帯キャリアを判別する方法が紹介されています。 各携帯キャリアのページにはIPアドレス帯域が公開されているようで、その情報をスクレイピングしてYAML化する仕組みを作られた方がいるようです。 そのYAMLを元に判別のためのPHPスクリプトを自動で作成するスクリプトが公開されているようです。 「携帯端末のUserAgentを扱うライブラリ:Net_UserAgent_Mobile」のようなライブラリも存在しますが、サイズが少々大きく、処理が重いという方には使えるでしょう。 携帯以外からページを見れないようにする場合にも使えますね。 関連エントリ 携
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC・スマホの楽しいコンテンツがいっぱいWoopie
mooom.jp
携帯電話スペック一覧
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
symfonyの携帯絵文字プラグイン:phpspot開発日誌
PHPで携帯からセッションを使う場合の設定方法:phpspot開発日誌