Web情報配信｜Wiwi connect» Blog Archive » モバイルコーディング逆引き辞典！
基本編 Q：1適切なDOCTYPEは？ Q：2適切な文字コードは？ Q：3xhtmlでコーディングしたのですが表示されない… Q：4容量制限はあるの？ Q：5色は何色まで再現が可能？ Q：6デザインを整える際の注意点はあるの？ テキスト編 Q：7テキストの適切な大きさは？ Q：8斜体や太字はできるの？ Q：9流れる文字や点滅文字はできるの？ Q：10カタカナは全角？それとも半角？ Q：11画像へのテキストの回り込みはできるの？ 画像編 Q：11画像へのテキストの回り込みはできるの？ Q：12画像のサイズってどうしたらいいの？ Q：13拡張子は何がいいの？ Q：14画像の周りにスペースを作る事は可能？ Q：15tableの中にある画像が小さく表示される… table＆div編 Q：15tableの中にある画像が小さく表示される… Q：16valignは使用可能？ Q：17「div」または「t
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
携帯Flashの作製方法 携帯用Flashのダウンロード方法
携帯用Flash エトセトラ 携帯用Flashのダウンロード方法 携帯用の待受けやメニューアイコンを作製しても、ダウンロードして端末に入れてあげなきゃ困るくらい意味がないのは当然。気分だけでも自分の端末に ダウンロードした妄想を抱いて、道ばたで端末見ながらニヤニヤしていた日には、めでたく町内の危険人物扱いされてしまう。それだけは避けたい。 なので、Flashが落とせる様にhtmlを書いて、それを自分のサーバーとかにアップ！そうすればそこにアクセスすればバッチリと落とせます。 記述内容ですが、bodyタグの間に <object data="◇◇" type="application/x-shockwave-flash" copyright="no" standby="ダウンロード" > <param name="size" value="○○" valuetype="data" /> <pa
WordPressとKtai Styleにおけるミクシィチェック導入方法 | 吉橋しーしーの論壇ブログ by センスアップマーブル
個人ブログやニュースサイトで見かけるようになった例のボタン。はじめはFacebookで見かけていたけど、他社も追いかけるように同様のサービスをスタートさせました。 ソーシャルメディアで共有することによって、大勢の人の目にとまるようになって、サイトの集客力がアップする！のか？などと思いつつボタンの設置作業を進めるのでした。 認証コードの発行を受けないとダメなのと、人によってブログの運営方法や閲覧者の端末が違うので、よそ様のサイトからソースをパクってコピペする、みたいな簡単な話ではないんですね。ですから、ここに書いてあるやり方ではエラーが出る人もいるかも知れません。ご注意を。 ミクシィチェック導入にあたって必要な物と不要な物 まず最初に、ミクシィデベロッパーセンターの個人用登録窓口から、アプリ作成・登録のためのDeveloper登録を行いましょう。以下の物が必須となりますので、あらかじめ用意し
間違いだらけの「かんたんログイン」実装法
今回は、そのかんたんログインの問題点について説明します。 「契約者固有ID」を用いるかんたんログイン かんたんログインとは、携帯電話の「契約者固有ID」を用いたログイン手法です。 第1回で説明したように、携帯電話のブラウザのリクエストヘッダには契約者固有IDと呼ばれるIDを付けることができます。契約者固有IDは、携帯電話事業者によって詳細は異なりますが、すべての携帯電話事業者が対応しています。 図1は、NTTドコモの携帯電話がサポートしている契約者固有IDである「iモードID」がサーバに送信される様子です。この情報は、ユーザーがそれと意識することなく送信されます。携帯電話のかんたんログインとは、契約者固有IDのみを用いて認証を行い、ログイン機能を実現することです。 かんたんログインは、ベーシック認証のようにIDとパスワードを管理する必要もなく、Cookieのように対応する端末を考慮する手間
「PCでは見えないはず」に頼ることの危険性
“特殊だ”と形容されることの多い日本の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。本連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます（編集部） 無視できない“ケータイWeb”セキュリティ はじめまして。今回からこの連載を担当することになりました徳丸浩といいます。この連載では、携帯電話向けWebアプリケーション（以後「ケータイWeb」と表記します）のセキュリティについて解説します。ここでいう携帯電話とは、iモードやEZweb、Yahoo!ケータイなど、日本で従来、広く利用されているサービスを指します。一方、いわゆるフルブラウザやiPhone、Android端末などは含みません。 ケータイWebは、一般のPCなどから利用されるWebと比較して、使用技術の90％くらいは共通
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
Google Analytics 携帯版Hack 全キャリア機種名対応
※2011-01-12：FAQ2件、追記しました。 au、SOFTBANK機種名も表示できます。 昨年から、マルチデバイス対応を進めてきましたが、ようやく形になりましたので、公開します。なお、この手法はGoogle公開のga.phpをhackしていますので、あくまで自己責任で。 １．Google Analytics for Mobile Hack の特徴 本改造により、グーグルアナリティクスで以下の携帯アクセス解析が出来るようになります。・・・というか、現在のGoogle Analytics 携帯版では出来ないんですね。 ・SOFTBANK機種名取得 ・auデバイス名／機種名変換 （現在取れている機種名はデバイスIDで商品名とは違う） ・ページタイトル取得 ※参考URL手法により ・Android機種名取得 ・iPad、iPhone、iPodTouchのOSバージョン (not set)
PC/モバイルで表示コンテンツを切り替えるWordPressプラグイン – [Mu]ムジログ
PC/モバイルで表示コンテンツを切り替えるWordPressプラグイン 2009 年 7 月 30 日 – 3:58 PM category WordPress tags プラグイン Comments: 0 Trackbacks: 0 ブログを書いていて、PCと携帯で表示内容を変えたい、ボリュームを変えたいという方もいらっしゃると思います。 特にアフィリエイターさんはPCと携帯でリンクURLが違うため、併記したりしてユーザビリティも悪い状態になっていると聞きます。 そこで、PCと携帯で表示内容を切り替えられるプラグインを作りました。 正確には指定した範囲をPCのみで表示する、携帯のみで表示する、ということが制御できるものです。なお、動作にはおなじみのKtai Style（携帯対応プラグイン）が必要です。 それでは、使い方を説明していきます。 ダウンロード PC Ktai conten
WordPress Plugins/JSeries » Ktai Style
Error establishing a database connection This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at mysql5.sourceforge.jp. This could mean your host's database server is down. Are you sure you have the correct username and password? Are you sure that you have typed the correct hostname? Are you sure that the datab
[携帯]画像を縦に隙間なく並べる方法 ver02 │ これからゆっくり考L +α
前にも同じエントリー「[携帯]複数画像を縦に隙間なく表示させられるか」をあげていますが、サンプルを作り直したので書き直してみました。 以下のようなデザインをコーディングする場合、画像を縦に隙間なく表示させる必要があります。 3つ並んでいる赤ちゃんの写真のところです。 結論を先に言ってしまうと、3キャリア1ソースで画像を縦に隙間なく表示させることは現状不可能です。 （2010年9月6日現在） ということで、以下検証結果です。 brで画像を改行 <div style="text-align:center;"> <img src="img/ph_01.jpg" alt="zzzzz" width="208" height="169" /><br /> <img src="img/ph_02.jpg" alt="いつも太陽の方向を向いてすやすや" width="208" height="149"
手っ取り早く携帯サイトを作成する時のhtmlテンプレート - webの人 @ryryo
最近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
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
携帯電話とSSLルート証明書
おことわり DoCoMo, SoftBank, auの3キャリアの携帯電話端末にインストールされているルート証明書について述べる。 言うまでもなくこの文書は無保証。猛犬注意。濡れていて滑ります。 SSL非対応端末は相手しません。 せっかちな人はまとめからどうぞ。 DoCoMo DoCoMo提供の資料を見ればわかる。端末には3種類ある。 SSL対応全PDC端末およびFOMA 2001/2002/2101V/2051/2102V/2701/900iシリーズにインストールされているのは以下の5つ。 VeriSign Class 3 Primary CA VeriSign Class 3 Primary CA G2 Verisign/RSA Secure Server CA GTE CyberTrust Root GTE CyberTrust Global Root FOMA901i/700i/8
0からモバイルSEOを学ぶ上で役に立った記事のまとめ | ウェブ力学
最近必要に迫られ、遅ればせながら携帯サイトの作成方法やモバイルSEOについて調べていました。そんな中で特に役に立った記事を備忘録としてまとめておきます。 モバイルに関するまとめ記事 まずは、以下のまとめ記事でモバイルSEOの全体像を掴んでおきましょう。 ほとんど情報がないモバイルSEOのまとめ PCサイトを携帯サイトに対応させる 既にPCサイトを運営していて、新たに同様の携帯サイトを立ち上げようとするケースは多いと思いますが、PCサイトを持っている場合は、そのPCサイトを利用して携帯サイトのアクセスを伸ばすことが可能になります。 PCサイトを携帯に対応させるまとめ WordPressを利用している場合は、「Ktai Style」というプラグインを利用することで携帯電話対応にすることが出来ます。デザインのカスタマイズも可能であり、非常に重宝します。 Ktai Style (携帯対応プラグイン
ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
ひとこと交換ノート「ハモニナ」
大切な友だちとつながれる、ケータイ交換ノート。ちょっとした気持ちを書いたり、写メを貼ったり。思い出のノートは、印刷して一冊の本にできるよ。
Google Static Maps API - Google Code
Static Maps API ãããããã¼ ã¬ã¤ã Google Static Maps API ãããããã¼ ã¬ã¤ãã«ãããããGoogle Static Maps API ã使ç¨ããã¨ãçããã®ã¦ã§ããã¼ã¸ã«ã Google ãããã®ç»åãåãè¾¼ããã¨ãã§ãã¾ããJavaScript ãåçãªãã¼ã¸ã®èªã¿è¾¼ã¿ã¯ä¸è¦ã§ããGoogle éçããããµã¼ãã¹ã¯ãæ¨æºã® HTTP è¦æ±ã«ãã£ã¦é
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯画像のリサイズで悶絶の巻: 手探りWEBマスター