スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
ゼロから学ぶGoogle Analytics 携帯版
本記事の情報は2009年11月時点でのものです。※現在においては参考にされないで下さい。あくまでいち資料としてどうぞ。 Google Analytics 携帯版とは Google Analytics は、本来JavaScriptをベースとしたトラッキングをします。したがって、国内の多くの携帯電話搭載ブラウザでは、測定出来ませんでした。 しかし、この度発表されましたGoogle Analytics携帯対応は、＜IMG＞タグを使って計測する、他社携帯解析ツールと同等のトラッキング方法を実現しました。 携帯トラッキングの必要環境 画像のやりとりをして、より多くの情報を測定するために、独自プログラミングによる疑似的な画像表示をしています。 したがって、サーバー側で以下の実行環境が備わっている必要があります。 PHP Perl JSP ASPX トラッキングコードの取得 グーグルアナリティクス管理画
ke-tai.org > Blog Archive > docomoのIPアドレス帯域が12月16日に追加されるようです
docomoのIPアドレス帯域が12月16日に追加されるようです Tweet 2009/11/18 水曜日 matsui Posted in DoCoMo, サーバ | No Comments » 来月の12月16日に、ドコモのIPアドレス帯域に変更があるようです。 少し前に更新されていた情報のようですが、さきほど気づきました。 → NTTdocomo 作ろうiモードコンテンツ iモードセンタの各種情報 [nttdocomo.co.jp] 追加となるIPアドレス帯域は次の通りです。 124.146.175.0/24 （2009年12月16日に追加） 以前から追加予定のIPアドレスとしては載っていたのですが（当初は9月追加予定となっていた）、少し時期が遅れてようやく追加となるようですね。 元々追加予定のものだったため、既にリストに入れている方も多いとは思いますが、サーバ管理者の方は作業をどう
3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
モバイルサイトマークアップ5つの小技 : LINE Corporation ディレクターブログ
こんにちは。10月の組織編成でブログビジネス部に異動になりました飯田です。 普段はディレクターしてますが、時にモバイルサイトのマークアップをするときがあります。以前、こちらのエントリーでモバイルサイトを作るうえでのノウハウを紹介していますが、本エントリーではもう少し実践的な「モバイルサイトで○○を表現するには」をすごく簡潔に紹介してみたいと思います。 ある程度の端末で正常に表示されることを確認していますが、一部を除いて正常に表示されない場合もありますがご了承ください。なお、本エントリーで紹介している記述はわかりやすいように style 属性を全てインラインで記述しています。 見出しに背景色 div タグXHTML 対応の端末であれば下記のタグで簡単に見出しに背景色をつけることができます。 <div style="background-color="#0000ff;">ほげほげ</div>
ケータイキャリア・クローラIPアドレス - ke-tai.org
お知らせ † 2008/06/12 ケータイキャリア・クローラIPアドレスのページを作成しました。 リストの保守のご協力をお願いします。 3キャリアのPCサイトビューワーやフルブラウザのIPアドレスは除外しています。 2010/04/20 本ページのSSL版アドレスはこちらです。 ↑ このページについて † このページは、ケータイキャリアや、クローラのIPアドレス情報を共有するためのものです。 携帯端末のみからのアクセス（PCをはじく）を行うための設定に利用します。 WillcomやMVNOなど、ケータイに関係ありそうなものは全て入れてあります。 必要に応じてコピペしたり、コメントアウトしてお使いください。 ※ご注意※ こちらのページにあるIPアドレス情報は、不正なアクセスを防ぐ目的、特にかんたんログインのセキュリティを保持するためのものではありません。 内容を良く理解した上でお使いくださ
PHPを使って3分で作る3キャリア対応ケータイサイト | ke-tai.org
PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮名）」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、本当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。
ＱＲコード CGI & PHP scripts - QRcode generator for perl & php
内容 GDを使用してQR codeのpngまたはjpegイメージを出力する、または いくつかの画像を配置してホームページ上でQR codeを表示する perl CGIプログラム qr_img.cgi およびGDを使用してpngまたはjpegイメージを出力するPHPスクリプト qr_img.php があります。 qr_img.cgi はコマンドライン上からも実行できます。 動作確認環境 Linux2.4.18(x86) Apache 1.3.27 Perl 5.6.1 GD 1.8.4 GD.pm 1.33 PHP-4.3.0 qr_img.cgiの実行にはperl5,GDおよびGD.pmが必要です。 qr_img.phpの実行にはPHPおよびGDが必要です。 表示できるＱＲコードは model2 の version 1～40 でいくつかの機能は実装されていません。 詳しくは添付ドキュメント
ke-tai.org > Blog Archive > Ethnaでケータイサイトを作る際に参考になる記事「php＆ethnaで携帯サイトを作る」
Ethnaでケータイサイトを作る際に参考になる記事「php＆ethnaで携帯サイトを作る」 Tweet 2008/5/9 金曜日 matsui Posted in 記事紹介・リンク | 3 Comments » 先日Webを巡回していて見つけた「treasuring misc.」というブログで、「php＆ethnaで携帯サイトを作る」という記事が掲載されていましたのでご紹介します。 → 【php＆ethnaで携帯サイトを作る】序章 [mynet.co.jp] → 【php＆ethnaで携帯サイトを作る】ケータイサイト開発のおさらい [mynet.co.jp] → 【php＆ethnaで携帯サイトを作る】文字コード変換処理 [mynet.co.jp] → 【php＆ethnaで携帯サイトを作る】セッション管理（前編） [mynet.co.jp] → 【php＆ethnaで携帯サイトを作る】セ
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モー
ke-tai.org > Blog Archive > Google Analyticsモバイル版の設置方法がわかりました
Google Analyticsモバイル版の設置方法がわかりました Tweet 2009/10/22 木曜日 matsui Posted in ニュース, 記事紹介・リンク | 5 Comments » 昨日に続いて、Googleの提供する無料アクセス解析サービス「Google Analytics」についての話題です。 昨日のGoogle日本語版公式ブログでは、「現在のところ、この機能はパイロット版として特定のパートナー様のみご利用いただいております」とアナウンスされていましたが、英語版公式ブログには、すでにサンプルコードなどが掲載されているようです。 → カグア！Google Analytics 活用塾:事例や使い方 公式Blogでコード配布、Google Analytics 携帯対応 [www.kagua.biz] → Google Analytics Blog: Google Ana
絵文字変換ライブラリ HTML_Emoji - Revulo's Laboratory
概要 † HTML_Emoji は携帯の絵文字を変換するライブラリです。 PHP 4 以上で動作します。 docomo, au, SoftBank の絵文字に対応 (隠し絵文字を含む) 他キャリアの絵文字を、類似の絵文字に変換可能 ＰＣでは gif 形式の画像に変換して表示 絵文字の入出力は、UTF-8, Shift_JIS のバイナリ形式 文字エンコーディングを UTF-8 と Shift_JIS 間で相互に変換可能 User Agent からキャリアを自動判別 (キャリアを指定することも可能) フォームに入力された絵文字を処理したり、 携帯宛の絵文字メールを作成したりするのに使えるはずです。 ▲ サンプル † 動作確認のためのサンプルをいくつか用意しました。 PC や携帯から読み書きしてみて下さい。 UTF-8 での表示 Shift_JIS での表示 絵文字掲示板 PC での動作確認に
れぶろぐ - [PHP] 絵文字変換ライブラリの処理速度の比較
■ 絵文字変換ライブラリの処理速度の比較 先日リリースした HTML_Emoji ライブラリ は、 高速に動作することを開発目標の１つとしています。 実際に、他のライブラリと比較してどの程度速いのか、ベンチマークを取ってみました。 方法 使用したライブラリ： MobilePictogramConverter 1.2.0 Text_Pictogram_Mobile 0.0.2 HTML_Emoji 0.1 ただし MobilePictogramConverter は、ezweb.php の絵文字抽出正規表現を次のように修正しています。 var $regex = array( 'WEB' => '/<img\s+(icon|localsrc)="?([0-9]+)"?[^>]*?>/ie', 'IMG' => '/(<img src="{PATH}\/(\d{1,3})\.gif"[^>]*?
PHPライブラリ「Imagick」で携帯の機種に応じた画像を表示する
はじめに 画像処理を行うライブラリの1つにImageMagickがあります。 ImageMagickとは ImageMagick Studio LLC が開発する画像操作のためのソフトウェアで、GIF、JPEG、JPEG 2000、PNG、PDF、PhotoCD、TIFF、DPXなどの幅広いファイルフォーマットに対応しています。GPL互換性のあるライセンスで提供されています。 そして、ImageMagickの機能をPHPで利用するための拡張インターフェースがImagickです。PHPでこのImagickを使うと簡単なコードでImageMagickの機能を利用できます。 本記事ではImagickを利用して、アクセスしてきた携帯電話の機種に応じて画像を表示させる仕組みの構築例について説明します。 対象読者 PHPでのWebアプリケーション開発について基本的なことを理解している方 動作環境と開発
モバイルサイトを正しく Google に認識させるためには
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
モバイルデザイナー必携！！「携帯サイト年鑑2010」｜モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
本書では、「モバイルデザインアーカイブ」の中から、500サイトに上る携帯サイトを厳選して書籍用にキャプチャし、論評を書き加えたアーカイブ本です。500サイトという量にこだわりを置いたのは、私自身の頭の中に多数の携帯サイトのデータベースが出来上がったことで、携帯サイト企画を提案する際に非常に楽になったためです。この経験を、携帯デザイナーを中心に、携帯サイト制作・運営にかかわる読者の方々にも是非体感していただきたく、「少しでも多くのサイトを掲載する」ことをモットーに執筆を進めました。また、本書をカタログ的にご覧いただくことで、より多くの企業のWeb担当者やマーケティング担当者が「当社もこんな携帯サイトを作りたい」と思ってもらえることも目的のひとつです。同じく、携帯サイト制作業者の受注速度を上げるべく、クライアントと携帯サイトデザインを検討する際のツールとしても活用してください。 【書籍名】 「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
toInlineCSSDoCoMoをバージョンアップしました
