HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
WatchReload.app - ウェブ開発者向けブラウザ自動リロード
ブラウザをリロードして欲しい時に勝手にリロードしてくれるウェブ開発者向けのMacOSX用アプリケーションです。 HTMLやCSSなどのファイル編集を監視し、保存と同時に今開いているブラウザのタブをリロードします。動作確認をするためにブラウザをリロードする手間が省きウェブ開発に快適さをもたらします。 対応するブラウザは、現在のところChromeとSafariです。 ダウンロード 使い方 CHANGELOG フィードバック 過去のビルド ダウンロード 以下のリンクからzipをダウンロードし、適当な場所に解凍すると使えるようになります。動作確認はMaxOSX Lionで行なっています。 WatchReload-0.0.1.app.zip 使い方 WatchReloadを起動すると、メニューバーにWatchReloadのメニューが表示されるようになります。 メニューからStart Watching
Multi-touch web development | Articles | web.dev
Multi-touch web development Stay organized with collections Save and categorize content based on your preferences. Introduction Mobile devices such as smartphones and tablets usually have a capacitive touch-sensitive screen to capture interactions made with the user's fingers. As the mobile web evolves to enable increasingly sophisticated applications, web developers need a way to handle these eve
Mobifying your HTML5 site | Articles | web.dev
Mobifying your HTML5 site Stay organized with collections Save and categorize content based on your preferences. Introduction Developing for the mobile web is a hot topic these days. This year, for the first time ever, smart phones out sold PCs. More and more users are using a mobile device to traverse the web, which means it's becoming critical for developers to optimize their sites for the mobil
View source on the iPad and iPhone
Article byOle Michelsenposted onJuly 28, 2011, updatedJune 25, 2020 Update: The bookmarklet has been updated to work with iOS 13+ and without a server backend My new iPad has become my primary tool for surfing, but alas it completely lacks a view source feature for looking at the source code of all those websites. To get around this limitation we can use a bookmarklet which is a piece of JavaScrip
大規模JSプロジェクトのための、モダンなjavascript/coffee-script の学習用資料まとめ - mizchi log
A社coffee-scriptエヴァンジェリストのmizchiです。今日は昨今の大規模JSの需要の高まりに応えるべく、お前が知ってる資料をまとめろとのお達しが下ったので、社内wiki面倒だしここに載せてますん。 前提 大規模JSをモジュール化する為にcoffee-scriptのシンタックスシュガーでOOPのパラダイムを持ち込む coffee-scriptの煩雑なコンパイル作業を避けるために、Rails/Nodeではアセットパイプラインを使って動的にコンパイルと圧縮を行う JSプロジェクトを部分的にnode化してTDDでサイクルを回す coffee-scriptに関しては、基本的には本家チュートリアルと The Little Book on CoffeeScript を読めばいい coffee-script チュートリアル 本家チュートリアル CoffeeScript little book
iPhoneをアルミホイルで包むお仕事 | fladdict
面白い小ネタだけど、結構しらない人がいるみたいなのでメモ。 自分のiPhoneアプリを作るときに、iPhoneをアルミホイルで包む作業工程を行う。 iPhoneをアルミホイルに包むのと、包まないのでは、できあがるアプリの品質に圧倒的なクオリティの差が出るのだ。 何をデンパなお話をww と思った人はまさに正解で、本当にデンパなお話。 iPhoneをアルミホイルで包むと、電波が乱反射する為に、ネットワークの切断や障害のテストを簡単に行えるのだ。 Appleの審査規約の１つに、「通信を行うアプリがネットワークに接続できない場合、状態の通知あるいは、代替コンテンツを表示しなければならない」というものがある。 これを完璧にパスする為には、アルミホイルが大変重宝する。 地下鉄等を使うのは時間も手間もかかるし、機内モードも突然の切断は調査できない。そして電子レンジは突っ込んでしまうとなにも操作ができない
『スマートフォン版ピグカジノ・スロットゲーム』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェント・ピグディビジョンでflash/javascriptによる開発をしております畑山（wonderfl・jsdo.it)です。 スマートフォン版ピグカジノ・スロットゲーム (http://casino.pigg.ameba.jp/) の開発を担当させて頂きました。 今回は使用したツール・ライブラリ・参考サイトに的を絞ってご紹介していこうと思います。 ツールtexturepackerTexturePacker – Sprite sheet maker, image packer and optimizer | Textu
iOSシミュレータ内MobileSafariのWebインスペクタを有効にする方法
iOSシミュレータ内のMobileSafariを、スマートフォン向けWebサイトの開発に使っている人は多いのではないでしょうか。 Safariで言うところの「Webインスペクタ」、Google Chromeで言うところの「デベロッパー ツール」がiOSシミュレータ内のMobileSafariでも使えたらなぁ、と思いませんか？ 上記のサイトの情報によれば、プライベートメソッドを実行することでMobileSafari内でWebサーバを起動、iOSシミュレータの外からMac側のブラウザで「http://localhost:9999」にアクセスしに行くと、Safariで言うところの「Webインスペクタ」相当の機能がブラウザ越しに使えるということです。 実際にやってみました。大変便利ですね！ そこで、iOSシミュレータ内のMobileSafariの「Webインスペクタ」の有効/無効を切り替えるアプリ
[js,css] テンキーがついているスマートフォンの罠
Androidを爆発し隊・投げ捨て隊に所属するみなさん、 ますますスマホ戦線が活発化する中いかがお過ごしでしょうか。 スマホといえばiPhoneがその美しいデザインでこれぞスマホ！という概念を決定的に印象づけた ３〜４インチ前後のタッチパネルのものが主流ですが、 テンキーとか十字キーとかがついている狂った機種をお忘れじゃありませんか？ 狂気の007SH ぱっと見ガラケーなのに中身はAndroid。 画面はタッチパネル対応だから触ればタッチイベントが発生する。 007SHはソフトバンクから出てるものですが、シャープはauやdocomoにもテンキー付きAQUOS PHONEを出してます。なんてことしやがる。 私はこのデバイスに触れて初めてスマホをへし折りたいと思いました。 幸い今の会社はテスト端末が豊富なのでスマケー()も実機で見る事が出来たんですが、 手元に無ければこんな機種絶対頭から抜け落
![[js,css] テンキーがついているスマートフォンの罠](https://cdn-ak-scissors.b.st-hatena.com/image/square/d69adcda0505f32b218fcfafa0e739ce12a5456d/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2011%2F12%2F007sh.png)
weinre - Home
Home - Test Drive - Installing - Running - Multi-User - Security - Building - ChangeLog - License ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ weinre is Web Inspector Remote. Pronounced like the word "winery". Or maybe like the word "weiner". Who knows, really. It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, a
フロントエンドの開発効率が3倍に…！？デバッギングプロキシCharlesの使い方 :: 5509
タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストをローカルへ向ける Map Remote（指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ（ほとんど全部共通） Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを
MacをJavaScriptの開発環境にするメモ - os0x.blog
以前は自宅も仕事もWindowsメインな環境だったんですが、仕事の方がでMac+英語キーボードな環境になり、ついでなので自宅もそれに合わせることにしました。 環境はMac miniの最新型で一番安いの(6月くらいに購入)とMacbook Airのやっぱり一番安いの(11月に購入)です。両方合わせて15万くらい。お手頃…なのか？どうでもいいけど、mac miniは1.3kgしかなくて、Macbook Airの13インチとほぼ同じ重さだっりします。miniデスネー。 ついでにWindowsのほうは2年半前に買ったCore2duo(Windows7アップグレード済み)で、当時そこそこハイエンドだったやつです(ちょうどMac miniと同じくらいのスペックだけどこいつは一体何kgあるんだろう…)。 以下、Macの開発環境をなるべく最近の流行りを取り入れてレポートします。 ブラウザ さて、マシンのセ
Twitter APIでユーザのアイコンを簡単取得する方法 - 強火で進め
※このAPIのリファレンスページには「開発者がユーザのプロファイル画像(アイコン画像)のURLを参照したり、チェックするためにだけ使用して下さい」と書かれています。ユーザに公開するサービスなどでは使用しない様に注意して下さい。 GET users/profile_image/:screen_name | Twitter Developers https://dev.twitter.com/docs/api/1/get/users/profile_image/%3Ascreen_name 使用例はこんな感じ https://api.twitter.com/1/users/profile_image?screen_name=nakamura001 https://api.twitter.com/1/users/profile_image?screen_name=nakamura001&size
Sinon.JS を使った JavaScript のテスト - mixi engineer blog
初めましてこんにちは。ソーシャルクライアント開発の tanabe と申します。 今回は?Sinon.JS を使った JavaScript のテスト方法を紹介したいと思います。 Sinon.JS って何？ Sinon.JS はノルウェーのエンジニア Christian Johansen さんが書かれた、JavaScript 用のライブラリです。スタブやモック、フェイクオブジェクトの提供に特化していて、QUnit などのテスト用のフレームワークや実行環境に依存しない所が特徴です。Christian Johansen さんは?Test-Driven JavaScript Development の著者でもあり、こちらは近々翻訳版 が登場するようです。 では早速、Sinon.JS を使ったテスト手法をご紹介していきたいと思います。本稿ではテストフレームワークは QUnit を採用しています。 時間
6月20日サイバーエージェント様で開催されたcocos2d勉強会発表スライドを公開 - Seasons.NET
私の方で企画しましたcocos2d勉強会が6月20日 サイバーエージェント様にて開催されました。 http://atnd.org/events/16032 平日の夕方開始にも関わらず、約130名の登録も頂き 当日大盛況に終わりました。 私は、cocos2d advanced technicsという内容で 1時間20分ほど話をさせて頂きました。 Youtube版はこちらです。 SlideShareでも公開してますよ！ Advanced cocos2d View more presentations from Keisuke Hata さぁ、cocos2d本も一緒に購入してcocos2dプログラミングを楽しみましょう！ cocos2dで作る iPhone＆iPadゲームプログラミング 作者: Steffen Itterheim,畑圭輔,坂本一樹,加藤寛人,高丘知央,株式会社クイープ出版社/メー
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大規模なJavaScript開発の話
http://userenv.info/
http://www.source-laboratory.net/blog/