街撮りchの中のひとのブログ: shigeki.takeguchi.log

もうすぐ還暦ジジイが街撮りのYouTubeチャンネルで奮闘する記録

デザイナー・ノンプログラマーのためのXcode入門。(1)準備編

目次

今、iPhoneアプリのデザインをXibというXML形式のファイルに変換する仕事をしています。
iPhoneやiPadアプリのデザインを開発会社にどんな形式で納品すればいいのかって確かに問題になるんでしょう。
PSDで渡せばいいってことだといいんだろうけどXibかStorybordでください!なんて言われたらデザイナー困りますよね。
どうやって、そのXibってのを作ればいいのってなりますよね?
そのためのノンプログラマーのためのXcode入門です。

XibやStorybordを作るにはXcodeというのが必要です。
Xcodeって聞いたことあります?

スクリーンショットはこんな感じです。
iOSやMac OS Xのアプリを作るためのソフトウェアです。
残念ながら日本語化はされてません。

無料で入手できます。

iOSアプリを公開してみんなに使ってもらおうと思ったらiOSデベロッパプログラムに登録する必要がありますがXibやStorybordを作るのだけなら費用はかかりません。

最新版はXcode 4.5.2(2012年11月11日時点)となっています。
https://developer.apple.com/jp/technologies/tools/

App Storeからインストールできます。
https://itunes.apple.com/jp/app/xcode/id497799835?mt=12

Xcodeをインストールするには条件があります。
まずOS X 10.7.4以上(2012年11月11日時点)が必要です。LionかMountain Lionですね。
そうじゃない場合はOS Xをアップグレードしましょう。
モデルによってMountain Lionをインストールできるかどうかは以下を参考にしてくださいね。
https://www.apple.com/jp/osx/specs/

あとWindowsでは提供されていません。きっと提供されることもないでしょうね。。。

インストール後、起動してみてください。
アプリケーションフォルダの中にXcodeがあると思います。

こんなアイコンのあると思います。

これでひとまずはいつでもXibが作れるようになるわけです。

その前にXibとはなんぞや?と思いますよね。
レイアウトや各パーツの属性を定義しているファイルくらいに考えればよいかと思います。
何年か前まではXibではなくNibと呼ばれていました。今でもNibというのはあるらしくXibは最終的にはNibに変換されてるらしいです。で、そのNibは何の略かといいますと「NeXT Interface Builder」の略です。

スティーブ・ジョブスの作った会社のひとつですね、NeXTは。
iOSの開発をしてると時々NeXT時代からの名残りに出くわしてちょっと驚きます。
なんせWikipediaを見るとInterface Builderの元となるものソフトウェア1988年に作られたってなってますからね。

ところでアプリの画面デザインはどうしてます?
まだまだアプリの画面デザイン本って少ないように思ってますがどうなんでしょうね。
そこで困ってるという人はあまりいないんですかね?
そのうち専門誌もでるかもしれないですね。

デザイナーの人と話してるとひょっとして読んでないじゃないのって気がするのが「iOS ヒューマンインターフェイス ガイドライン」です。
必ず読んだほうがいいと思います。企画する人も読んだ方がいいです。
https://developer.apple.com/jp/devcenter/ios/library/documentation/MobileHIG.pdf

各アプリに関わる人が読んだ方がよいガイドラインもありますので参考までに。
https://developer.apple.com/jp/devcenter/ios/library/japanese.html

次は、Xibに入る前にデザイナーが用意しないといけない素材とかをまとめてみます。

いつもvブログを読んでいただきありがとうございます。
YouTubeチャンネルの運用を続けていくために機材購入、資料購入などで困っております。
よろしければAmazonの欲しいものリストから応援いただけると助かります。

街撮りchの欲しいものリスト

管理人:タケグチシゲキ

フロントエンドエンジニアとして働く55歳のジジイです。
首都圏を中心に散歩動画を撮影してYouTubeで配信してます。現在は夜の街のネオンや光が作り出す陰影が好きで撮影することが多いです。

YouTbueチャンネル

YouTubeチャンネルもぜひご覧ください。思い出の街や気になる街の風景を楽しんでいただければと思います

X(旧Twiiter)

X(旧Twiiter)でも情報発信しております。よろしければフォローいただけると嬉しいです

記事や動画について知っている情報を教えていただけると幸いです。どんなささいなことでも大丈夫です。

また、仕事依頼、コラボ依頼、著作物の提供などについてのお問い合わせは下記のお問い合わせフォーム、X(旧Twiiter)のDMでお待ちしております

お問い合わせ

ブログ記事やYouTubeチャンネルの動画に関するコメント、お仕事依頼、コラボ依頼、著作物の提供についてなどなどお問い合わせにて随時募集中です。
情報提供などもお待ちしております。

お問い合わせはこちらのGoogleフォームからお願いいたします