2012/04/19

MapCSSに対応したiPad向けOpenStreetMapビューワー「MapCSS」

ここ最近OpenStreetMapを使ったサイト、サービスが増えてきています。そこで自分のiPadアプリにもOpenStreetMapを組み入れたいと思ったならば参考にしたいのがOpenStreetPadです。 iPadの画面いっぱいに表示されるOpenStreetMap。 ピンチ、パン操作...

2012/04/10

Facebookアプリを真似たメニュー機能を実現「ECSlidingViewController」

iPadはiPhoneに比べれば画面が広いですが、それでも情報をたくさん詰め込む訳にはいきません。そこで使ってみたいのがFacebookアプリなどで使われているメニューを隠す手法です。同様の操作を実現するのがECSlidingViewControllerです。 最初の表示です。Menuボタン...

2012/04/05

これは便利。iPad上でTitaniumアプリを開発「TiHighlight」

iOSアプリの開発と言えば、コードを書いてコンパイルしてシミュレータを起動して実行…というのが一般的ですが、そんな状況を一変してしまうかも知れないのがTiHighlightです。 テキストエリアにTitaniumのコードが書かれているのが分かるかと思います。 Excuteボタンを押すと評価さ...

2012/04/03

App Storeでも配信されているiPad向けコミックリーダー「ComicFlow」

ComicFlowはApp Storeで無料で配信されているiPad向けアプリになります。名前の通り、電子コミックを読むためのソフトウェアになります。 コミックデータはComicFlowをWebDAVサーバとして接続することでアップロードできます。 読んでいます。スワイプでページおくりできま...

2012/03/30

Travis CIをiOSから閲覧する「TravisCI.app」

CI（継続的インテグレーション）を実施するプロジェクトが増えつつあります。そのテストと結果を管理してくれるサービスであるTravis CIのiPhone/iPadクライアントソフトウェアがTravisCI.appです。 iPhone用のUIです。iPad向けもあります。 プロジェクトの状況で...

2012/03/20

Titaniumを使った電子書籍作成のサンプル「Titanium-Booker」

2012/03/09

Titaniumで作られたATNDイベント参加チェックアプリ「ATNDチェックイン」

2012/01/25

スムーズな操作が魅力。Flipboardライクなソーシャルリーダー「Cassius」

CassiusはFlipboardライクなソーシャルリーダーです。記事を段組み表示して可読性高く表示してくれます。 表紙です。Instagramsのトレンドになっている写真を使っています。 ページ送りで読み進められます。段組みも格好いいです。 デモ動画です。ただ並べられているよりも快適に読み...

2012/01/15

要チェック。iPhone/iPadで表示しているWebサイトに対して使えるWebインスペクタ「Mobile Safari Inspector」

WebKitにはJavaScriptやHTMLのデバッグを行うインスペクタが内蔵されています。それをiPhone/iPadのMobile Safariでも使えるようにするのがMobile Safari Inspectorです。 iPadのシミュレータで任意のサイトを表示します。 デスクトップ...

2011/11/21

アプリベースでも実装したい、iPad用ロックスクリーンコンポーネント「ABPadLockScreen」

iPadをプレゼンや商品案内に使ったりとビジネスで利用されることも増えてきました。そんな中、次に考えるべきなのはセキュリティです。誤って情報が漏洩しないようABPadLockScreenを使ってロック機能を実装してみましょう。 起動した直後の画面です。迷わずボタンを押しましょう。 ロック画面...

2011/11/20

情報をどんどん探っていくアプリに使える。Twitterアプリを真似たUIモックアップ「CLCascade」

CLCascadeはiPad用のUIモックアップです。Twitterアプリ風のUIを再現しています。 最初の表示です。左にリストが並びます。 そこから選択すると右側にまたリストが表示されます。 さらに選択すると右側にリストが追加されていきます。これを何度も繰り返せます。 横向きの表示。 横向...

2011/11/15

データをダウンロードして詳細、地図表示という流れを習得できるTitaniumモックアプリ「Single-Context」

起動します。Titanium Developerを使っています。 起動すると位置情報の確認が入ります。 まず認証を行います。一度エラーになると分かりますが、IDはtest、パスワードはtest12345です。 認証を通るとデータが一覧で表示されます。 行をタップすると詳細が表示されます。 マ...

2011/11/01

スマートフォン、タブレット向けサイトのデバッグに「Socketbug」

こちらはiPad向けの画面です。他にもiPhoneなどからもアクセスできます。 こちらは操作を行う管理画面です。HTML5、WebSocket対応のWebブラウザからアクセスする必要があります。 iPad側の画面でボタンを押すと管理画面側コンソールに出力されます。 管理画面側からiPad側の...

2011/10/31

iPad用。ePubファイルをアプリにして読む「AePubReader」

iPadは電子書籍を読むのに最適なデバイスです。iBooksのようなポータル的存在もありますが、アプリの形で独自に発行したいならばAePubReaderを使ってみよう。ePubファイルを内包する形の電子書籍アプリを作れます。 立ち上げたところです。一つの電子書籍ファイル専用のリーダーになりま...

2011/10/22

Windowsユーザだけじゃない。Adobe AIR製のiPhone/iPadエミュレータ「iBBDemo3」

Windows PCでiOS向けの最適化Webサイトをテストしたい時に使ってみたいのがiBBDemo3です。既にiBBDemo2はありましたが、各種バグフィックスと機能追加を行ったバージョンになります。 Adobe AIRではWebKitをブラウザのレンダリングエンジンに採用しているのでiO...

2011/09/12

指先で描いたポイントをスムーズにつなぎ合わせる描画ライブラリ「Smooth line UIView」

Smooth line UIViewはiPad用のフリーウェア（ソースコードは公開されている）。個人的に好きなソフトウェアの一つにSkitchがある。画像やスクリーンショットを読み込んで、その上にイラストを描けるソフトウェアなのだが、線を引いた後に自動的にスムースなラインに変換してくれるのだ...

2011/08/30

人気のUIを真似る。Flipboard風iPadアプリモックアップ「FlipView」

FlipViewはiPad用のオープンソース・ソフトウェア。iPadやiPhoneアプリでは同じ素材を使っていても見せ方一つで魅力が大きく変わってくる。ただ一覧にするだけでは面白くなく、さらにタップして表示を切り替える際にもアニメーションがあるかないかで印象が変わってくる。 一覧ページ Tw...

2011/07/19

iPad最適化サイトの表示確認に使える？Webブラウザの中のiPadブラウザエミュレータ「iPad Peek」

iPad PeekはJavaScript/HTML5製のオープンソース・ソフトウェア。iPad向けの最適化サイトを開発する際には何らかのエミュレータが欲しいだろう。Macを使っている人であればiOSシミュレータを使うのが最もシンプルな方法だ。だがWindowsではどうしたら良いだろうか。 横...

2011/07/14

Apple公式のUIを真似る。Keynote for iPad風UIのモックアップ「HSImageSidebarView」

HSImageSidebarViewはiPad用のオープンソース・ソフトウェア。iOSを最も良く知っているのは誰かと言えば、Appleを置いて他にないだろう。OS自体やiPhone、iPadという筐体についても知り尽くしているので、彼らが作るアプリはさすがと思わされるものが多い。 縦型 操作...

2011/06/20

電子書籍の執筆に使われた、キャラクターの掛け合いによるストーリーを作成する「TiMangaEdit」

TiMangaEditはTitanium/JavaScript製のフリーウェア（ソースコードは公開されている）。日本におけるTitaniumのシェアが拡大している。先日は入門書が発売し、これから開発をはじめてみたいと思う人にとって、必要な道具が揃いつつある。 セリフ作成 そんなTita...