10分でわかる！ jQuery Mobileのキホン (1/2)
スマートフォンサイトの制作でいま注目を浴びているのが「jQuery Mobile」です。jQuery Mobileを利用すると、CSSやJavaScriptの知識がない人でも簡単に本格的なスマートフォンサイトを作成できます。そんな“jQuery Mobileのキホン”が10分でわかるように、要点をギュッと絞って解説しましょう。 ※本記事は、jQuery Mobile 1.0をもとに執筆しています。 0分目： jQuery Mobileのダウンロードと利用方法 jQuery Mobileは、HTMLのhead要素で、（1）jQueryのスクリプトファイル、（2）jQuery Mobileのスクリプトファイル、（3）jQuery MobileのCSSファイルを読み込むだけで利用できます。 それぞれのファイルはjQueryのサーバーから呼び出せるようになっているので、わざわざ手元にダウンロードし
いまから始める、jQuery Mobileの基本 (1/4)
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 | 株式会社インフィニットループ技術ブログ
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
モバイル向けCSSのインライン化ライブラリを公開しました - gumi Engineer’s Blog
はじめに こんにちは。gumiの畠です。 今日のお題は悪名高きガラケーのCSSのお話です。 キャリアごとに色々あって面倒くさいガラケーのCSSも、これを読めばPCサイトのように簡単に扱えるようになります。 モバイルでもCSSを使おう！ 最近のウェブサイトでは装飾と構造を分離するためにCSSを使用するのが一般的です。 しかし、docomoの古い携帯ではPCサイトと同じようにはCSSが使用出来ません。 そのため弊社でも本来はCSSで表現すべきものをインラインのstyle要素としていました。 ですが、perlやPHPにはこういう状況を解決するために、styleタグで指定した外部CSSファイルを読み込んで、インラインのstyle要素に入れ込んでくれるライブラリが存在しています。 実に羨ましい限りですね！ なんでpythonにはないんでしょう＞＜ とは言え、ないことを嘆いていても仕方ないのでHtml
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
ke-tai.org > Blog Archive > ドコモマーケット向けのiアプリ開発支援ツールとドキュメントが公開されています
ドコモマーケット向けのiアプリ開発支援ツールとドキュメントが公開されています Tweet 2010/8/31 火曜日 matsui Posted in DoCoMo, ニュース | 1 Comment » iモードで個人でもアプリの配信をできるようにする「ドコモマーケット」ですが、ドコモが技術情報とiアプリ開発ツールのβ版と、各種ドキュメントを公開したようです。 → NTT docomo ドコモマーケット iアプリ提供者向け情報 ドコモマーケット（iモード）とは [nttdocomo.co.jp] → NTT docomo ドコモマーケット iアプリ提供者向け情報 技術資料 [nttdocomo.co.jp] → NTT docomo ドコモマーケット iアプリ提供者向け情報 開発ツール [nttdocomo.co.jp] → NTT docomo ドコモマーケット iアプリ提供者向け情報
｢怪盗ロワイヤル」成功のノウハウと今後の戦略は？ － DeNA大塚氏インタビュー後編 【ループス岡村健】：In the looop：オルタナティブ・ブログ
｢怪盗ロワイヤル」成功のノウハウと今後の戦略は？ － DeNA大塚氏インタビュー後編 【ループス岡村健】 この記事は，｢突撃インタビューの健」ことループス岡村健右（けんすけ）の投稿記事です。昨日好評をいただいた前編に続き，「怪盗ロワイヤル｣産みの親，DeNA大塚さんへのインタビュー（後編）をお届けします。（前編記事は こちら） 大塚 剛司氏 プロフィール 2005 年に東京大学を卒業後、事業家を目指してDeNAに新卒入社。当初は営業企画として活躍するが、ビジネスとシステムの両方を理解してサービスを提供できる ようになることを目指し、エンジニアに転向。同社の最初のソーシャルゲームである「怪盗ロワイヤル」の企画・開発を全て担当した。現在はプラットフォーム 統括部長として活躍中。 ■ 継続率が大事です ---重要視している指標（KPI）は何ですか？ 私たちが重要視しているのは継続率で、1日後、2
ループスとオプト、モバゲー「オープンアカウント」販売で提携：In the looop：オルタナティブ・ブログ
当社ループスは，株式会社オプトと提携し，企業がモバゲータウンに「オープンアカウント」を開設するための広告パッケージ，「モバゲータウン『オープン・アカウント』スタートパック」の提供を開始します。 モバゲータウン「オープンアカウント」とは，企業がモバゲータウン内にアカウントページを開設してユーザーと継続的に自由にコミュニケーションを取れる広告商品です。当社はオプト社と提携し，「オープンアカウント」をスムーズかつ有効に活用していただくため，アカウント開設および運用をサポートするサービスを付帯した広告パッケージの取り扱うこととしました。 ソーシャルメディアマーケティングに関するコンサルティング経験の豊富なループスが，ユーザーとのコミュニケーション企画設計から日記更新やニュース投稿などの運用までをバックアップし，企業の効果的なソーシャルメディア活用を支援します。 ■ モバゲータウン「オープン・アカウ
大丸、携帯メールで140億円増収 ～「販売履歴」は宝の山～ ：日本経済新聞
日本経済新聞の電子版。「ビジネス」に関する最新のニュースをお届けします。
HTML5対応のモバイル向けWebアプリケーションを構築するなら·Sencha Touch MOONGIFT
Sencha TouchはJavaScript製/HTML5対応のオープンソース・ソフトウェア。iPhoneやAndroidはネイティブアプリが魅力の一つだが、WebKitによるHTML5の高性能化によってWebアプリケーションも見逃せない存在になっている。 多数のサンプルが用意されている ネイティブアプリはインストールさえされればアクセスが非常に容易になるのがメリットだが、そのインストールまでは壁が高い。サイトのターゲットによっても違うが、ネイティブアプリよりモバイル最適化サイトの方がメリットが高いと判断したらSencha Touchを使ってみよう。 Sencha TouchはかつてExt JSと呼ばれたWebアプリケーションフレームワークがSencha（煎茶）とネーミングを変え、そのモバイル向けに提供されるフレームワークだ。Webアプリケーション用なので最適化されたHTMLデザインだけ
ke-tai.org > Blog Archive > OSC 2010 北海道の発表で使用したスライド資料「PHPで大規模ブラウザゲームを開発してわかったこと」
OSC 2010 北海道の発表で使用したスライド資料「PHPで大規模ブラウザゲームを開発してわかったこと」 Tweet 2010/6/28 月曜日 matsui Posted in PHP, お知らせ | 7 Comments » 先日6月26日、札幌で「オープンソースカンファレンス2010 北海道」が行われ、無事終了することができました。 当日は来場者数が過去最高の約450名となり、閉会式は会場に収まりきらないくらいの大盛況でした。 ご来場者の方々、スタッフ・事務局の方々、本当にありがとうございました。 私も1コマセミナー枠を戴くことができまして、弊社で「ブラウザ三国志」というゲームのプログラム開発を行った際の苦労やノウハウなどをまとめた、「PHPで大規模ブラウザゲームを開発してわかったこと」という発表を行わせていただきました。 お越しいただけなかった方のためにも、その際に使用したスライ
スマートフォン時代の携帯サイト作成術
This document discusses various web technologies supported on the iPhone including Safari, Webkit, CSS properties like borders, shadows and transforms. It also covers viewport meta tags, touch icons, file inputs, hovers, tooltips, plugins and fixed positioning. Finally, it lists common fonts and includes phone number and format detection meta tags as well as examples of Japanese mobile websites.Re
secure.softbank.ne.jpの問題が解決に向かいそうなお話 | 水無月ばけらのえび日記
公開: 2010年6月20日16時50分頃 こんなお話が。 secure.softbank.ne.jp について SoftBank に質問したら残念な結果になったの巻 (co3k.org)SSLプロキシの挙動についてソフトバンクモバイル 宮川CTOに何とかしてと頼んだらすぐに何とかなった話 (togetter.com)前々から懸念していた件が解決しそうで朗報なのですが、モバイルサイトに携わらない人には何の話か分からないと思いますので、少し長くなりますが補足しておきます。 Yahoo!ケータイでWebサイトを見ようとすると、ソフトバンク側のゲートウェイを通ってWebサーバにアクセスすることになります。その際、ゲートウェイでは以下のような処理が行われます。 HTTP応答ヘッダにx-jphone-uidを付加する (既にx-jphone-uidがついている場合は上書きする)3GC以降の端末でのア
高木浩光＠自宅の日記 - 今こそケータイID問題の解決に向けて
■ 今こそケータイID問題の解決に向けて 目次 ソフトバンクモバイル製のiPhoneアプリがUDIDを認証に使用していた件 Web開発技術者向けの講演でお話ししたこと 研究者向けの講演、消費者団体向けの講演でお話ししたこと 総務省がパブリックコメント募集中 ソフトバンクモバイル製のiPhoneアプリがUDIDを認証に使用していた件 6月初めのこと、ソフトバンクモバイルが「電波チェッカー」というiPhoneアプリを直々に開発して、iTunesストアで配布を始めたというニュースがあったのだが、それを伝えるITmediaの記事で、「取得された電波状況情報はiPhoneのUDIDとともにソフトバンクモバイルに報告される」と書かれているのが気になった。*1 「電波チェッカー」で検索して世間の反応を探ったところ、ソフトバンクモバイル社のCTO（最高技術責任者）の方が、Twitterで直々に市民と対話な
位置ゲーの位置詐称対策で検討すべき事
OHTSUKA Ko-hei @kokogiko @niryuu 後者の前提で一般的な話をすると、結局ケータイでの位置取得はGET/POSTでの経緯度通知にすぎないので、ユーザが嘘情報を流し込むと詐称されてしまいます。なので、確実に自分達のリンクから来たと検証する手段か、GET/POSTの送付先を知られないための隠蔽手段が必要。 2010-06-09 23:49:30 OHTSUKA Ko-hei @kokogiko 前者の場合、Cookieに1回限りの使い捨てセッション埋め込んだり、Refererをチェックしたりで防げます。最近はCookieやRefererに対応したケータイが主流になってきたので、古い（と言っても意外と最近までですが）DoCoMoケータイを無視するならこれが一番簡単かと。 2010-06-09 23:52:27
ke-tai.org > Blog Archive > いま若者の間で人気のあるサイトのTOP10がわかる「ケータイサイト番付」
いま若者の間で人気のあるサイトのTOP10がわかる「ケータイサイト番付」 Tweet 2010/6/16 水曜日 matsui Posted in 記事紹介・リンク | 1 Comment » 特にネタもないので、先日なんとなく見つけたものをご紹介します。 ケータイWatchに「ケータイサイト番付」という記事がありました。 男女別の訪問者数TOP10のサイトがわかる「ケータイサイト番付」が掲載されたもので、いま若者の間で人気のあるサイトがわかるというものなのですが、少しだけ謎の多い結果となっています。 → ケータイWatch ケータイサイト番付・15歳～19歳（2010年4月） [k-tai.impress.co.jp] → ケータイWatch ケータイサイト番付・20代（2010年4月） [k-tai.impress.co.jp] 15歳～19歳と20代という二つの年代で、それぞれ男女別
プロモーションに頼らず、“運用” でアクセスを伸ばすためにしてきたこと : LINE Corporation ディレクターブログ
モバイル事業を担当している渡邉雄介です。 Webサービスを運営していると、「アクセスUP」「PV増」といったキーワードの入った会話をほぼ毎日しているわけですが、施策を考えていると、新規ユーザーの獲得ありきで「どこに広告を出稿するか」の話ばかりになってしまうことはないでしょうか。 広告出稿をはじめとした外部でのプロモーションは頻繁にできるわけではなく、もちろん弊社のサービスも例外ではないのですが、モバイル版のlivedoorニュースは、プロモーションに頼らず、既存ユーザー向けの運用を中心とした施策の積み重ねで、7倍近くPVを伸ばしてきました。 今回は、実際にニュースで行ったいくつかの施策についてご紹介します。 左: ニュースのTOPページ 右: ケータイlivedoorのTOPページ その1: モバイル専門の運用部隊を配備 元々、モバイル版のニュースはPC版と合同で運用していたのですが、 モ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build and implement a single sign-on solution
コロプラ、位置情報を軸にしたプラットフォーム事業展開へ