タグ

JavaScriptとiOSに関するheadless_pastaのブックマーク (6)

  • iOS 8 に Apple の HTML5 への愛を見た « 株式会社ゼノフィ

    先週アップルが発表した iOs 8 のリリースに、私たちは非常に興奮しております。iOS 8 の正式リリースを手にして数日しか経っていませんが、いち早く世界中の Web 開発者コミュニティに最新のアップルのリリースについて徹底的にお伝えしたいと思っています。もちろん数週間、数ヶ月後にはここではカバーできなかった項目が発覚するのは承知ですが、既に分かっていることを少しでも共有できたらと思っています。 この記事は、今後iOS 8 がアップルのデバイスのベースラインとなることを見越して、HTML5 の現状を技術解析したものです。去年 iOS 7 にも似たようなレビュー記事を Web 開発者のために書きましたので、気になるかたはそちらもご覧ください。 iOS 8 の新機能は HTML5 開発を進めます 今回のアップグレードで加えられた機能について見ていきましょう。 Source: caniuse.

    iOS 8 に Apple の HTML5 への愛を見た « 株式会社ゼノフィ
  • iPhoneやiPadで気軽にD3.jsを試せる開発環境「Procoding」

    Procoding Processing.jsやPaper.jsなどのグラフィックライブラリを利用したプログラミングを気軽に行えるアプリ「Prociding」が、バージョンアップしてD3.jsにも対応しました。 Procodingは、エディタとプレビュー機能を備えた開発環境です。 エディタには構文強調表示、自動補完などの機能が備わっており、常時JSHintによってシンタックスのチェックが行われます。プレビュー画面にはエラーコンソールついているので、エラーを確認するのも簡単です。 これでDOMの状態を確認できる機能などがあればかなり便利なのですが、残念ながら今のところありません。 手軽にiPhoneを使ってD3.jsプログラミングが楽しめるのでお勧めです。

    iPhoneやiPadで気軽にD3.jsを試せる開発環境「Procoding」
  • iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog

    こんにちは。ミクシィUX統括部にて、mixi Touchの開発を担当しております戸高です。 JavaScriptでの開発を行う事が多いのですが、iOSのブラウザ(Mobile Safari)のfocusの挙動について少しクセがあり、 調べてみましたので、お知らせいたします。 通常、<textarea>や<input type=”text”>等のフォーム要素に対して、フォーカスを与えたい場合、focus()メソッドを使用します。 iOSのブラウザ(以下、Mobile Safari)にて、以下のコードを実行してみます。 (分かりやすい様にjQueryを使用させて頂きました) なお、検証端末にはiPhone4S iOS5.0(9A334)を使用しています。 HTML <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” con

    iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog
    headless_pasta
    headless_pasta 2014/01/24
    ちくしょーーーーーーー!これか!!!!
  • JavaScriptでiOSアプリが書けるライブラリJavaScriptBridgeを公開しました - 24/7 twenty-four seven

    kishikawakatsumi/JavaScriptBridge · GitHub 前にiOS 7から導入されたJavaScriptCore.frameworkを使ってUIKit標準のクラスを操作する話を書きました。 JavaScriptだけでiOSのUIを書いてみる - 24/7 twenty-four seven JavaScriptCoreを使ってJavaScriptからObjective-Cのオブジェクトを操作するのは、あらかじめJSExportプロトコルで公開しておく必要があるなど、あまり実用的ではありませんでしたが、このライブラリを導入すうることで、そういった事前準備がすでに済んでいる状態で使いはじめることができます。 また、JavaScriptからObjective-Cのクラスを定義できるなどいくつかの拡張を加えてあり、UIViewControllerのサブクラスで画面を定

    JavaScriptでiOSアプリが書けるライブラリJavaScriptBridgeを公開しました - 24/7 twenty-four seven
  • UIWebViewでWebとネイティブを相互連携させる方法について - プログラミングノート

    特定のページのみUIWebViewを使ってWebページを表示することはよくあると思いますが、そのページでの処理終了したタイミングで、再びネイティブコードを実行したいというケースがあります。 PhoneGapではJSからネイティブコードを呼ぶ仕組みが実現されていますが、これと似たような仕組みを作るにはどうすればよいのか紹介します。 ネイティブからWeb呼び出し JSを実行するためのメソッドがあるので任意のタイミングでそれを利用するだけでOKです。 [webView stringByEvaluatingJavaScriptFromString:@"alert('call from native');"]; 簡単ですね。 Webからネイティブ呼び出し UIWebViewDelegateにある、ページがロードされる前に呼ばれるメソッドを利用します。 - (BOOL)webView:(UIWebVi

    UIWebViewでWebとネイティブを相互連携させる方法について - プログラミングノート
  • iOS6 の Web Audio API を使う - 音の鳴るブログ

    朝起きたら timbre.js が iOS6 で鳴らないやんけみたいなメールが来ていたので慌てて対応しました。スケールするマリオ も ホーミー も iPhone で、iPad で鳴ります!! ただ、まだ不安定な感じで、すごくブチブチに鳴ってしまうときと、奇麗に鳴るときがある感じです。UIWebView だと確実にブチブチになる。 僕は JavaScriptNode でゼロから信号処理を行う派ですが、こんな感じにしたら使えるようになりました。 AudioBufferSourceNode を JavaScriptAudioNode に入力してあげないといけないみたいです。 追記 ちゃんと確認していないですが、画面読み込み後等に自動でスタートするのはダメっぽい。 ボタンとか画面をタッチしてから音を鳴らすとかしたほうが良さそうです。 ctx = new webkitAudioContext() s

    iOS6 の Web Audio API を使う - 音の鳴るブログ
  • 1