サーバー

Androidの標準UI部品をサクッと全とっかえ!

Android標準のUI部品 そのまま使うとイケてないので「カスタマイズしたい」と思うことよくありますよね~! でも、「色を少し変えたいだけ…」って場合もあります。 そんなときにわざわざカスタムすると ・ボタンの画像を作って、 ・タップしたときの画像も作って、 ・その画像を指定するXML書いて… 例えばボタンをカスタムするとこんな感じ。。。 「すっげー面倒だし時間もかかるじゃん!」 そんな時はAndroid Holo Color Generator が良いですよ! はい。 Android Holo Color Genera...

大規模でも開発保守を極めて容易にする;データベースすらコンポーネント化

(この記事はVue.jsのアドベントカレンダーですが,Vue.jsが最適というだけで,他のjsフレームワークやAndroid, iOSでも応用可能な話です) tlllll;dr 実はdbよりviewを先に作るとある意味非常に楽になる (さすがにこれだけだと意味不明すぎると思うのでぜひ記事を.意味ないかと思って今回のtl;drはなくしていたのですが,やっぱ長過ぎるので付けときます) 導入 はじめましてのかたははじめまして. はじめましてじゃないかたもはじめまして. 株式会社みんコレCTO 神楽坂やちまと...

OpenCV for Androidでカメラプレビューをクロッピングする

OpenCV4Androidのカメラプレビューをクロッピングします. ちなみにOpenCV4Androidのカメラの使い方は http://rest-term.com/archives/3010/ などが参考になります. この記事でも,こんなコードを想定します. JavaCameraViewを使います. 問題 OpenCV4androidを使ったandroidアプリでカメラプレビューを正方形にクロッピングしたくなりました. 安直にonCameraFrame()で画像をクロップして返せばいいやと思ってやってみたところ, @Override public Mat onCameraFrame(CvCam...

MacからAndroid Lollipop Preview版インストール方法

Android Lollipop Preview版の最終バージョンがリリースされていたので、Nexus5にインストールしてみた手順です。 Step 1:Nexus 5用Android 5.0 Lollipop Developer Previewをダウンロード こちらからDLできます。 http://storage.googleapis.com/androiddevelopers/finalpreview/hammerhead-lpx13d-preview-f7596f51.tgz どこか適切な場所にファイルを解凍します。 Step 2: デバイスをUSBにつなぐ 開発者モードでUSBデバッグモードを有効にしておいてください。 Nexus5での方法は 1....

Android のxmlns:appを素早く挿入する

Android Studioのライブテンプレートが便利だ。 xmlns:app="http://schemas.android.com/apk/res-auto" はカスタムレイアウトを利用しているとよく打つがすでにデフォルトで登録されている。 Cmd+J > appNs > Enterで挿入される

PWA形式のWebサイトを構築してAndroidスマートフォンにインストールする

はじめに 1つ前の記事でPWAについて簡単に解説しました。 端的にまとめれば、PWA化によるWebサービスの高速化とは、キャッシュをJS(Service Worker)によって制御して、いかに回線に頼らずに機能やコンテンツを提供するかという部分が肝になります。 今回の主題は、PWAとしてWebサイトを構築するという部分ですが、背景は「Webサービスを高速にユーザに提供できるようにする」です。 ただ、工夫された状態では学習には不向きだと思いますので、今回は最小構成でPWAとしてブラウザに認...

[Android] DialogFragmentを使ってダイアログを表示する

APIレベル13からActivity.showDialog(int id)は非推奨となってしまいました。 DialogFragmentを使ってダイアログを表示させる方法が推奨されています。 (2013年12月12日現在) 参考 公式ドキュメント Dialogs http://developer.android.com/guide/topics/ui/dialogs.html#ShowingADialog DialogFragmentを利用するときのチェックポイント http://www18.atwiki.jp/bovecrach/pages/74.html シンプルなアラートダイアログ ※ 縦横切替時にTestDialogFragmentのコンストラクタがないと落ち...

React Native + redux と realmの相性が悪かった話

この記事は React Native Advent Calendar 2017 10日目です。 初めに React Native + Redux で開発中のアプリで、ローカルのdbが欲しくなったのでRealmの導入を検討してみたらいろいろと相性が悪いことに気付いた。 最終的にRealmは使わないことになったが、導入を検討している方の参考になれば。 準備 redux と realm の導入 React Nativeのプロジェクトを作り、以下のコマンドを実行 $ yarn add realm $ react-native link realm $ yarn add react-redux $ react-native link react...

Android StudioのGradleでMaterial Design Libraryをインストール

iOSアプリ移植でAndroidアプリの製作に取り掛かっていて、デザインは踏襲しつつも Androidらしくいきたいと思って、手っ取り早くMaterial Designを導入できそうだったので、 Material Design Libraryをインストールしてみたときの覚書です。 直接jarをインストールも良いですが、 Gradleでのインストールで思ったり簡単に導入できました。 1.プロジェクトのbuild.gradle(app)のdependenciesに以下を追加 buid.gradle(app) compile 'com.github.navasmdc:MaterialDesign:[email protected]' compi...

Xamarin for Visual Studio で Android Wear 開発

こんにちは。エクセルソフトの田淵です。 無事 Xamarin for Visual Studio でも Android Wear アプリの開発が出来ることを確認しましたので、備忘録として残します。 必要なシステム Visual Studio Professional (Xamarin の対応は 2010 以上ですが最新版を使いましょうw) Android SDK 20 (2014/11/18 現在の最新版で大丈夫です) Xamarin for Visual Studio Beta 3.8.134.0 (丁度今日 2014/11/18 に 3.8.145 がリリースされました。。まだ試していません。。) 事前準備 実機の Androi...

Unityで作ったアプリにAdMobで広告を追加したお話 Android編

目的 同じような記事は多々ありそうですが、Unityで製作したAndroid/iOSのアプリにAdMobの広告を追加したので、自分のために忘備録として残して置きます。 環境 Unity 5.4.0f3 準備 AdMobの登録 AdMobに登録し、Androidの広告ユニットIDを用意 GoogleMobileAdsPluginの設定 こちらからGoogleMobileAds.unitypackageをダウンロードし、unityでインポート 実装 広告を表示したいsceneに空のGameObjectを追加します。今回はオブジェクト名はBannerとしました。 追加したオブジェクトに下...

Unityのタップ位置をCanvasのlocalPositionと合わせるfor iPhone/Android

はじめに Unityでスマートフォン向けの音ゲーを作ってみようと思って困ったタップについて 音ゲーに限らずタップの位置をキャンバスと合わせたい人に向けた記事になります。 条件 PlayStore、AppStoreの両方でリリース iOSリリース予定最終日の前日(詰んだ) 今回の環境 macOS Sierra バージョン10.12.6 Unity Version2017.10f3 Personal ここでやること Gameウィンドウで見えるサイズをスマホと合わせる Canvasの設定からUIが崩れないようにする タップのlocalPositionをとる 画面サイ...

EclipseとAndroid Studioのショートカットの違い for Windows

EclipseとAndroid Studioの開発中によく使うショートカットの違いでイラっとしたので対応をメモしておきます。 一行削除 Eclipse Android Studio Ctrl + D Ctrl + Y やり直し (Redo) Eclipse Android Studio Ctrl + Y Ctrl + Shift + Z 開発環境ごとにショートカットを覚えるのは辛いので、Android Studioの「Settings / Keymap」でプリセットのKeymapsである「Eclipse」にとりあえず設定し解決。

マテリアルデザインの「色」について見返したいとこだけ抜粋してまとめる

前置き 普段 iOS しか作らない&触らないけど Android を作ることになり、せっかくならマテリアルデザインっぽくしてみようとちょっとだけ調べてみたら ここまで細かく決まってたのか と驚いた。 これから書くことはほぼ全部以下リンク先に書いてあります。(しかも分かりやすい) この投稿は下記を読むのが面倒くさい且つとりあえず触りだけ知っておきたい人用です。 https://material.io/guidelines/style この投稿の目的は2つ 上記ページの繰り返し見返したい情報だけを抜粋してま...

【メモ】iOS アーキテクチャ

Mac OS vs iOSシステムアーキテクチャ iOS stack iOS レイヤー iOS レイヤーの全体像 ハードウェアレイヤーを含む 3rdアプリを含むシステムアーキテクチャ まとめ 参考 https://www.slideshare.net/mignev/ios-architecture-and-mvc ちなみに、android stack

iOSでAndroid風なToastを演出 〜 UIAlertController

はじめに アニメーションするパーツをかきたくなって AndroidのToast風なものをつくってみました。 Toastとは http://developer.android.com/guide/topics/ui/notifiers/toasts.html A toast provides simple feedback about an operation in a small popup. It only fills the amount of space required for the message and the current activity remains visible and interactive. For example, navigating away from an email before you send it triggers a "Draft saved" toast...

iOS・Android向けにアイコンを量産したいとき

iOS・Android両方のアプリを作るとなると、現在全部で 10種類のサイズのアイコンが必要になります。めんどうですね! 本当にただリサイズしただけの画像をいっぱい用意したい場合は、 ImageMagickとか使うと便利です。 # オリジナルのアイコン画像を original.png とする # iPhone・Android通して最大のアイコンサイズは180x180なので、original.pngはそれ以上のサイズで用意 # ios $ convert -resize 120x120 original.png ios/example/Images.xcassets/AppIcon.appiconset/example_i...

IonicPage採用時のHTMLタグ拡張(Custom Components)実装について (1/2)

Ionicは標準で美しいコンポーネントが用意されており、 「非デザイナー ✕ マルチプラットフォームアプリを一度に作りたい」デベロッパーにとって非常にありがたいフレームワークです。 Ionic - Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular http://ionicframework.com/ Ionicに用意された標準コンポーネントを自由に使いまわすことで、 UIのトンマナが統一され誰でも洗練されたインターフェイスを持つアプリケーションが作れます。 トンマナ...

TitaniumでAndroid開発する時の画像パスについて

概要 各解像度に合わせたsplashとかappiconを配置する時どこに配置すればいいか調べたけど公式ドキュメントや世にあるたくさんの資料を見てもよく分からなかったので 環境 Titanium SDK 3.4 まずどこ見たか 公式ドキュメント http://docs.appcelerator.com/titanium/latest/#!/guide/Icons_and_Splash_Screens-section-29004897_IconsandSplashScreens-Androidgraphicassetrequirementsandoptions platform/android/res/ Resources/android/images/ この2パターンがありそうなことは分...

MacにAndroid開発環境を構築してみた

MacにAndroid開発環境を構築する際、ところどころはまったのでメモ。 環境 Mac OS X yosemite(10.10.2) Eclipse(4.4.2) Javaインストール http://www.oracle.com/technetwork/java/javase/downloads/index.html からDL。(JDK 7の最新版を使用した) DLしたdmgファイルを叩いてインストール Eclipseインストール https://www.eclipse.org/downloads/ からDL。(Eclipse IDE for Java EE Developersを使用) DLしたファイルを解凍し、「Application」に移動(以降、Applicationフォルダ...