このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
Monaca では、HTML5(JavaScript)で簡単にiOS・Androidアプリが作れます。 今回はMonacaプロジェクトの一つとして公開している、OnsenUIを使ってMonacaアプリを作ってみたいと思います。 OnsenUIは、AngularJSとTopcoatの2つのオープンソースソフトウエアをベースに、 モバイルアプリ開発に特化したナビゲーション機能とUIコンポーネントを追加したフレームワークです。 HTML5でアプリを作る場合にはjQueryを利用されることが多いかと思いますが、 jQueryだけではどうしてもDOMやCSSなどの見た目の操作をプログラムで制御するため、 煩雑なコードが多くなりがちです。また、モバイル特有のレイアウトや画面操作などを開発者が考慮する必要があります。 今回のサンプルアプリでは、OnsenUIを使った場合、 いかにシンプルにアプリが作れる
HTML5によるハイブリッドアプリをオンラインの統合開発環境で開発できる「Monaca」が正式版をリリース。3プロジェクトまで無償 HTML5/CSS/JavaScriptのWebテクノロジーでアプリケーションを開発し、PhoneGapでビルドしてモバイル向けのハイブリッドアプリを生成できるオンラインサービス「Monaca」が正式版として公開されました。 Monacaはオンライン上でエディタ、コンパイラ(PhoneGapによるビルド)、デバッガ、実機へのアプリの転送、実機上での実行機能などを備えたモバイルアプリケーションの統合開発環境。PhoneGapによるビルドで、iOS、Android、Windowsに対応したアプリケーションが生成されます。 Webブラウザ上の開発環境にも簡易なプレビュー機能が備わっており、動作確認できますが、モバイルデバイスへその場で転送してデバイス上で即座に動作確
HTML5/JavaScriptで作成したアプリケーションをラップし、ネイティブアプリケーションとして扱える「ハイブリッドアプリケーション」は、高い生産性でモバイルアプリケーションを開発できるといったメリットから注目されています。 しかし実際に自分でハイブリッドアプリケーションを開発しようとすると、例えばiOS用ならMacOSのマシンを用意してPhoneGapの環境を整え、ビルドしたアプリケーションをいちいちiPadやiPhoneに転送して試すなど、それなりの手間がかかります。Publickeyでは以前からハイブリッドアプリケーションに注目して紹介してきたため、時間があれば自分でもHTML5とJavaScriptで作ったアプリケーションをハイブリッド化しみてみようと思いつつ、なかなか開発環境を整備するに至りませんでした。 そこで思い出したのが「Monaca」です。Webブラウザ上でHTML
Monacaで作るアニメーションアプリ 前回はボタンをタップしたら反応するだけの単純なアプリを作成しました。今回は簡単なアニメーションを行うサンプルとして、時計アプリを作成したいと思います。 作成するアプリは、現在の時間と日付を表示するものです。数枚の画像で構成されており、1秒ごとに画像を切替えて時刻を表示します。完成したアプリのスクリーンショットを画面1に掲載します。 HTMLとJavaScriptの知識だけで、iPhoneとAndroid向けネイティブアプリが簡単に開発できることがMonacaの特徴です。このサンプルでは、JavaScriptについて少し踏み込んで解説を行います。 【画面1:完成した時計アプリ(iPhoneでの実行結果)】 事前準備 Monacaの会員登録が済んでいない方はMonacaのWebサイトからサインアップを行なってください。現在Monacaは無料で提供されてお
1:Windows8版Monacaデバッガーをリリースいたしました! Windows8版Monacaデバッガーをリリースいたしました。Monaca IDEのファイルメニュー上部の「Windows8」からダウンロード、お持ちのWindows8マシンにインストールすることが可能でございます。 ドキュメントはこちらをご覧ください。 2:Monaca IDE 配色テーマ機能をリリースいたしました! Monaca IDEエディターの配色テーマ機能をリリースいたしました。Monaca IDE上部の「ファイル」のメニューより「エディター環境設定」を選ぶことで、お好きな配色テーマをMonaca IDEエディターに適用することが可能でございます。 3:Monaca IDE JavaScript、CSS自動補完機能をリリースいたしました! Monaca IDEエディタ上でのJavaScript、CSSの自動補
こんにちは、志田です。 今回は、弊社で開発しているスマートフォンプラットフォーム「Monaca」を使って、アドレス帳検索アプリを作ってみます。 1. Monaca開発準備 まずはMonacaで開発できる環境を整えましょう。 弊社松田の記事を参考に、Monacaアカウントを取得、プロジェクトを作成しましょう。 Monaca + enchant.js でお手軽スマフォゲームアプリ開発 そして、実機にMonacaデバッガをインストールしてください。 http://docs.monaca.mobi/manual/debugger/ 2. 表示部分 index.htmlの編集 今回のアプリはとても簡単な作りですが、このような作りのアプリにしたいと思います。 (1) 入力フォームに検索したい文字列を入力する (2) 携帯のアドレス帳を検索する (3) 検索フォームの下に、検索結果を表示 まず、表示部分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く