OSSを読んでAirbnbのホーム画面の実装を想像してみた
OSSを読んで調査しながら、手を動かしているうちに出来上がったのがこちらです。 はじめに AirbnbのiOSアプリの実装に興味が沸いたのですが、Airbnbのソースを直接読むこともできません。そこで、似たような動作を実現しているOSSから内部実装を推測して自分でも書いてみることにしました。事前に調査したところ、既に似たようなことを考えている方がいて、大いに参考にさせて頂きました。感謝です。 今回の記事は、私が調査して気づいたことを再度整理した、という位置付けです。 これ以降の記述は下記のような読者を想定して書いていますので、ご承知おき下さい。 m(_ _)m iPhoneアプリ開発の経験は多少あるけれどもUIの実装は苦手 著名なアプリの実装に興味がある 画面の構成 TableViewが縦のスクロールを担い、各ジャンルのリストを横にスクロールしていく部分はTableViewの各rowの中に
ドラッグアンドドロップで画像アップロード·Dropup MOONGIFT
DropupはJavaScript製/Node.js用のフリーウェア（ソースコードは公開されている）。Gmailで使われている機能でとても便利なのが、メール作成時に添付ファイルをドラッグアンドドロップでアップロードできる機能だ。あれを自分のサイトで採用するととてもユーザビリティが高くなりそうだ。 しかしその実装となるとなかなか敷居が高いように感じられる。Gmailのものと異なり、対応ブラウザは相当制限されてしまうのだが類似機能を実装するのに参考にできそうなのがDropupだ。 DropupはNode.jsで作られたソフトウェアで、Webブラウザでアクセスすると一つのシンプルな画面が表示される。そこに画像をドラッグアンドドロップするとアップロード処理が行われる仕組みになっている。まさにGmailのそれと類似の機能だ。 残念なのは対応ブラウザがFirefox3.6のみとなっている点だろう。ソー
MOONGIFT: » アジャイルUIプロトタイピング「fluidIA」:オープンソースを毎日紹介
fluidIAはHTML/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発する際にモックから入るのは基本だ。テキストから考えていては各自の中で想定されるイメージが異なってしまう。頭のイメージを書き出すことでより具体的になるはずだ。 簡易的に画面を定義する デザインレベルではないが、画面の動きを含めて確認するのに役立ちそうなのがfluidIAだ。アジャイル向けとある通り、シンプルにさくっと流れを確認して開発にとりかかるようなスピード感が出せそうなソフトウェアだ。 fluidIAはHTML/JavaScript（jQuery）で作られている。オブジェクトとテキストを配置して最低限必要な情報を定義する。そして流れを定義する機能を使ってスナップショットで画面を固定化したり、マウスクリックを模したり出来る。 アクションを定義する プレゼンモードでは定義した流れに沿って確認が進
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
