システム開発

システム開発

Nendの広告収入が大暴落!1クリック単価が10円から1円に

スマホアプリで手軽にお小遣い稼ぎは昔の話 スマートフォンアプリ開発者にとって収入を得る方法は何通りかありますが、その中でも一番手軽なのが広告収入だと思います。アプリ自体を販売するのではないので、手軽に色々な人が使ってくれるし、売り切りでは...
システム開発

Paypalエクスプレスを導入して、クレジットの支払いをシステム化する

格安・お手軽クレジットカード決済サービス Paypalをご存じ? paypalというサービスが有ります。 ホームページにクレジットカード決済機能をつけようとすると、クレジットカード会社からの審査を受けたり、毎月一定額の手数料が発...
Angular JS

Angular JS ビット演算はfilterで効率よく処理しよう

ビット演算って何? コンピュータは0と1の信号で、2は理解できません。0と1しか理解できないなら、桁を増やせばいいじゃない。ということでコンピュータは膨大な桁を処理しています。だからコンピュータは2を表現する時、10(イチゼロ)と表現しま...
Angular JS

angular js toasterの実装

angular jsで、通知を出す方法には色々あります。 このうち、ポップアップでふわっと表示され、 一定時間経過で自動で消える通知を「トースター」(toaster)と 言います。
Angular JS

angular JS loading画面

ionicであれば、ローディング画面はすごく簡単に実装できます $ionicLoadingを使えば、簡単に おしゃれなローディングの画面の出来上がりです。 通信開始の時に って書くだけです。ローディング画面を消すには ...
Angular JS

angular js+ui-router ログインの仕組み

日報クラウドnipoでは、ログインをする処理が書かれています。 当然ですね。あなたが誰なのかわからないと、どの日報を表示したらいいかわからんもの。 なので、ログインしてもらうことで、あなたが誰かを特定するわけです。 SPA(シング...
Angular JS

angular jsを使ったWebアプリ

今まではスマートフォンアプリをメインに作成してきましたが、 今回はWebアプリをつくってみました 開発環境は Angular JSです。 今回はじめて導入した Yeoman + Grunt + Bower というお助けツールも使...
ionic

ionic 下の要素までイベントが発生してしまう場合

ionicで開発をしていると、時々発生してほしくないイベントが発生してしまうことが有ります。
Angular JS

angular js フォームが空欄だった場合データがPOSTされない

あるフォームの値が空欄(初期値)だったとき、SUBMITさせない方法はよく書かれているけれど、 空欄でSUBMITしてもOKにしたい。 別にバリデーションしなければいい話なんだけど、何故かAngular JS + Ionicでは空欄...
Angular JS

ui-routerを使ったスクロールバー付きのインラインフレーム

angularJSで使用できるui-router これを使って、iframeふうなスクロールバー付きの小窓を作ってみます。 利用規約なんかに使えます 通常のHTMLではiframeタグでやればいいと思います ...
ionic

angularJS minify対策 inline controller

angular JSをビルドする際、minify化していますか?容量節約、難読化という意味でもminify化はしておいたほうが良いですよ。 Angular JSをminify化する上での問題点 Angular JSの依存関係を記載する箇...
ionic

cordovaでsubscriptionを導入

現在も試行錯誤中ですが、ある程度理解できてきたので備忘録も兼ねて掲載します。 私の環境は、ionicです。ionicには、ngcordovaというプラグイン郡がありますが、課金に関してはngcordovaに存在しないので、cordov...
モバイルアプリ開発

2015年9月・10月アプリ広告収入実績

Nendによる広告収入 2015年9月 Nend インプレッション数:721,913回 クリック数:671回 CTR:0.093% 報酬額:6,165円 2015年10月 インプレッション数:465,581回 クリック...
Angular JS

ionic ng-ifとng-showとshow-deleteにハマる

ionicでは、ng-repeatで配列のデータを繰り返し表示する際、show-deleteを使うと削除ボタンが簡単に作成できます sample storeの左にある赤いボタンが削除ボタンです。 ng-ifのトラップにはまらない...
Angular JS

Angular jsからデータをサーバへPOSTしPHPで受ける

AngularJSは、jQueryとサーバのやり取り方法が若干異なります。 jQueryでサーバとやり取り jQueryであれば という書き方で動いてました。 セイムオリジンポリシー(same origin policy)と...
ionic

iosのシミュレータでスクリーンショットを撮影できるらしい

iOSのアプリ申請は、準備が色々大変だったりする。 特に面倒なのが、画像の用意だ。 iPhone4のサイズ(3.5インチ
 
640 × 960) iPhone5のサイズ(4インチ 640 × 1136) iPhone6のサイズ...
ionic

ionicでiAd広告を表示する

iOS向けアプリは、Apple社が独自で配信する広告(iAd)を使って、広告収入を得ることができます。 この「iAd」を、ハイブリッドアプリであるionicで導入、設置するまでの流れです やってみた結果、「意外と簡単」でした。 c...
ionic

ionicでngCordovaを使う

ionicはブラウザでアプリを作る仕組みのため、ハードウェアやソフトウェアにアクセスするには一手間必要です。 ハードウェアとはたとえば、カメラであったり、スピーカーやバイブがあります。 ソフトウェアとはたとえば、SQLite(データ...
モバイルアプリ開発

iOSアプリがNendのスカート女性広告によりリジェクト

kidsアプリのリジェクト 子供向けアプリとして申請していたアプリがリジェクトされました。リジェクトの際に送られてきたAppleからのメッセージです 原文 Appleから送られてきたメッセージそのままです 24.2 - Apps...
モバイルアプリ開発

mesh beanからメールが来た

mesh beanからのメール スマートフォンアプリ開発をしていると、どこからともなくメールが沢山きます。アプリに対する評価のメールならありがたいのですが、およそ99%はいわゆる「迷惑メール」の類です。 ブーストしませんか?とか、ランキ...
ionic

ionicで多言語に対応したアプリは簡単に作成できます

ハイブリッドアプリで言語を自動切替えできるの? ネイティブであれば、アプリの多言語化は比較的容易です。 しかしハイブリッドアプリでは、もともとブラウザで動かす仕組みのため、多言語化する仕組みがありません。 ちなみに多言語化のことを、i...
ionic

アプリ開発・ハイブリッドとネイティブの長所と短所を見比べる

ネイティブアプリ版とハイブリッドアプリ版双方の開発方法で、国旗あてクイズアプリを作ってみました。 まずはネイティブとハイブリッドアプリの違いを、実際に操作して体感してみてください。 ネイティブ版「国旗クイズ」 ionic版「国旗クイズ...
ionic

ハイブリッドアプリを作ってGoogle Play Storeへ公開しよう

スマートフォンアプリをマーケットへ登録する手順(Android編) ionicを使ってついにアプリが完成した! おめでとうございます。早速、あなたのアプリをGoogle Play Storeに公開しましょう。 ん・・・?しかしどう...
ionic

Ionicで画面回転時にレイアウトを変更するにはCSSを使うのです

LandScapeとPortrait スマートフォンは横向きでも縦向きでも使えるデバイスです。横向き(LandScape)でも縦向き(portrait)でも使えます。 Ionicはレスポンシブウェブデザインに対応しているので、縦でも横で...
ionic

簡単お手軽なionicデバッグを覚えて開発効率UPしよう

ionicのデバッグについて 実機に依存しない機能であれば、ブラウザからデバッグができます。 Google Chromeが一番使いやすくておすすめですが、FireFoxやsafariでも同様の機能があります。 IE11でもデバッグでき...
Angular JS

UI Routerで遷移先ページにデータを渡す簡単な方法

これまでのWeb開発技術では、ページ遷移時に遷移先ページヘデータを渡すには、GETやPOSTを使ってました。 PHPと相性がよくて、 $_POST とか $_GETで取得できたので、便利でした。 しかしAngular JSはSPA(シン...
Angular JS

SPAにおける盲点 AngularJS ページ遷移

myメモ。(動作確認無) AngularJSというフレームワークは、SPA(シングルページアプリケーション)という仕組みらしい。 これは何かというと、これまではページごとにhtmlファイルがあったのだが、1つのhtmlファイルで全部...
ionic

cordovaSQLite使用上の落とし穴とその対策

$cordovaSQLiteでエラー ngCordovaはモバイルアプリ開発において、スマートフォン本体が持つハードウェアの機能にアクセスできる橋渡しをしてくれる機能がたくさん提供されているプラグイン集です。 その中の1つに、cordo...
ionic

cordova-plugin-purchaseを使ってアプリ内課金を実装

ionicハイブリットアプリでアプリ内課金を実装してみよう アプリ内課金はご存知の方も多いと思います。アプリ本体は無料で、アプリの中で何らかの機能を解除したり、ゲームを有利に進めるためのアイテムを購入したりする仕組みのことです。 アプリ...