「技術系」カテゴリーアーカイブ

スマホアプリ開発の勉強中(Monaca&PhoneGapとenchant.js)

enchant01やろうやろうと思いつつ全然やれてなかったスマホアプリ開発。そろそろ本格的に始めようかと思います。

AndroidはJava、iPhoneはObjective-Cが標準の開発言語だけど、両方やるのは学習コストが高い。なのでハイブリッド開発が出来るHTML5+JavaScriptの組み合わせでやることにしました。

選んだフレームワークはPhoneGap。今はAdobe製品になってるし、いちばん有名っぽいので。ただそのまま使うのもちょっと敷居が高かったので、PhoneGapを利用できるMonacaを開発環境に決めました。

この結論に辿り着くまで時間かかった……

Monaca(PhoneGap)

Monacaはブラウザ上で開発します。WebDAV経由でも出来そうだけど、無料版だと重すぎてダメだった。まあブラウザのエディタちゃんとしてるから、そっちで問題なく使えます。

これのいちばんのウリは実機テストが簡単にできること。AndroidとiPhoneそれぞれに専用のデバッガーアプリを入れると、エディタで保存するたびに作成中のアプリが自動インストールされ、即テスト出来ます。これは便利すぎる。

ただ、やってみてわかったのは、やっぱりAndroidとiPhoneで挙動が結構違うなあと。あと重い。これは仕方ないか。UI用にJQuery Mobileを使ってますが、Onsen UIの方が良いのかなぁ。

JavaScript久しぶりに触ったから、やり方わからず調べまくりで結構大変です。JSONでサーバとデータのやり取りする方法がわかったので、難しい処理はサーバに投げちゃおうかな。電波届かないと動かないアプリになっちゃうけど。

ビルドまでして、一通りアプリ開発の流れはつかめました。

enchant.js

フレームワークにenchant.jsが組み込めることを知り、こちらも触ってみることに。ブラウザ上で2Dアクションゲームが作れるということて、何年か前から存在は知ってたんだけどね。

とりあえずPC上のブラウザで試したんだけど、結構簡単に作れるね。ゲームに必要な機能は最初から入ってるし、スマホ用のタッチ動作なんかはプラグインで対応できるっぽい。

サンプルだと1つのjsファイルに全部突っ込んでてどうなんだろうと思ってたけど、別ファイルに分けられる事がわかったので、ある程度複雑な処理も混乱せずに使えそう。

冒頭の画像は巫女さんを十字キーで操作、アリは自動で歩き続けるだけのものです。アニメーションも簡単に導入できて素晴らしい。

ぶっちゃけ

通常のアプリはMonacaで開発しようと思います。ただ無料版だとアプリ数やプラグインの制限等があるんだよね。有料版は結構なお値段するので、いつかはMonaca止めて自前で環境構築することになるかも。

enchant.jsの方はとりあえずやってみたものの、Unity使ったほうが良いかなぁなんて思ったりw 簡単なものはenchant.js、規模の大きいのはUnityって分けていけばいいかな。

ゲーム開発しようと考えると、プログラムより絵や音楽の用意が大変なんだよね。冒頭の画像は5年以上前に描いたドット絵で、とても今使えるものじゃないから描き換えが必要だし。

先は長い……

デジタルカメラCASIO EX-ZR800を買う

EX-ZR800CASIO EXILIM デジタルカメラ 1,600万画素 ブラック EX-ZR800BKを買いました。消費税8%に踊らされてw

これまで持ってたデジカメは7年前に買ったオリンパスのFE-220という機種でした。710万画素の光学3倍ズームです。外部メモリがxDピクチャーカード(256MB)とかいうマニアックなやつでした。

対して今回のZR800は1610万画素の光学18倍ズームです。外部メモリはSDHCカードの32GBを買ったので、4608×3456の高精細でも2000枚以上撮れます。

この機種を選んだのは手ぶれ補正が凄いらしいから。気をつけててもブレちゃう事があるからね。

あと光学18倍試してみたけど、ホント遠くまでよく見える。最近はスマホのカメラを使って撮ってたけど、デジタル4倍ズームしか無かったから、遠景は諦めてたんだよな。

さて、何を撮ろう。

デスクトップPCが修理から戻る2

前回の修理の後から、パソコンの電源が突然落ちるようになってしまいました。

色々試してみたら、ニコニコ動画などを20分以上再生すると落ちるっぽい。前回電源ユニットの交換をしたので、それのせいかな。

そんな訳でサポートに連絡したんだけど、BIOSをアップデートしろだのグラフィックドライバを最新にしろだの言ってきて、どうにも核心に近づいてる気がしない。前回の修理ではHDDを外して送ったので、そのせいじゃないのかと言われ、OSの再インストールを試すよう指示される。きがるにいってくれるなあ……

OS再インストールは面倒なので、ブラウザ上での動画再生で電源が落ちるのは再現性があるからと説明したんだけど、ネット由来の現象はサポート外と言われてしまう。仕方ないので他の方法を試していたら、ブルーレイの再生でも電源が落ちるのを確認。それでようやく修理に応じてくれました。長かった……

修理自体は4日で終わって戻ってきました。それで修理報告書を見てみたら……ビデオカードの故障でした。そっち?!

これは予想外だった。

デスクトップPCが修理から戻る

1ヶ月位前から、パソコンのファンが掃除機並にうるさくて困ってました。中を開いてエアダスターでホコリ飛ばしたりしたものの、音は変わらず。さすがにストレスになってきたのでメーカーに問い合わせたら「保証期間内なので修理します」と言ってくれました。

修理に出す際、ハードディスクを取り外して送るというやり方が載ってました。情報漏洩や破損対策か。以前、別のメーカーに修理に出したPCは「落として壊しちゃいました」とかアホな事やられたし、今回はハードディスクを外して送ったよ。

送料無料で梱包も配送業者がやってくれました。楽チンだね。数日後に電話がかかってきて、電源ユニットを交換したとの事でした。ファンだけの問題じゃなかったのか。

そして送り出してから5日後にPCが返ってきました。今のところ騒音は無し。いやぁ延長保証しておいて良かったよ。

ちなみに修理中はノートPCを使ってましたが、グレア液晶で13インチなので目が疲れました。ディスプレイに繋げばよかったんだけどね。

Photoshop CCとLightroomを月額1000円で導入する

今日までAdobe Photoshop CC (最新版) 12ヶ月版 (プリペイド) [オンラインコード] [ダウンロード]Photoshop 写真業界向けプログラムというキャンペーンをやっていて、Photoshop CCLightroom 5が月々たったの1,000円で利用できます。

Photoshopって昔は10万円近く、今でも年間26,400円するものが、キャンペーンとはいえ年間12,000円で使えるなんて素晴らしいね。

とは言え、これまで数年ごとに買い替えていたPhotoshop Elements(14,490円)に比べると結構な割り増しになるので、その分フルパッケージならではの機能を使いこなしていこう。

とりあえずやってみたいのは、大量にある画像データをアクションで一括変換かな。それとパス機能で画像パーツ類を自作できるようになれれば。

そういえばLightroomってなんだろ。

スピーカーBOSE Companion2 IIIを買う

companion2BOSE Companion2 IIIを購入しました。

パソコン用のスピーカーは今までMS-75MAという5年くらい前に3000円台で買ったのを使ってたんだけど、急に音が気になりだして。

とは言え音響は素人なので、予算を1万円前後としてネットのレビュー等を参考に選びました。サイズは2倍大きくなり、最大出力は3.6Wから22Wと6倍パワーアップです。

実際にパソコンに繋いで聞いてみると、なんかもう全然音が違うね。前のはボリューム上げてもこもってるというか薄っぺらい感じだったのに、これは音の広がりが感じられる。

PC内のMP3だけじゃなく、YouTubeやゲームなんかも聴き比べてみたけど、迫力が段違いです。Amazon MP3で貰ったクラシックとかびっくりする程良い音になったよ。今まで聴いてたのは音楽ではなかったんだなぁ。

PCの前にいることが多いから、スピーカーはこだわる所だったね。今まで勿体なかった。

Winampからfoobarに乗り換える

foobarWinampが終了するというので、foobar2000に乗り換えることにしました。別に使い続けても問題ないとは思うけど。

インストール後、ウインドウを小さくしてフォントも小さいのに変更。でもって右上に設置してランダム再生。これで今まで通りだ。Winampでも最低限の機能しか使ってなかったしね。

foobarはプレイリストがタブになってるのが良いね。これのお陰で簡単にプレイリストを変更できる。

せっかくなのでWASAPI排他モードというのを試してみました。音質が良くなるらしい。foobarのサイトからWASAPI用のコンポーネントを持ってきてインストール。それだけだとエラー出て再生しないので、サウンドドライバを最新のに入れ替えたら鳴るようになりました。

しかし聴き比べたものの違いがわからず。試しにイヤホンで聞いたらちゃんと音質良くなってたよ。音の数が増えたような気がする。

つまりスピーカーが良い音を出してないって事か。調べたらこのスピーカー、約10年前のだったよ(MS-75MA)。スピーカー買い換えようかな。

iPad Air(64GB)を買う

ipadair待っていた新型が発売されたので早速購入しました。iPad Air Wi-Fiモデル 64GB スペースグレイです。

いま持ってるのはiPad3の16GBですが、初タブレットだったのでよくわからず容量一番小さいやつを買っちゃったんだよね。お陰で新しいアプリ入れようとすると他のアプリを削除しなくてはならず、結構面倒でした。まさかゲーム1本1GBとかが普通だとは思わなかったよ。そんな訳で今回は64GBです。

WindowsのiTunesにiPad3のバックアップを取って、それをiPad Airに復元することで設定やアプリを持ってこれました。15分ほどで完了。しかしKindleとかのデータは持ってこれないみたいで、Wi-Fi経由で落とし直しました。Kindle数十冊あるから落とし終わるのに1時間以上かかったよ。

Airは183gも軽くなったとの事で、確かに持ってみると結構違う。寝っ転がりながらいじることが多いので、だいぶ楽になるね。あと横幅が狭くなったから持ちづらくなるかと思ったけどそうでもなかった。

さらに処理速度が5倍Wi-Fi速度が2倍速くなったそうで、体感的にも速くなってるのがわかります。特に怒首領蜂大復活は起動時とステージクリア時に何秒も待たされてたのが無くなったし、Kindleもページ送りに引っ掛かりを感じてたのが無くなり、本をめくるかのようになめらかになった。

ただスタイラスペンの効きが悪くなった。これはペン側の問題かもしれないので、買い換えた方がいいかな。あと怒首領蜂大復活また裏ルートに行けなくなった気がする。こっちは後でまた試そう。

そんな感じでかなり良い感じです。長く使えそうだ。

TeamViewerでリモートアクセスする

teamviewer外出先から自宅PCにリモートアクセスしたいってのは前から考えてて、マイクロソフトがリモートデスクトップアプリを提供開始というニュースを見てこれだ! と思ったんだけど、Windows側がPro版じゃないとダメなんだとか。うちじゃ使えない…

そんな訳で改めて調べたらTeamViewerが無料で良さげだったので、試してみました。接続先のPCとクライアント側のiPadにそれぞれアプリをインストール。PC側で表示されたIDパスワードをiPadに入れたら、もうそれだけで接続できたよ。簡単だ。

しかし初期設定では勝手にPC側の解像度変えられてしまい、ウィンドウサイズや位置が変わっちゃってうわーって感じだったので、設定をいじります。

接続後、クライアント側の歯車マーク(セッション設定)から変更できます。
画面解像度:変更不可
入力方法:マウスインストラクション

これで普通にPCを操作する感覚で使えるようになりました。他にはパスワードを自前で設定して、許可リストにiPadのIDしか通さないようにしました。

LANの中だけで試してるからほとんど遅延なく使えてるけど、それでも動画は厳しいね。あと二本指でスクロールだけど、すぐ誤動作で画面拡大されちゃう。ショートカットとかの設定あるのかな。

セキュリティに関しては暗号化されてるというのを信用して、あとは接続あった場合には画面にその旨表示されるので、まあ多分大丈夫でしょう。

これで寝っ転がりながらでもPC操作出来るようになりました。そのうち外から接続したり、PC-PC間で接続したり試してみよう。

Google Web Designerでアニメーションを作ってみる

webdesigner数日前に公開されたHTML5で広告を作成するツール、Google Web Designerを使ってみました。

インターフェースはよくある感じのデザインでわかりやすい。黒画面はadobeみたいだね。

キャンパス上に画像をドラッグして貼り付け。タイムラインを追加して画像を移動。そしてループを無制限に変更。それだけで画像が移動し続けるアニメーションが作れました。簡単だ。

でも最初、htmlが動かなくて悩んだり。新規作成する時にhtmlファイル名を聞かれるけど、これが公開用のファイルじゃないんだね。「公開」ボタンを押して作成されるzipファイルの中に、実際の公開用のファイルが入ってました。

↓出来たもの。

俺の場合、というかほとんどの人はWeb上でのアニメーション作成ツールとして使いそうだね。しかしこれは色々面白いことが出来そうだ。