サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
mobiletou.ch
実は前回までで2Dの物理処理関連のコンポーネントの解説は終わる予定でした。しかし、 Unity 4.5 でもう1つ Wheel Joint 2D という車やバイクなどの車輪の物理シミュレーションを行うコンポーネントが追加されました。そのため、予定を変更して 4.5 で新しく追加された Wheel Joint 2D の使い方の解説を行います。 今回も実際に手を動かして貰いながら解説を進めます。こちらのプロジェクトを事前にダウンロードして開いておいて下さい。 完成させるものを確認 事前に完成させるものを確認しておきましょう。 Complete シーンを開いて、カーソルキーの左右で操作してみて下さい。 Reset ボタンを押すと車が最初の位置に戻ります。 完成画面 今回は Wheel Joint 2D を使ってこのような車を作成します。 車体と車輪を配置 それでは作成を開始しましょう。 Star
スマートフォン、タブレットからのインターネットアクセスは増大しています。数年前からWebサイトを作る場合にはスマートフォンに最適化するのが一般的になっています。スマートフォンに最適化する方式は幾つかあります。 ここではその主な技術と、そのメリット/デメリットを挙げていきたいと思います。 レスポンシブWebデザイン レスポンシブWebデザインとはWebブラウザの幅によって表示を変更するデザインです。一般的にCSS3のメディアクエリーを使って表示を切り替えます。デザインを切り替える幅を指定しますが、一般的にスマートフォンの幅、タブレットの幅、それ以外といった3パターン程度に分かれています。 メリットとしては一つのHTMLテンプレートで全てのデバイスに対して情報が配信できるということです。数年前まではレスポンシブWebデザインでコーディングするのは知識が必要でしたが、今は情報も多くなっており、多
新しいプログラミング言語を学ぶ上で、最初はその言語のリファレンス本を読むのが良いでしょう。しかしその次のステップになると手が止まってしまうのが一般的です。そこで既にあるコードからエッセンスを学び取ってみましょう。 ということで今回はswift-2048、2048をSwiftで書いたゲームアプリを紹介します。iOS-2048の移植版とあって、そのコードの対比も面白そうです。 ゲーム開始。普通の2048として遊べます。 特に問題はありません。 swift-2048の開発者にいわせると、SwiftはScalaに似ているとのこと。人によってはJavaScriptだの、ActionScriptだのといろいろ言われていますが人それぞれで面白いですね。その他、UIKitやセレクターなどについて感想があったりして、その部分も参考になるでしょう。 swift-2048はiOS用のオープンソース・ソフトウェア
Swiftからカメラにアクセスする方法をコードから学んでみましょう。参考にするのはswift-camera-sampleです。 ViewController.swift まず表示された時点で設定を行っています。 override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. // Start Camera self.configureCamera() } configureCameraが処理しているのは以下の内容です。 func configureCamera() -> Bool { // init camera device var captureDevice: AVCaptureDevice? var de
Swiftは通常Xcodeで書くと思いますが、LLっぽいこともあってテキストエディタなどで書きたいと思う方も多いようです。ということでMac OSX向けの代表的エディタでSwiftを書くのに便利なプラグインを紹介します。 Atom まずはGitHubが開発している新生のエディタAtomです。Swiftにもいち早く対応してきました。 atom-language-swift AtomでSwiftのシンタックスハイライトに対応させるライブラリです。 まずはシンタックスハイライトが基本ですよね。 darinmorrison/atom-language-swift atom-execute-as-swift Atom上からSwiftを実行してその結果を表示できます。 tachiba/atom-execute-as-swift Atomのパッケージは初期設定から検索、インストールできるのが便利ですね。
第四回 SwiftBreakout - Swiftを使ったブロック崩し Swiftを使ったゲームアプリネタが続きます。カジュアルゲームはスマートフォンアプリが得意とするところであり、見た目のインパクトもあるので今後さらに増えていくんじゃないかと思います。この辺りはデ...
Swiftを使ったゲームアプリネタが続きます。カジュアルゲームはスマートフォンアプリが得意とするところであり、見た目のインパクトもあるので今後さらに増えていくんじゃないかと思います。この辺りはデモとしても面白そうですね。 ということでSwiftを使ったブロック崩しゲーム、SwiftBreakoutを紹介します。 スライダーを使って操作するのは面白いですね(Swiftを使ってみた系のアプリですしこれで十分ですよね)。 取れないと玉が燃えます。この辺りの処理面白いですね。 クリアしました。 ビュー、モデル、ゲームといった具合に分かれて作られていますのでソースも追いかけやすそうです。古典的ゲームだけに動作も分かりやすいかと思います。 ynaoto/SwiftBreakout
アップルが突如iOS/Mac OSXアプリ開発用言語Swiftを発表しました。ObjectiveーC代替になる言語ですが、これまでと言語体系が全く異なるので混乱されている方も多いのではないでしょうか。 そこで今回からSwift入門としてSwiftの構文やUIと絡めたコーディングなどを紹介していきたいと思います。まず今回はDeveloping iOS8 Apps Using Swift – Part 1- Hello Worldの記事を参考にUITableViewにデータを表示するところを行ってみましょう。なおコードはGitHubにアップロードしてあります。 プロジェクト作成 Xcodeでプロジェクトを作る際にSwiftを指定すると ViewController.swift として次のようなコードが自動的に生成されます。 import UIKit class ViewController:
昨日からiOSエンジニアを熱狂(発狂?)させているSwiftですが、ここを新しいチャンスと捉えるエンジニアも多いのではないでしょうか。 ということで今回はRSSリーダーサンプルとなるSwift RSS Sampleを紹介します。求人系サービスWantedlyの中の人が開発したアプリです。 まずは一覧です。ここから記事を選択します。 記事詳細が表示されました。これはWebViewで表示しています。 とてもシンプルなサンプルですが、CocosPodsを使っている、StoryBoardを使っている点においていいサンプルになるのではないでしょうか。 処理的にも ViewController.swift が全て行っているのでソースはシンプルで分かりやすいです。 Swift RSS SampleはiOS用のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 wante
本日行われたWWDCの中で最もインパクトが強かったと思われるのがiOS/Mac OSXアプリ用新プログラミング言語Swiftの登場ではないでしょうか。 電子書籍を読んで勉強するのはもちろんですが、やはり実際に動くコードをみるとわかりやすいんじゃないかと思います。 そこで紹介したいのがFlappySwift、Swiftを使って作られたFlappyBirdクローンです。 完全再現というわけではなく、タップすると飛び続けるくらいの簡単なものですが、ちゃんと動いています。 AppDelegate.swiftなどもあり、ファイル数は5つくらいのSwiftファイルとなっています。全体の動きをつかむのも難しくなさそうです。 コードをいくら見ていても実際に自分が作りたいものとは厚くて高い壁があるものです。実際に動くソースを見て、そこから学んでいくのはいかがでしょう。 FlappySwiftはiOS用、MI
iOSアプリの開発者であれば誰しもが使っているであろうスクリーンショット機能。アプリの気になる部分、デザインが優れている所などをパシャッと撮影していることでしょう。 そんなスクリーンショット、たくさん溢れてしまって管理が大変…なんて思っている人は少なくないはず。そこで紹介したいのがScreenshotterというスクリーンショット管理アプリです。 Screenshotterの使い方 Screenshotterを立ち上げるとこれまでに撮ったスクリーンショットだけを一覧にしてくれます。 最初の画面 そして画像を選んで、Move to Folderをタップします。 画像選択 既存のフォルダを選ぶか、新規作成します。 フォルダ作成 そうすれば選んだスクリーンショットだけのフォルダができあがるといった仕組みです。 フォルダ一覧 アプリごとでまとめても良いですし、UIの特徴でまとめておいても良さそうで
スマホアプリ開発で大事なのは何と言ってもUI/UXですよね。デザインを作り、それを実際に動かして検証して改善を行う。それを何度も何度も繰り返してはじめて優れたUXが生まれるものです。 そのためにはいちいち作って確認するのではなく、プロトタイプを作成してスクラップ&ビルドを繰り返さないといけないでしょう。そのためのツールキットがFramerです。 Framerの使い方 FramerではHTMLは殆ど手をつけず、JavaScriptでUIを実装していきます。その意味ではよりプログラマー向けのツールと言えるかも知れません。 例えば同梱されているサンプルアプリケーションのコードは次のようになっています。 imageLayer = new Layer({x:0, y:0, width:128, height:128, image:"images/icon.png"}) imageLayer.cent
あなたがスマホアプリを開発する際に大事にしていることは何ですか?一般的に言われるのはUI/UX、つまりデザインと操作性ですよね。人気のあるアプリはこの二つを限りなく突き詰めて作られているものばかりです。 ということで紹介したいのがPrott、Web上でモバイルアプリのプロトタイプを作成できるWebサービスです。現在ベータ版で、招待制となっています。開発は日々行われていますので近々オープンされるかも知れません! Prott プロジェクト ユーザ登録後、最初に出てくるのがプロジェクト一覧です。今回はこのSample Projectを試してみます。 プロジェクト一覧 画像が多数並んでいます。これはデザイナーの方が作成し、アップロードします。手書きで書いて、カメラで撮ってアップロードしても良さそうですね。 スクリーン一覧 スクリーンを選択して、アクションを付ける部分をマウスで囲みます。そうするとア
あなたのアプリは作ってリリースしたら終わり、ではありません。むしろそこからがスタートで、ユーザの反応を見て機能を改善したり、逆に機能を削ってシンプルにしたりします。そのとき、参考になるのがライバルの動向です。 App Annieでは公開情報を使って解析を行っているので、急激に出てきたライバルの存在を知ったり、ライバルの変化をいち早く知ることができます。 App Annie - App Ranking, Analytics, Market Intelligence App AnnieではiOS/Google Play/Amazon/Windows Phone/Mac/Windowsと各プラットフォームの情報を解析できます。 アプリランキング 無料、有料その両方とランキングが追えます。 日本市場も 市場を日本にすることもできます。 アプリの詳細 アプリの詳細情報を確認できます。 ASOについて
メッセージアプリ風の表示を行うライブラリは数多くありますが、その最新版とも言えそうなのがJSQMessagesViewControllerです。 実装方式が幾つか用意されています。Storyboardを使った場合とプログラマブルな実装があります。 メイン画面 フラットなUIでいい感じです。 表示例 もちろん日本語入力も可能です。 日本語入力 相手が入力している時の感じも再現できます。 入力中 もちろん単体で動作するものではなくネットワークが必要ですが、チャットアプリなどメッセージ風表示が欲しい時に重宝しそうですね。 JSQMessagesViewControllerはMIT Licenseのオープンソース・ソフトウェアです。 jessesquires/JSQMessagesViewController
これはなかなかマニアック。使い道を考えるだけで面白いことができそうですよ。 スマートフォンではシェイクやタップ、スワイプと言った操作に反応ができますが、Motion Library for iOS and Androidははさらにモーションを追加してくれるというSDKです。 Motion Library for iOS and Android 近い将来、モーションを自分で追加できるとのことですが現在は、 背面タップ 背面ノック ウェーブ の3つのモーションがサポートされています。 Motion Library for iOS and Androidの使い方 デモアプリのコードは次のようになっています(iOSの場合)。 - (void)viewDidLoad { [super viewDidLoad]; [[KiwiSDK sharedInstance] startMotionService
今回は前回に引き続き、物理エンジン関連のコンポーネントの解説を行います。前回の解説で出てきたプロパティについての説明は省略しますのでその部分については前回の記事を参照して下さい。 今回も実際に動かした時の動作を確認しながら解説を進めます。こちらのプロジェクトを事前にダウンロードして開いておいて下さい。 Spring Joint 2D Spring Joint 2D は名前の通り、バネのような動作を行います。 シーンファイル Spring を開いて色々と操作してみて下さい。 Spring Joint 2D のプロパティ Damping Ratio ではバネの硬さを指定します。 0 の時に最大の反発力となり、 1 に近いほど硬いバネになります。数値を変更してみて、跳ね具合の違いを確認して下さい。 Frequency は他の Rigid Body とぶつかった時にバネが振動する(厳密には指定され
前回から少し間が空いてしまいましたが、その間にcocos2d-x側で大きな動きがありました。これまで、cocos2d-xの中に含まれていたJSBindingsの機能が取り出され、cocos2d-html5と統合し、Cocos2d-JSというパッケージに統合されました。これにより、大幅な仕様変更が内部でも行われていますので、一旦JSBの解説から離れて、Cocos2d-JSについて、今回から約2回に分けて解説しようと思います。 Cocos2d-JSとは? 先ほど簡単に説明しましたが、これまでcocos2d-x JSBindingsとcocos2d-html5として分離していたライブラリが1つに統合されたパッケージになります。 JSBでは、API設計として、cocos2d-html5と互換性を保っており、筆者としても、いつその統合が行われるのか?と疑問を持っておりましたが、ついにその統合が行われ
今回は Sprite で物理エンジンを使う方法を解説します。 Unity は以前のバージョンでも 3D 環境向けの物理エンジンは搭載されていましたが 2D ゲーム開発のサポート追加に伴い、物理エンジンも 2D 環境向けのものが追加されました。 Sprite に物理シミュレーションを行わせる場合には 3D 向けのコンポーネントは使えず、 2D 向けのコンポーネントを使う必要が有ります。 それでは早速、物理シミュレーションに使うコンポーネントの解説を始めようと思います。文章だけでは分かりづらい部分も多いので実際に動かした時の動作を確認しながら解説を進める事にします。 こちらのプロジェクトを事前にダウンロードして開いておいて下さい。 Distance Joint 2D このコンポーネントを使うと2つのスプライトが見えないヒモで結ばれた様な動作を行います。 シーンファイル Distance を開
日本語の取り扱いって本当に面倒ですよね。検索なども漢字を間違えば引っかからないし、平仮名と漢字の使い分けも人によって違ったりします。さらにそこに平仮名と片仮名が混在すると大変です。 といったような日本語の取り回しを便利にしてくれそうなiOSライブラリがPaRomajiKanaConverterです。 PaRomajiKanaConverterの使い方 NSString+RomajiKanaConvert.[hm] PaRomajiKanaConverter.[hm] の二つのファイルをプロジェクトにコピーして、インポートします。 後は次のような感じです。NSStringを拡張する形でメソッドが追加されています。 NSString *romaji = @"kyari-pamyupamyu"; NSString *kana = [romaji stringRomajiToHiragana];
アプリでタップしてもらうための施策としてバッジは効果的です。あまりやると嫌がられますが、数字が出ているとついタップして消したくなるのではないでしょうか。 そんなバッジ表示をナビゲーションバーに追加したりできるのがBBBadgeBarButtonItemです。 BBBadgeBarButtonItemのデモ BBBadgeBarButtonItemを使うと例えばこんな感じに表示できます。 表示例 コードは次のようになります。 // If you want your BarButtonItem to handle touch event and click, use a UIButton as customView UIButton *customButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 20, 20)]; // Add
iPhone4/4s/5/5s/5c、さらにiPad/iPad miniやiPod TouchとiOSデバイスも多様になってきています。それぞれCPUなどのスペックが違っていたり、画面サイズが異なっています。そのため各デバイスでの確認作業が欠かせなくなっています。 一度修正してiPhoneで試し、デバイスを変えてiPadで試し…なんてやっていたら時間が幾らあっても足りません。ということで使ってみたいのがKPRunEverywhereXcodePluginです。 KPRunEverywhereXcodePluginの使い方 KPRunEverywhereXcodePluginは複数のiOSデバイスに向けて一括でビルドできるXcodeプラグインです。 インストールしてXcodeを起動すると、メニューに Run Everwhere が追加されます。 メニュー これを選ぶと接続されているiOSデバ
iOS上でアニメーションを実装するのは大変そうなイメージがありますよね。遅延したり、速度を変えたりと実現方法を考えるとついコードが増えがちです。そのため気の利いたアニメーションを実現すると人気が出ます。 しかしCanvasを使えばコーディングレスでアニメーションが実装できるようになります。まさに魔法のようなライブラリです。 Canvasのスクリーンショット Canvasのデモアプリで様々なアニメーションが確認できます。 デモアプリ アニメーションなので動画でないと分かりづらいかと思います。こちらがデモ動画です。 タップで反応する仕組みになっています。 Canvasの使い方 まずはCocoaPodsに設定をします。 platform :ios, '7.0' pod 'Canvas', '~> 0.1' アニメーションの設定はidentity inspectorで設定します。クラスを CSAn
iOSアプリの開発時によく使うような機能、ユーティリティを集めたのがnomadです。コマンドラインから簡単に使える便利なコマンド集になっています。 nomadの使い方 nomadには全部で5つのコマンドが用意されています。 Cupertino Apple Dev Centerにアクセスするコマンドです。例えば以下のコマンドで登録されているデバイスが一覧されます。 $ ios devices:list Houston Push送信を行うライブラリです。コマンドラインから通知のテストができます。 $ apn push "<token>" -c /path/to/cert.pem -m "Hello!" Dubai Passbookのパスを生成します。 $ pk generate Example.pass -T boarding-pass Venice In-App Purchaseのレシートを
iOSアプリにプログレスバーを追加したいと思ったら、標準のものを使っても良いですがやはりアプリの雰囲気に合わせてオリジナルが良いと言うケースもあるでしょう。 TYMProgressBarViewはiOSの起動時などに表示されるプログレスバー風なライブラリとなっています。 TYMProgressBarViewのスクリーンショット 画面はこのようになります。サイズは多様に選べます。 表示 動画でもご覧ください。 TYMProgressBarViewの使い方 CocoaPodsに対応していますので Podfile に以下のように記述します。 pod 'TYMProgressBarView' 後はお決まりの pod install を実行します。これが終われば次のように利用できます。 // Create a progress bar view and set its appearance TYMP
スマートフォンはタッチ操作が殆どで、上下左右の操作を認識しています。しかし人の動きは完璧ではないので若干ずれると意図した動作にならなかったりします。そんな時は猛烈にいらつきますよね。 タッチ操作はともかく、スワイプ操作での誤差はストレスが大きいです。それを防止してくれるライブラリがYIStrictEdgePanGestureです。 公式サイトより まさにこんな感じのストレスを予防してくれます。 YIStrictEdgePanGestureのデモ 下の動画をご覧ください。 矢印が3本あります。水平に動かした場合はメニューが出ます。しかし水平に動かし始めて下に移動するとスワイプ操作がキャンセルされます。さらに最初から斜めの場合は認識されません。 人の動きはアナログなので、何となく行った操作も認識して欲しいと思う訳ですが、YIStrictEdgePanGestureは逆に厳格な動作を求めるように
Android版FirefoxはiOSとは違ってGeckoエンジンが搭載されています。Firefoxのレンダリングが好きな方にとっては見逃せないブラウザでしょう。レンダリングエンジンが独立していることで、自作のブラウザだって開発できます。 各社がWebKitをレンダリングエンジンに採用する中だからこそ、Geckoエンジンの魅力が出るはずです。ということで今回はGeckoエンジンを使ったシンプルなブラウザ、geckobrowserを紹介します。 geckobrowserの使い方 トップページ Firefoxと同じようにトップサイトが表示されます。 サイト例 HTML5を使っているサイトも問題なく描画できます。 メニュー プライベートタブの他、PCサイトモードもあります。これは意外と便利かも! 設定 Firefox Syncにも対応しています。 Add-onもあるのですがうまくインストールでき
テスターの人にバグ報告やフィードバックを貰う時にはどうしたら良いでしょうか。クラッシュしたらその際のログを見ることで不具合を解決できるかも知れませんが、ボタンの配置や文言などを指摘するのは困難です。 そこで使ってみたいのがBugshotKitです。不具合やフィードバック報告フォームを表示してくれるライブラリです。 BugshotKitのデモ BugshotKitに同梱されているデモアプリです。 デモアプリ 右からスワイプ操作をします。 フィードバックフォーム ログとその時のスクリーンショットが表示されます。ログはNSLogのものが使えます。 ログ スクリーンショットはちょっとした編集ができます。 スクリーンショット 一部を塗りつぶしたり、矢印を追加できます。 画像編集 後はログとスクリーンショットをつけてメール送信するだけです。 メール作成 ログには利用者の情報もJSONファイルとして追加
次のページ
このページを最初にブックマークしてみませんか?
『Günstige Nike Kleidung, Schuhe, Accessoires Blau/Dunkelblau/Dunkelgrau/Grau/O...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く