Webデザイナーだけど初めてのiPhoneアプリを7日間で開発した手順
初めてのiPhoneアプリを7日間で開発しました。 ウェブサイトの企画・制作が本業の僕にとって、アプリの制作はまったくの未経験。そのくせApp storeでリリースするところまで達成できたのは、 アプリ作成に挑む前の「気持ちの作り方」 技術不足を補ってくれるツール この2つのおかげだと思っています。 アプリの制作に挑戦し、途中で挫折してしまう失敗の原因に多いのは、身の丈に合わない難しすぎるアプリを作ろうとしてしまうことです。 僕の場合は、とにかくアプリを完成させることをゴールとして設定。開発期間を短縮してくれそうなツールがあれば利用することをアリとしました。 その結果、わずか1週間で初めてのアプリの制作を終えられたのです。 アプリをApp Storeからリリースしたことが「ある」と「ない」の差は自分にとっては大きく、ゼロから1にできたことへの達成感は今でも心に残っています。（この記事はアプ
Monaca
Mobile App Development Fast, Easy and Flexible.Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud IDE
Monacaでスマートフォンアプリ開発（４）ファイルを使う | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
スマートフォンには限りませんが、ローカルのファイル環境を扱う機会は多いものと思います。スマートフォンのローカルファイル環境にアクセスするライブラリを作ってみたいと思います。 Monacaの概要、使い方、登録の仕方などはこちらです。 スマートフォンでのローカルファイル環境の取り扱いは、パソコンのそれよりも少しややこしいことになっていて、そう簡単に取り扱うことはできません。 HTML+JavaScriptという環境だからというところが大いに関係しています。 今回もPhoneGapのプラグインを使ってゆきます。 phoneGapでは、すべてと言っていいほど非同期処理になっています。 時間のかかる処理でもないのに使いづらいところがあるので、StratifiedJSを使って同期処理に逐次化をしています。 StratifiedJSの説明はこちらです。 ファイルシステムの準備 まずはgetやput
Webとネイティブの好いとこ取り？ ハイブリッドアプリ開発のススメ
はじめに はじめまして、最近「Nexus 7」が手放せないアシアルの岡本雄樹です。端末の性能向上もあいまって、HTML5を活用したハイブリッドアプリ開発の手法が注目されています。JavaScriptから利用できる機能が豊富に用意されたことや、CSS3の表現力豊かなスタイルが使えることから、HTML5でアプリを開発することが現実的になりました。 ハイブリッドアプリ開発とは、HTML5を中心としたWeb技術で、端末上で動作する、いわゆるネイティブ形式のアプリを開発する手法です。Web技術はモバイルのOSに関係なく共通です。つまり、一つのソースコードからAndroidとiOSの両方に対応したアプリを作ることができるわけです。Java言語も「Write once, run anywhere」という標語を掲げていたように、一度書いたプログラムをプラットフォームに依存せずに動かしたいというニーズは根強
Monacaのインスペクターはモバイル版Webデベロッパーツール
本題です。Monacaでは「インスペクター」という機能がありまして、実機上で動作しているアプリの中身をMonaca IDE上で閲覧することができます。 インスペクターには、下記のような機能が搭載されています： １．表示されているページのDOMを表示し、その内容を書き換える ２．ローカルストレージやセッションストレージの内容を操作する ３．グローバル変数の内容を確認する ４．JavaScript関数をリモートから実行する ここでは、簡単にこれらの使い方を紹介します。 ○ どうやって使うの？ 端末にインストールしたMonacaデバッガーで、IDE上と同じプロジェクトを実行してください。Monaca IDEにある「インスペクター」にて、自動的に端末上で表示されているページ情報が出力されます。 では使い方を見ていきます。 ○ 表示されているページのDOMを表示し、その内容を書き換える 「Eleme
MonacaでQRコードリーダを作ってみた – BarcodeScannerプラグイン編
アプリ作成手順 Monacaにログイン後、ダッシュボードから新規プロジェクトを作成してください。その際、テンプレートとして「最小限のプロジェクト」を選択してください。 こちらからzepto.min.jsを入手し、それを「www/js」フォルダに配置してください。 以下のHTML、JS、CSSファイルを記述すればアプリ完成です！ 【www/index.html】 メイン画面です。ボタン類と結果テキストを表示します。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>QR Code Reader</title> <script src="plugins/plugin-loader.js"></script> <script> monaca.viewport({width: 240}); </script> <script s
サイト制作者ならMonacaで簡単にスマホアプリ開発できます。 | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
株式会社penq(ペンク)の木村巳千尋によるエンジニアブログ。Amazon Web Services、Amazon EC2を使ったクラウドサーバの構築、大規模なアプリケーションの設計・開発、JavaScriptのフレームワークを使用やプラグイン開発、スマートフォン、Webアプリの開発などサーバサイドの構築からクライアントサイドのアプリケーションまで幅広く情報をお届けします。 Category Amazon Web Service (13) Aurasma (0) ExtJS (5) Facebook Aplication (0) Google API (5) JavaScript (1) jQuery (7) Monaca (3) Sencha Touch2 (10) Smartphone (0) ThreeJS (7) Tag EC2 firefox JavaScript Monaca
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Monacaデバッガーを色々な環境で動かしてみる
Monacaでスマートフォンアプリ開発（１）デバイス情報など | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
Monacaでスマートフォンアプリ開発（2）センサーを使う | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
Monacaでスマートフォンアプリ開発（１）デバイス情報など | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
サイト制作者ならMonacaで簡単にスマホアプリが | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.