第4回TitaniumでTwitterクライアント──OAuthを使ったAPI呼び出し 倉井龍太郎 2011-01-11
![Titanium Mobileで作る! iPhone/Androidアプリ 記事一覧 | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/7241c583676d54fc052c4388a6edd25e4c7f280b/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2Fgihyojp-ogp.png)
@taguchi さんから、JavaScriptで簡単にスマートフォン向けのゲームがつくれる「enchant.js」というライブラリを教えてもらったので、ちょっと遊んでみました。 つくったゲームは「クマたたきゲーム」です。 » クマたたきゲーム – enchant.jsの練習 @fkoji ランダムにあらわれるクマさんをひたすらクリック、スマートフォンならタップして消していく、ただそれだけの単純ゲームですw 画面上に10匹クマさんが登場してしまったらゲームオーバー。速く叩けば高得点です。 この enchant.js はスマートフォン向けのゲームが簡単に作れるようになっているので、クマたたきゲームもスマートフォンで遊べます。 ゲームで使っているクマの画像はライブラリに梱包されているもので、自由に使えるそうです。 enchant.js についてはすでに IDEA*IDEA にまとまっているので
トップページ > JavaScriptゲーム > ライブラリ > enchant.js > サンプル サンプル キャラクターを右に移動 キャラクターを方向キーで移動 往復移動処理(キャラクターの画像反転) タップした位置にキャラクターを移動 ラベルの表示 当たり判定(ライブラリのメソッドを使わずに自前で判定) 当たり判定(ライブラリのメソッドで判定) キャラクターアニメーションの方法 キャラクターの追加方法 車の移動処理 レイヤーの前後関係を考慮したキャラクター追加方法 放物線状に物を投げる方法 プラグイン バーチャルパッドの使い方 付属のバーチャルパッドのプラグインが8方向入力に対応 enchant.js向けの全方向入力可能なバーチャルパッド 文字列(テキスト)描画のプラグインに文字列変更対応版のクラスを追加 ゲーム タップ・タップ・リンゴ(全てのリンゴをタップ) タップ・タップ・リンゴ
DOM仕様書にこれらのプロパティについて図解入りで説明がありわかりやすい。 文字を選択した時に表1のプロパティがどのように変化するかを表示するサンプル。 http://www.bit-hive.com/~tomita/RangeDump/ JavaScriptのソースはhttp://www.bit-hive.com/~tomita/RangeDump/range.js 3. 現在の選択範囲の取得の仕方(IEの場合) IEのRangeオブジェクトにはテキストの選択範囲を表すTextRangeと画像などのコントロールオブジェクトの選択を表すControlRangeの2種類が存在する。 3.1 TextRange,ControlRangeの取得 IEの場合Selectionはdocument内に既にあるので以下のようにして取得できる。 var range = document.selection
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
localStorageを使って見た.食わず嫌いでした.すごく便利ですね cookieで保存するより相当便利です. cookie VS localstorage 比較 Cookieの特長 ドメイン毎にデータが保存される.(SameOriginの原則) Stringが保存される. HTTPリクエストで毎回サーバーに送られる JavaScriptからアクセス可能 有効期限がある LocalStorageの特長 ドメイン毎にデータが保存される.(SameOriginの原則) Stringが保存される. HTTPリクエストで毎回サーバーに送られない JavaScriptからアクセス可能 有効期限が特にない 比較まとめ Cookieの特質から、HTTP通信で送る特性を省いたものHTTP通信で送る必要がないので,Expires(期限)も省略される localStorageの保存方法 js> local
デザイナは要注目! 明日から語れるHTML5&CSS3:一撃デザインの種明かし(13)(3/4 ページ) HTML5の新しいタグ<canvas><video><audio>とは HTML5に追加されたタグの代表的なものを2つ紹介します。新しい表現の可能性を感じることができると思います。 <canvas>タグ <canvas>タグはJavaScriptで図形を描画できるエリアを生成します。<canvas>タグは応用次第で、さまざまな用途に使うことができます。 例えば、円グラフを更新するとします。従来であれば数値に合わせて円グラフの画像を作成し、GIFやPNG画像として出力して更新することになるでしょう。しかし<canvas>タグを使うと、JavaScriptの数値を変更するだけで円グラフを描画できるので、画像を作成する手間を省くことが可能となります。 例えば、カヤックの技術部ブログでも<ca
HTML 4時代のJavaScriptは主にWebページの装飾に使われていたので、マシンやブラウザーへの負担はそれほど高くなく、JavaScriptの処理にユーザーが待たされることはほとんどありませんでした。ところが「Webアプリケーションのプラットフォーム」と位置付けられるHTML5時代になると、JavaScriptのプログラムは巨大で複雑になります。そのため、各ブラウザーベンダーはJavaScriptエンジンを高速化し、複雑で時間のかかる処理を素早くこなせるように努力してきました。 しかし、いくら高速化しても回避できないこともあります。従来のJavaScriptはJavaのようなスレッド処理ができないので、時間のかかる処理を実行するとブラウザーが停止状態になってしまい、その間、ユーザーはUI操作がまったくできなくなる問題がありました。 そこで、ブラウザーで複数の処理を並行して実行させる
前回のつづき。 さて、大体 window.name によるクロスドメイン通信がどんなものかで、dojo のwindowNameモジュールがどんなことやってるかはわかった。個人的にdojoはすばらしいことをやっていると思うが、これだけのために常にdojoを使う気にはならない。ので、可能な限りポータブルなライブラリを実際に自分で実装してみることにする。 実装前におさえておきたい前提 クロスドメインでリクエストを送るためには、ターゲットとなるリソースが配置されているサーバの同一ドメイン上に、プロキシの役割を担うHTMLファイルがあらかじめ配置可能である必要がある。これはFlashで例えればcrossdomain.xmlのようなもので、リソース側がクロスドメインのリクエストをオプトインしている、と考えればよい。さらにポリシーを記述することができるという点でもよく似ている(これは後述)。 何らかの静
こんにちは、太田です。前回はJSONPについて解説しました。今回は、XMLHttpRequestについて解説していきます。 XMLHttpRequestとは XMLHttpRequestはブラウザ上でサーバーとHTTP通信を行うためのAPIです。 名前にXMLが付いていますがXMLに限ったものではなく、HTTPリクエストを投げてテキスト形式かDOMノードでレスポンスを受け取る機能を持っています。 仕様としてはW3CよりXMLHttpRequestとして定義されており、2010年8月3日にCandidate Recommendation(勧告候補)となったばかりです。また、XMLHttpRequest Level 2の策定も進められています。 XMLHttpRequestの機能と特徴 前回のJSONPと比べると機能的には大きな違いはありません。ただ、スキーム、ドメイン、ポート(これをまとめて
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ハッシュタグなどでtwitter検索した結果を表示して自動更新するページを作りたいと思い、いろいろと調べてました。 で、twitter API使うとjavascriptで検索結果を得ることができるということがわかったので、javascriptだけでtwitter検索した結果を表示し、それを自動更新し続けるスクリプトを作成しました。 最終的にはPukiWikiのプラグイン化する予定ですが、出来上がって嬉しかったのでとりあえずスクリプト部分のソースを公開します。 (追記) このスクリプトをベースにしてPukiWiki用のTwitterプラグインを作りました。 こちらもご参照ください。 PukiWiki用Twitterプラグイン - モーグルとカバとパウダーの日記 (/追記) (追記) Twitterウィジェットを使えばよかったんですよね… 調べてた頃はこのウィジェット知らなくて http://
≫Download 概要 Twitter の API を JavaScript から簡単に使うためのライブラリです。 上部の Download リンクより、js ファイルをダウンロードして読み込む事で、専用のプロキシサーバを通じて Twitter API を呼び出す事が出来るようになります。 Twitter API が BASIC 認証をサポートしなくなる事に合わせて、TwitterAPI.js の後継ライブラリとして開発されました。 現在のバージョンは 0.2.1 です。 TwitMgr (閉鎖済) や Splitwit (閉鎖済) の開発の都合上、必要になった機能については順次追加していったりしていますが、まだ十分に枯れたとは言えません。 動作のおかしい点などあれば、ご連絡頂けると助かります。 特徴 OAuth 対応 プロキシサーバを経由して Twitter API にアクセス 単一の
Flashエンジニアnao ozawaです。最近あんまりゴリゴリとFlashでコーディングしていません。なんでかなぁ!まるで働いていないみたいじゃないですか。一応ちゃんと仕事してるんですよ? まぁ、そんな感じの毎日なので、実はここ数日、作業のかたわら、スマートフォン向けページのレイアウト方法を色々考えております。 ・ブラウザの画面回転するのめんどくさくね? みなさんご存知のように、iPhoneを筆頭に最近のスマートフォンは、携帯を横に向けると、合わせてくるりと画面が横レイアウトに変わります。斯(か)く言う私も初めてソレに遭遇したときには驚きを隠せず、暫くは日がな一日iPhoneをくりくりと縦にしたり横にしたりして過ごしていたものです。それはそれは楽しかった。 が、しかし、最近スマートフォン向けのページを作る具体策を考えてみて、はじめて気がついたのです。 画面の幅が変わるのって、めんど
HTML5やCSS3といった最新の技術を活用したWebページの制作は開発者にとっては魅力的な選択肢だが、そこには常に「どの機能ならば使っても良いか」という判断が必要になる。最新のブラウザがある機能に対応していたとしても、それがすべての主要ブラウザでサポートされていないことがあったり、あるバージョンでは特定の問題を引き起こすこともある。「どの機能ならば使っても良いか」という調査にかかるコストを考えると、従来の古い技術のみでWebサイトを構築する、といった選択肢も捨てがたいものとなってしまう。 こうした際に役立つサイト「HTML5 Please」が登場した。HTML5やCSS3、JavaScript APIに関して利用が推奨されるかどうか、どのブラウザのどのバージョンがサポートし、全体としてどの程度の対応状況にあるかをまとめたサイトだ。どの機能を利用すべきかといった判断をするのに役立てることが
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
1.デバイス依存をどう乗り切るか。 エクスぺリア、iPhone、ギャラクシーはこれといった影響なくできていたのですが、 REGZAでFirefoxなどを使った時はもうね。泣きそうになりましたよね。 原因はmoz系に対応するjsとCSS3の記述を全て行っていなかった事だと思います。 初めにどのデバイスでどこまで対応するのかという仕様策定をしてから始めないと モバイル同様苦しむ事になるので注意が必要です。 androidのopera等。 2.横にした時の見え方。 これは意外と苦戦しました。縦だと綺麗なのにスマホサイトでよく見るwidth:100%とかを 適所に使わないといけない。 float:left; とかで2つの要素を詰めないと、縦では詰まっていたのに、横では両端に広がってしまうとか。 それによってhtmlの記述を変えないといけなくなったりとか。 2012/09/26 以前は上記の様に書い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く