Empower JavaScript with native APIs. Liberate your development by using Android, iOS, visionOS... APIs directly without leaving your love of JavaScript.

Building a Native Soundcloud Android app with React Native and Redux How i build a native android client for Soundcloud using React Native and Redux. My step by step dev tutorial. Seven months ago, React Native for iOS came out. I built the ShenJS app for the 2015 JSConf China the day after the release. It was more out of curiosity than anything else. At Wiredcraft, we’ve also been building apps w

「React」は、2013年にFacebookがオープンソースとして公開したJavaScriptフレームワーク。仮想DOMなどの手法を用いてユーザーインターフェイスの開発を効率的に行えるのが特長です。 そのReactと同じ書き方のJavaScriptでiOSやAndroidに対応したモバイルアプリケーションを開発できるのが「React Native」です。 「Deco IDE」は、React Native用の統合開発環境としてDeco Softwareが開発したもの。オープンソースとして公開されました。 DecoはMac OS X用のソフトウェア（Xcodeのインストールが必要）。iOSシミュレータを内蔵し、iPhone 6s/6s Plus、iPad Pro、iPad Airなどでの見え方を確認できます。 Deco Componentsと呼ばれるコンポーネントをプログラムの中に組み込むこ

Androidやってる人でChromeDevtoolsのRemote DebuggingとScreencasting知らない人は使ってみた方がいいよ！ 2013/10/30 に「Frontrend x Chrome Tech Talk Night Extended」が開催され、Addy 氏、Jake 氏、Paul 氏が来日して、最新のモバイル開発のための様々な手法を紹介してくれました。 そこで聞いた内容をもとに、エンタープライズで適用できそうなものを、中立な目線で評価・検証していたのですが、ChromeDevtools のが凄すぎて、終わってみたら ChromeDevtools ばっかり評価・検証していた（おいおい！）という話をします。 ちなみに、Android 開発はほとんどやったことはありません。 あうあう。 これの記事はFrontrend Advent Calendar 2013の

ワンソース、マルチプラットフォームは甘美な響きであり、誰もが夢見る存在です。ずっと昔から言われており、アプリ開発において最も望まれている存在かも知れません。 かつてはTitaniumが有力候補が出てきたのですが、最近ではあまり聞かれません。そこで登場したのがNativeScriptです。 NativeScriptの使い方 NativeScriptはCLIで操作します。node/Homebrew/mono/JDK/ant/Android SDKなどが必要です。準備が終わったら、 $ npm i -g nativescript にてインストールができます。 コマンドは次のようになります。 // 対応プラットフォームを追加 tns platform add android tns platform add ios // デバイスで実行 tns run android tns run ios //

これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！

In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

「App.js」はモバイルWebアプリを作成するための、軽量なJavaScript UIライブラリです(GitHub)。 簡単に言うと、AndroidやiOS風のWebアプリを簡単に作成するためのライブラリで、(もちろん)クロスプラットフォームに対応し、ウィジェットやカスタムテーマもサポート。スタックの管理もしてくれるのでネイティブアプリに似たWebアプリをつくる際に役に立ちそうです。 こんなことができる サイトトップの「Demo App」を実際に操作すると感じをつかみやすいと思います。 ↑リスト画面です。 ↑ボタン。 ↑入力部品。 iOSやAndroidを使い慣れた人ならばどこかで見たことあるような画面だと思います。 その他画像ビューアーや、Youtube閲覧画面のデモなんかも容易されています。画面右側の「iOS | Android」を選べば、iOS風/Android風の画面を切り替える

Chrome AppsをモバイルでもーChrome Apps on mobileー 吉川 徹 ハイブリッドアプリ開発の手法のひとつして、Chrome Appsをモバイルアプリに変換するApache CordovaベースのChrome Apps on mobileについて解説します。これによって、Chrome Appsとして作成したWebアプリがAndroidやiOS向けのネイティブアプリとして公開、インストールすることができるようになります。 Chrome Apps on mobileは、まだデベロッパープレビュー版で、GitHub上でプロジェクトが公開されています。まだデベロッパープレビュー版ということで、Chrome AppsのすべてのAPIを利用できるわけではありませんが、順次対応される予定です。本記事では、そもそも「Chrome Appsとは何なのか？」というところから、Chrom

Androidアプリのプログラミング環境「AndroidScript」をご存知だろうか?　最大の特徴は、ウェブサイトやウェブアプリ開発などに用いられるJavaScript言語を採用している点にある。 JavaScriptを使いながらも、独立したAndroidアプリに近い機能や使い勝手を実現したプログラムを実装可能。JavaScript言語の学習用としても適している。現在はベータ版のため、無料で利用でき、搭載されている機能の完成度は高い。 AndroidScriptには、詳しいドキュメントと豊富なサンプルコードが付属している。これに含まれる「Alert」や「LoadText」といった単一機能のサンプルコードは、その場で動作を確認し、コピーして自分のプログラムに張り付けるといったことも可能だ。 これらのサンプルを順に試し、どのような仕組みになっているかを確かめていけば、独自のアプリを作る際に非

※目指せ100。 ○小判は猫に渡したくない 「便利なライブラリとかOSS集を教えて欲しい」と、たびたび聞かれるのですが、実際のところ動かして評価しないと分からないんですよね。教えてもキーワードのみ鵜呑みにして使い方間違ってる人とか多くて、結局試行・評価をそれなりのスピードで回せる人じゃないと使いこなせないというか...。 ですが、「知ってる・知らないというゼロイチの差はあるだろう」という指摘をもらい、またどれだけ知っているかのチェックリストとしては使えるのではないだろうか、ということで並べてみることにしました。 使ったことが無いのは挙げていませんが、いかんせん数年経ってますので状況が変わっていたらすいません。 以下、リスト。 Apache Commons http://commons.apache.org/ 「5行＋エラー処理」を1行に済ませてくれるUtil群が主体。 IO、Lang、Co

Device.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 最近はスマートフォン、タブレット、デスクトップとWebブラウザごとの処理分岐が多くなっています。そのような時に都度ユーザエージェントで判別しているのでは面倒です。使ってみたいのがDevice.jsです。 iPhoneで縦の場合。デバイスの種別やOS、向きが判別できています。 横向きにすれば判定が変わります。 タブレットの場合も同様です。 HTMLソースです。htmlのクラスに追加されています。 向きを変えればhtmlのクラスがリアルタイムに変わっています。 Device.jsではOS（iOS/Android/Blackberry）、向き（縦または横）、種別（スマートフォンまたはタブレット）といった情報をHTMLタグに対して定義してくれます。これを基準にすれば処理判定がとても簡単になるでし

HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表 HTML5、CSS、JavaScriptなどのWeb標準の技術で作成したモバイルアプリケーションを、iPhoneやAndroidなどのデバイスにインストール可能なネイティブアプリケーションへと変換するフレームワーク「PhoneGap」が、正式版「PhoneGap 1.0」になったと開発元のnitobiより発表されました。 PhoneGapはオープンソースソフトウェアとして開発されているソフトウェアで、無料でダウンロードし利用することができます。 デバイスごとのネイティブアプリケーションに変換 PhoneGapを、jQuery Mobileのようなマルチデバイスに対応したモバイルアプリケーション用フレームワークと組み合わせると、HTMLやJavaScriptなどのWeb標準

iOS/AndroidアプリをJavaScriptで開発、OpenGL対応で高速描画の「Herlock」、クローズドβリリース HTML5やJavaScriptなどのWebテクノロジーを用いてiOSやAndroid対応のアプリケーションを開発できるツールにはPhoneGapやTitanium Mobileなどがあります。多くのエンジニアが使い慣れたWebテクノロジーでモバイルアプリケーションが開発できるために注目されているこの分野に、新しく国産のツール「Herlock」が参入しました。 HerlockはJavaScriptでiOS/Androidアプリケーションを開発できるツール。開発されたアプリケーションは単体で動作し、App StoreやGoogle Playに登録可能です。 プラットフォームごとに異なるAPIをHerlock内で統一、同じソースコードでiOSとAndroidの両方に容

Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。 少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリは こんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の

Titaniumで始めるモバイルアプリ作成の基礎知識：Web技術でネイティブアプリを作れるTitanium（2）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します ついにTitanium Mobile 1.0がリリース！ 「Titanium Mobile」の概要を紹介した前回の記事「HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは」は、おかげさまで大変評判も良く、技術者が多く集まる「はてなブックマーク」で、多くのブックマークを獲得しました。iPhoneへの関心の高まり、そしてよりスピード感のある開発手法への関心の高まりを感じました。 一方、Titaniumにも大きな動