第54回 「ペコロッジ」に見るHTML5＋Canvas開発のツボ | gihyo.jp
スマートフォンのWebブラウザで楽しめる「ペコロッジ」 スマートフォン向けの新たなソーシャルゲームとしてサイバーエージェントが提供を開始したのが「ペコロッジ」です（図1）。自分自身のアバターで自由気ままなビレッジ生活を楽しめるというソーシャルゲームであり、さらに料理を作ったり工作をしたりしながら、同じビレッジに住む村人たちの困っていることを解決するクエストという要素が盛り込まれているほか、ほかのユーザとのコミュニケーションも楽しむことができます。 このペコロッジの注目したいポイントとして、スマートフォンのWebブラウザを使って楽しむ、いわゆる「ブラウザゲーム」として提供されていることが挙げられます。今回、このペコロッジのフロントエンド部分の開発に携わった高橋健一氏と三上丈晴氏、そして同じくスマートフォン向けサービスの開発に携わる三島木一磨氏に、スマートフォン向けWebブラウザゲームを開
第3回 localStorageとpostMessageの使いどころ（3） | gihyo.jp
localStorageとpostMessage postMessageを使うことで、サーバを経由しないで異なるドメイン間でのデータ受け渡しが可能だということを説明しました。またlocalStorageを使うことで「サーバには送られないがブラウザにのみ保持されるデータ」を気軽に作ることができるようになりました。 「他サービスのid」ならまだしも「どんなサービスを使っているのか」までも秘匿（ひとく）したいケースは実際にはまれでしょうから、そこまでストイックな、完全にクライアントサイドでのみデータを保持するサービスにこだわる必要もないでしょうが、方向性としては興味深いと思います。クライアントサイドでのみデータを保持するということは、ブラウザのキャッシュをクリアしたらデータが消えるということでもあります。そんな状況は好ましくないでしょうから、localStorageに本当に永続化が必要な情報を入
第4回 Node.jsアプリケーションとMongoDBの連携 | gihyo.jp
はじめに 前回から、いよいよNode.jsを使ったWebアプリケーションを作成しはじめました。前回はデータを保存および読み出す処理がなかったので、今回はデータベースとの連携を実装したいと思います。使うのはMongoDBです。リレーショナルデータベースに対して、MongoDBはドキュメント指向データベースという位置づけです。JSON構造をそのまま保存できるため、Node.jsとの親和性も高いです。簡単に導入でき、日本語ドキュメントもあるので、初めてでもすんなり使えると思います。 MongoDBのセットアップ MongoDBのサイトから、OSごとに用意されたアーカイブをダウンロードして展開してください。展開したフォルダの直下にあるbinディレクトリ内にコマンド群があるため、これらを使って操作します。サーバデーモンとなるのがmongodで、クライアントとなるのがmongoになります。 まず適当に
第13回 簡単なアプリケーションの作成 | gihyo.jp
こんにちは、太田です。前々回はJSONP、前回はXMLHttpRequestについて解説しました。今回は、ここまでの12回で取り上げた内容を使って簡単なアプリケーションを作成してみます。 アプリケーションの設計 第9回で取り上げたTwitter検索を行うJavaScriptをベースに、簡易Twitter検索クライアントを実装してみましょう。 機能は以下のとおりです。 任意のキーワードで検索 60秒おきに自動で新しい検索結果を取得 @ユーザー名はTwitterにリンク URLと思われるところはリンクに ハッシュタグをクリックしたときはそのハッシュタグで検索 短縮されたURLを展開 なお、機能的にはIE 6～8もほかのブラウザと同等の実装にしますが、見た目について（具体的には角丸）はIEでは再現しません。 検索の骨組み まずは任意のキーワードで検索する部分を見ていきましょう。まずはHTMLです
第1回 Androidアプリを開発する前に | gihyo.jp
第1回目は、Androidアプリを開発するにあたっての準備や心構え、そしてAndroidアプリ開発の醍醐味について紹介します。 まずは、ご挨拶 今回から12回にわたり、Androidアプリの開発の連載を担当させて頂くことになりました。よろしくお願いします。まずは、ご挨拶を兼ねた自己紹介から始めさせて頂きます。筆者は、Windows CE, Pocket PC, Palm OS向けにアプリを開発して経験があります。ご存知の方がいるかわかりませんが、稚作には「DMoney」があります。当時は、PDA向けにアプリを開発していたのですが、スマートフォンと比較すると、潤沢とは言えないメモリとノンビリしたCPUをやりくりしながら、ライフワークとしてアプリ開発を楽しんでいました。 図1 想い出のマシン達とHT-03A。上から右回りで、IBM WorkPad、ご存知HT-03A、Palm Tungsten
正しいJavaScriptの変数名とは？ | gihyo.jp
ベルギーのフリーランスWeb開発者のMathias Bynens氏が書いたJavaScriptの変数名についての興味深い実験結果が公開されていました。彼はUnicodeのどんなグリフ（絵文字）が識別子として利用できるのかECMAScriptの仕様を見てみることにしたそうです。彼の実験によるとなんと図1のような変数名はすべてJavaScriptとして正しいとのことです。 絵文字を変数名として利用するというアイデアを実際に使う機会はかなりまれでしょうが、ブラウザによる解釈の誤差を除くと動作する正しいコードということになります。マルチバイトを許容する言語ではユニットテストのテストメソッド名に日本語を使うようなアイデアも見かけるようになってきていますが、ソースコードの可読性と表現力について考えなおしてみる機会になるかもしれません。 図1 グリフを使ったJavaScriptのコード例 URL：htt
第11回 JSONP入門 | gihyo.jp
こんにちは、太田です。今回から、Ajaxと呼ばれるような非同期な通信処理を行うJavaScriptについて解説していきます。今回は特にJSONPについて基礎的な部分を解説します。 JSONとは JSONについては第9回でも少し触れていますが、改めて解説します。 JSON（JavaScript Object Notation）はJavaScriptから生まれたデータ記述フォーマットで、真偽値、数値、文字列、null値の組み合わせを持ったハッシュか配列かその両方で構成されます。 JSONはそのシンプルさから多くの言語でネイティブにサポートされており、特にウェブ関連ではポピュラーなデータフォーマットです。 JSONのサンプル（配列） ["aaa", "bbb", "ccc"] JSONのサンプル（ハッシュ） {"aaa":1, "bbb": 2, "ccc": 3} JSONのサンプル（ハッシュ
第12回 XMLHttpRequest入門 | gihyo.jp
こんにちは、太田です。前回はJSONPについて解説しました。今回は、XMLHttpRequestについて解説していきます。 XMLHttpRequestとは XMLHttpRequestはブラウザ上でサーバーとHTTP通信を行うためのAPIです。 名前にXMLが付いていますがXMLに限ったものではなく、HTTPリクエストを投げてテキスト形式かDOMノードでレスポンスを受け取る機能を持っています。 仕様としてはW3CよりXMLHttpRequestとして定義されており、2010年8月3日にCandidate Recommendation（勧告候補）となったばかりです。また、XMLHttpRequest Level 2の策定も進められています。 XMLHttpRequestの機能と特徴 前回のJSONPと比べると機能的には大きな違いはありません。ただ、スキーム、ドメイン、ポート（これをまとめて
これでできる！ クロスブラウザJavaScript入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Titanium Mobileで作る！ iPhone／Androidアプリ 記事一覧 | gihyo.jp