楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
iOS6のSafariでサポートされるHTML5の機能 | DevelopersIO
以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
iOS6が Single App Mode を搭載で超絶進化！！ iOS6で最も恩恵を受けるのは実はエンタープライズ！！ - 業務用iOSアプリのfeedtailor社長ブログ
遂にリリースされたiOS6。 iPhone5よりも、Passbookよりも、地図よりも、Siriの強化よりも、最近のAppleからの発表全てを凌ぐ超ビッグニュースだと個人的に思ってるのですが、Single App Modeが遂に登場です！！ ｷﾀ━(ﾟ∀ﾟ)━! と言わずにいられるでしょうか。特にエンタープライズの世界ではiPad登場当初からずっとずっと求められていた機能。以前のブログで「推測」という事で書いていた、 Guided Accessと呼ばれるアクセシビリティの機能拡張で、どのような使用感で扱えるのかは不明ですが、もし文言通り/想像通りの挙動をするのであれば、エンタープライズなiOSの魅力は一段と輝きを増すに違いありません。なんと、 HOMEボタンを無効にできる!! タッチパネルが反応しない領域を設定出来る!! というのです。 ってな機能がそのまんま、いぁ、それ以上に！超超理想的
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
YOLPでiPhoneアプリに挑戦～最寄コンビニ案内アプリ
はじめに YOLPで提供している「Android Map SDK」は、連載第1回目で紹介しましたが、今回は「iOS Map SDK」と、応用範囲の広いYOLP「ローカルサーチAPI」を組み合わせた利用例をご紹介します。 アプリ概要 今回のアプリでは、以下の機能を実装します。 現在地を取得し、現在地周辺の地図を表示する 現在地周辺のコンビニの情報を取得し、地図上にピンをたてる ピンをタップすると、ポップアップでコンビニの情報を表示する ポップアップにボタンを追加し、タップすると現在地からそのコンビニまでの道のりを表示する 開発環境の準備 まずは、「iOS Map SDK」を使うための事前準備を行います。 1. iPhoneアプリ開発環境を用意 お使いのMacにXCodeをインストールし、開発環境を設定してください。 iOS Dev Center XCodeのダウンロードには、AppleIDが
開発中のiPhoneアプリを自前サーバで配布する方法 - ku-sukeのブログ
OTA配布が手軽にできるオープンソースのPHPスクリプト書きました。TestFlightが様々なポリシーで使えない方向けに書きました。 ku-suke/SimplePHPAdhocServer · GitHub これはなに？ USBケーブルを繋がずに、開発中のアプリを実機に配布できるPHPスクリプトです。自前のサーバに設置してご利用ください。developmentプロファイルでもdistributionプロファイルでもenterpriseプロファイルでも使えます。enterprise以外はあくまでUDID登録済みの実機だけです。 動作確認というか必要条件 PHP 5.2以降 MySQL 5.0以降 USBで実機にアプリをインストールすることが出来る環境（Xcode/Provisioning profile etc） ライセンス 個人で書いたのでMITで自由に使えるよ！同梱ライブラリのライセ
iPhone「アプリの設計パターン」についてまとめてみる - ゆーすけべー日記
iPhoneアプリの良いアイデアが出たので、これから作り始めようというところである。 さて、iPhoneアプリ開発童貞ってわけではないが、今までただ闇雲に作っていた感があるので、 実際にXcodeを起動してコードを書き始める前の設計をどうしていこうかと考えている。 ソフトウェアの作成はじめてではもちろん無いのでだいたい勝手は分かるものの、 iPhone特有の設計思考が必要な気がして、文献を漁っている。 ところが、世に出回っているiPhoneアプリ本にはUIKitをいじくるだけの解説ばかりではないか！ で、つまるところ設計について有益だと思えたのは以下3つの文献だった。 「iOSアプリケーションプログラミングガイド」Appleのサイトからダウンロードできる 「iPhoneアプリ設計の極意 - 思わずタップしたくなるアプリのデザイン」のfladdictさんの章 「iOS開発におけるパターンによ
iOS アプリ開発向け受け入れテスト/結合テストフレームワークのまとめ - laiso - iPhoneアプリ開発グループ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
意外と簡単に作れるようになったiOS5向け「電子書籍アプリ」を作ってみよう - もとまか日記乙
Xcode4.2から「UIPageViewController」という電子書籍的なアプリを作るのに最適なクラスが追加されました。iOS5専用ですが、これは嬉しいですね！ このクラスを使うと電子書籍アプリが簡単に作れるようです。てことで、今回はiOS5用のシンプルな電子書籍アプリを作ってみる、というメモ。 今回の概要 今回の概要は以下。iOS5向けの電子書籍アプリを作ってみる プロジェクトの作成 まずはプロジェクトを作成します。本内容では「Page-Based Application」を選び、プロジェクト名は「eBookTest」としています。 Page-Based Applicationの仕組み まず、Page-Based Applicationの構成と仕組みについて。 まず、見慣れない「Storyboard」というものがあります。これは簡単に言うと、UIを構成するxibを一つにまとめたも
iOS5の通知センターを利用するiOSアプリを作ってみよう - もとまか日記乙
iOS5で便利になった機能の一つに、通知センターがあります。折角の機能なので、積極的に使っていきたい所です。 てことで、今回は通知センタを利用するアプリの作り方についてのアプリ開発チュートリアルにしてみました。 「リモート通知」と「ローカル通知」 通知センターに表示されるものには「リモート通知」と「ローカル通知」の２種類があります。 リモート通知はインターネット上のサーバから通知される、いわゆる「プッシュ」と呼ばれる通知方法です。便利で自由度は高いけど、外部のサーバが必要なため、作るのはちょっと面倒くさい方法です。ローカル通知は簡単に作れる反面、色々と制限があります。 このチュートリアルは「シンプルで誰でも簡単」が信条なので、本内容ではローカル通知でやってみます。 なお、リモート通知の実装方法については以下の記事がオススメです。【iPhone】Push Notificationの実装方法
iCloudに対応したiOSアプリを作ってみよう：iCloud基礎編 - もとまか日記乙
iOS5とiCloudがリリースされてから、早くも一ヶ月以上が経過しました。てことで、今回は久々に「iCloud対応アプリの作り方」と題した開発チュートリアルを書いてみました。 なお、以下は最近書いてたチュートリアルです。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム iPhoneアプリを作ってみよう（Xcode4編）第２回：簡単ブラウザ iPhoneアプリを作ってみよう（Xcode4編）第３回：はてブポケットmini iPadアプリを作ってみよう（Xcode4編）第１回：AppBank mini 最近って言っても、前回から既に半年以上経過してる件(^^;; 今回の概要 iCloudには大きく分けて、ドキュメントとデータの２種類があります。「Document storage」と「Key-value storage」がそれ。今回はiCloud対応アプリの最初だし
cocos2dで簡単なゲーム作っていくよ（まとめ） | リンゴにかじられたブログ
「BigShot」というゲームをcocos2dで作りました。 ダウンロードはこちら 射的屋「BigShot」 カテゴリ: ゲーム 価格: 無料 GitHub ソースコードはhttps://github.com/kasajei/BigShotに置いてあります。書く記事ごとにchapterとしてbranchを残しているので、各回ごとに追っていきたい人はそちらからも御覧ください。 記事一覧 cocos2dで簡単なゲームを作っていくよ(0) cocos2dで簡単なゲームを作っていくよ(1) cocos2dで簡単なゲームを作っていくよ(2) cocos2dで簡単なゲームを作っていくよ(3) cocos2dで簡単なゲームを作っていくよ(4) cocos2dで簡単なゲームを作っていくよ(5) cocos2dで簡単なゲームを作っていくよ(6) cocos2dで簡単なゲームを作っていくよ(7) coc
iOS 5 公開記念！ Objective-Cのメモリ管理の革命、 ARC 超入門（サンプルはgitHubに公開） – Zero4Racer PRO Developer's Blog
iOS 5が公開されて、Dev CenterもWe’ll be back soon になっています。 iOS5 NDA will be gone soon! 記念に、iOS 5 のプログラム面での変化、ARCを使った簡単なサンプルをGitHubに登録しましたのでご覧下さい。 追記：うーねこ？ (@ne_ko_)さんからの指摘であった、”クラス変数”という間違えた記述を、”インスタンス変数”という正しい記述に変更しました。 tomohisa/EasyBlockCallback – GitHub ARC は、メモリ管理でこれまで手動で行っていた、 Retain Release Autorelease を自動でコンパイラで行うようにさせる方式です。一定のルールに従う必要がありますが、メモリ管理に関する、Retain、Releaseを書かなくてよくなります。このサンプルには、ARCを使っているプロ
Stencyl - Find the Fun
Design Once, Play Anywhere Publish iPhone, iPad, Android, Windows, Mac, Linux & HTML5 games without code Game Studio in a Box Stencyl isn't your average game creation software; it's a gorgeous, intuitive toolset that accelerates your workflow and then gets out of the way. We take care of the essentials, so you can focus on what's important - making your game yours. Publish Everywhere With extensiv
Cocoaの日々: [iOS] UITableView でセルをスワイプするとスライドするユーザインタフェースを実装
スワイプの処理 RootViewController にUIGestureRecognier を左右両方向について登録しておく。 - (void)viewDidLoad { [super viewDidLoad]; : UISwipeGestureRecognizer* swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(didSwipeCell:)]; swipeGesture.direction = UISwipeGestureRecognizerDirectionRight; [self.tableView addGestureRecognizer:swipeGesture]; [swipeGesture release]; swipeGesture = [[UIS
![Cocoaの日々: [iOS] UITableView でセルをスワイプするとスライドするユーザインタフェースを実装](https://cdn-ak-scissors.b.st-hatena.com/image/square/c63ced423d1af6cde9bfa18ff38109590131a3f8/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-LlM0fJAObCI%2FTgnfd46wSzI%2FAAAAAAAAGL4%2F2Y7xbua5BkE%2Fs1600%2F110628-0010.jpg)
Cocoaの日々: [iOS][Mac] Core Graphics - グラデーション
例では２色間のグラデーションを使っているが複数色間のグラデーションを作ることもできる。その場合は上記コードの components に色情報を増やす。 CGFloat components[] = { 1.0f, 1.0f, 1.0f, 0.5f, 1.0f, 0.0f, 0.0f, 0.5f, : 0.0f, 0.0f, 0.0f, 0.5f };components を増やした場合は locations の要素もそれに合わせて増やす。locations は各色の割合を表していて 0〜1 の数値を取る。例えば CGFloat locations[] = { 0.0f, 0.2f, 1.0f };とすると全体の描画対象の 0〜20% が１色目と２色目のグラデーション、20%〜100%の領域が２色目と３色目のグラデーションになる。等間隔にしたい場合は CGGradientCreateWith
![Cocoaの日々: [iOS][Mac] Core Graphics - グラデーション](https://cdn-ak-scissors.b.st-hatena.com/image/square/5520e11f680bd3ea01fdb939bc6f0f0636db94df/height=288;version=1;width=512/http%3A%2F%2F3.bp.blogspot.com%2F-Bkuqfd1QeII%2FTglMIs-u38I%2FAAAAAAAAGLU%2FHS7Cy1Eddno%2Fs1600%2F110628-0009.jpg)
Cocoaの日々: CALayer を使ってビューの内側に影を落とす
CALayer を使うと簡単にビューに影を落とすことができる。 CALayer* layer = self.imageView1.layer; layer.shadowOffset = CGSizeMake(2.5, 2.5); layer.shadowColor = [[UIColor blackColor] CGColor]; layer.shadowOpacity = 0.5; ただこの方法はビューの外側に影を落とせても、ビューの内部には影を落とせない。 どうするか。 CALayer のプロパティを眺めていていると shadowPath に気がついた。このプロパティには CGPathRef を渡すことができる。 @property CGPathRef shadowPath;もしかしてこれを使って任意の場所や形で影が落とせないか。 試しにこんな矩形のパスを作って渡してみた。 CALay
Cocoaの日々: Bezelボタンを作る［03］矩形の内側に影を落とす
こんな中を抜いた図形が作って描画すれば矩形の内側に影ができるだろう。 影ができればこの図形自体は不要なので（矩形の内側に）クリッピングして隠してしまえば良い。 コードはこんな感じ。 - (void)drawRect:(CGRect)rect { CGRect frame = CGRectInset([self bounds], INSET_SIZE, INSET_SIZE); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSaveGState(context); // [1] clipping [self addRoundRectPath:context rect:frame]; CGContextClip(context); // [2] fill background in round rect [[UIC
Cocoaの日々: 下からせり上がってくる非モーダルなカスタムダイアログを作る (2)二段構え
次に CustomDialogViewController に制御用のメソッドを追加する。このメソッドではラベルのアニメーション制御と共にボタンの有効向制御も行う。 - (void)setEnabled:(BOOL)enabled { if (enabled_ == enabled) { return; } enabled_ = enabled; self.button.enabled = enabled; CGRect frame = self.label.frame; if (enabled) { frame.origin.y -= frame.size.height; } else { frame.origin.y += frame.size.height; } [UIView animateWithDuration:ANIMATION_DURATION animations:^{s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - devslashwill/WeeAppTest: An example of a custom notification centre widget on iOS 5