Layout講座」を主催しました。実際にiOSアプリのデザインをお仕事でやっている方々が参加してくれたのですが、とっても好評でした。今回はそちらのレポートをお届けします!(。Layoutとは簡単に説明するとiOSアプリ開発ではほぼ必須な「デザインを作るための仕組み」のことです。Layoutを使ってデザイナーさんが作ったデザインを再現しているはずです。私がキュレーター兼アシスタント講師をしている「アプリクリエイター道場(略してアプリ道場)」の特別講座として開催しました。(今回はデザイナーさん向けということと、得意分野なので私がメイン講師です〃∇〃)このブログを読んでくれている方にはお馴染みかもですが、初めて読んでくれてる方に説明すると「アプリ道場」とは初心者向けのiOSアプリ開発の入門講座です。(私も最初、ここでプログラミングを学びました。Goodpatchはデジタル系のデザインをしている人ならみんな知っていると言っても過言ではないUI/UXデザインに特化したデザイン会社です。Layoutの基礎を学ぼう!今回の講座はデザイナーさん向け。Layoutの基礎を身につけてもらおうと考えました。「コードなしで、実際アプリのデザイン作れるようになるの?」と思う方もいるかもしれません。これがXcodeのstroryboardという仕組みを使うとできちゃうのです。Layoutを使ってデザインを実装することが多くあります。(※チームや個人の方針としてコードでしかデザインを実装しないというところもありますが。この講座でやったことだけでも練習を重ねれば、実際のプロジェクトでデザイン実装ができるようになるのです。以下は参加者募集の案内文ですエンジニアさんに、デザイン指示をする時「これは実装に時間がかかる」と言われてしまったり、指示したデザインと違う画面があがってくるとことはありませんか?今回はそんなアプリデザイナーさんに向けて、エンジニアさんに的確にデザイン意図を伝える手助けとなる講座を開催します。Layoutという仕組みを使っています。Layoutはデザインを再現するためのルールのこと。「右のViewと左のViewの間は6ptあけて...」と、こんな調子で設定していきます。(Webデザインをやったことがある人ならおなじみのCSSに近いものを想像してください。Layoutを知ればエンジニアさんへの指示がより具体的にできるようになり、最終的なデザイン再現度も上がるでしょう。学べば、自分でデザインを実装することだってできます。Layoutの仕組みを学んでいきます。Layoutを操ります。Layoutは「パズル」のようなもの。パズルのアイテムとルールを知って、組み合わることでパズルを解いていくんです。説明すると...アイテムが数種類、アイテム同士をつなげるルールが数種類あります。「パズル解く」というのは「デザインを再現するためのルールの組み合わせを考える」という事です。この「パズルを解く」ですが、上にも書いてあるようにWebのデザインやコーディングを知っている人ならお馴染みのCSSを想像してもらえるといいかなと思います。LayoutはCSSよりもルールは全然少ないです。)それらを組み合わせて、デザインを再現するのです。コードとの関連デザイナーさんに参加してもらいやすいように、平日の夜2回構成で行いました。学んで欲しいので、一方的な講義ではなく、少人数制の実習形式です。(アプリ道場の特徴です!)時間に対してやることの内容はかなり多いですが、実際手を動かしてもらいながら基礎をみっちりやりました。Goodpatchさんのオフィスです。居心地いいです!(#^^#)エンジニアさんが、どうやって自分(たち)の作ったデザインを再現しているのかがわかれば、エンジニアさんとのコミュニケーションは今までよりも格段に円滑になりますよね。́ー`*)さらに今回の基礎だけでも、練習を重ねればXcodeのStoryboardを使って自分でデザイン実装をできるようになっちゃうのもポイントです。(もちろん、storyboardでできることのみですが)また、デザイナーさんが普段の仕事で必ずと言っていいほどぶち当たっているであろうフォントの問題が何故起きるのか?の説明や、実際にエンジニアがどんな風にアプリを作っているかの実演と説明もあり、実務でエンジニアさんとのコミュニケーションに役に立つトピックもしっかりおさえる構成にしてあります。今回は初回ということもあり、最後に受講生さんたちに講義の感想をねおがいしました。いろんな方の一部だけ抜粋です。Layoutはもっとハードル高いと思っていましたが、丁寧にわかりやすく教えてもらったので、身近になりました。初期の学習曲線はめっちゃあがりました。エンジニアさんのやっていることを実際体験したことで、これからもっとうまくコミュニケーションがとれそうです。やってエンジニアと一緒に仕事をしていけばいいのか、勉強になりました。「丁寧」という言葉も多くありました。Layout講座の講師をやってみて初の試みだったので、実際やってみてないとわからないことがたくさんあるに違いないと思っていましたが、実はイメージからおおきく外れることはありませんでした。理由は、私が元々デザイナーだからかもしれないな、と(いや、今もデザイナーやってますが)。想定した人物像は、「プログラミングを学び始める前の自分」でした。その時の無駄だった苦労は講義内の説明に、意味のあった苦労を講義内の実習に落とし込みました。声を大にして言いたい!(。Layoutエバンジェリストに任命されても良いんじゃないでしょうか?!いや、ほんとに。Layout講座をやるきっかけをくれたGoodpatchの齋藤恵太さん、そして内容から私をメインの講師アプリ道場主催のあきおさん(身内ではありますが)には感謝の言葉しかありません。Layout講座」第2回目やります。今回もGoodpatchさんが会場を提供してくださっています。1回目が平日夜2回構成だったからか、お仕事の都合で来られない方がいらしたので、今回は土曜に半日で日程を組んでみました。18:30【お申込みページ】http://peatix.com/event/279048/少人数制なこともあり、今回の空きはあと数名です。キャンセルがあるかもしれないので、埋まってしまっても、こまめにチェックしてみてください。今回は無理だけど、タイミング合えば受けたいという方は、Peatixページの主催のユコプロジェクトをフォローしていただくか、私のTwitterやFacebookをフォローしてください。募集前でも声かけてくれれば日程の相談も受けます。Tue.PanicのFTPクライアント『Transmit』が半額セール(本日)ということで、私のMacの中のFTPクライアントアプリ変遷を。Fri.WordPressなのでモバイル(スマフォ)用テーマも作りました。Mon.Webページ制作はパズル。これからWebサイトやブログを作りたい人、学びたい人におすすめ入門サイト、ドットインストールに感動。Sat.Xserver、500エラーでWordPressが完全にダウン。焦りましたがPHP高速化設定(FastCGI化)ONで直りました。iSOデベロッパー)パソコンのパの字も知らない人生を送っていたが、ある日MacBookと出会い恋に落ちる。数年後、Mac好きが昂じてAppleブログを開設。ブログを始めてから何故かMacのトラブルが頻発するようになりAppleの神対応を体験。Proを持ち運び寝食を共にする。(いろいろバッサリ割愛)2014年にはWWDCに行き、自作のiOSアプリもリリース。ix100のクリエイターモデルにデザインを提供。「ねこ事務所」お手伝い1号の赤魔道士デザイナー(つまり何でも大抵やる、このwordpressのテーマも自作)。未経験者向けiPhoneアプリ開発入門講座「アプリクリエイター道場」アシスタントティーチャー。Layout入門講座」では講師を務める。「もっと知りたいリンゴあれこれ」とは都内某所にあるApple率100%の弱小事務所『ねこ事務所』で起こるドタバタ劇(実話)を綴るため、また筆者ゆこびんの経験や知識が誰かの役に立つことがあるかもしれないという思い込みから開設されたAppleブログである。MacやiPhone、iPadなどをイラスト入りでゆるゆると綴るのが特徴。Web、アプリ開発など簡単な技術的なことや筆者の個人的な話なども。読者の方々は略して「リンあれ」と呼んでくれている。良ければブックマーク(お気に入り)やRSS登録をよろしくお願いします。Facebook「いいね」の他、TwitterやGoogle+をフォローしてくれると更新情報が流れます。いつも読んでくれてるそこのアナタも、ブックマークした上にさらにいいねしてくれたりしてもいいのよ(/∇\*)*関連ページに飛びます。クリックすることで自動で(勝手に)フォローしたりいいねをすることはありません。コメントは認証制です。一度認証された方は即時認証されるようになります。方は下の使い方とお約束をお読みください。各アカウントと連携することでコメントできます。コメントしたことはSNSに流れませんので、アカウントをお持ちの方はこちらの方法でコメントを投稿して下さると嬉しいです。メールアドレスと名前を入力することでコメント出来ます(自サイトをお持ちの方はサイトURLも是非ご記入下さい)。入力頂いたメールアドレスには確認のメールが送られる事があります。その場合はお手数ですが内容にしたがって返信して下さい。確認がとれないメールアドレスでの投稿は認証されない事があります。宣伝目的や明らかに内容にそぐわないもの、いわゆる公序良俗に反することや誹謗中傷めいたもの、管理人及びブログ読者を不快にさせる表現などを含むものは、内容にかかわらず削除されます。顔の見えないインターネット上のやり取りは誤解が生じることが多々あります。諍いに発展する事は本意ではありませんのでご理解下さい。内容も言葉も少し気をつけて頂くだけで、コメント欄はとても有意義な交流の場になります。管理人多忙のため、コメントの返信が出来ないことがあります、ご了承下さい。旧サイトにあった非公開コメントシステムはなくなりました。以前のようにちょっとした情報や個人的なお話して下さる方は、Contactフォームからお気軽にどうぞ。●このブログのイラスト及び写真の無断転載や加工、二次配布を禁止します。文章を引用する場合はこのブログからの引用であることがわかるよう明記して下さい。引用を超えて転載する場合は上部contactから連絡して下さい。(紹介記事、それに類するものの場合はこれにあたりません。その場合のイラストの加工は原型が分かる程度でお願いします。)●このブログのプライバシーポリシーはこちら。私(ゆこびん/佐久間にの)のアプリやブログで公開しているものがお役に立ったりなどして、私の活動を応援したいと思ってくださる方はAmazonギフトからお願いします。少人数制の未経験向けiPhoneアプリ開発講座「アプリクリエイター道場(略してアプリ道場)」のアシスタント・キュレーターをしています。アプリを作れるようになりたいプログラミング未経験者さん、独学で挫折した人やエンジニアさんとのコミュニケーションのためiOSアプリのプログラミングを学びたい人など、今までいろいろな方が受講されています。ヽ('ヮ'*)ゝ現在、東京と大阪で定期開催されています。(上の画像をクリックすると講師ブログのアプリ道場関連記事一覧にとび、今後の開講予定や卒業生インタビューなどがチェックできます。AppleiPhoneアプリをリリースしました。文字組み(組版)を始めたばかりの人、文字ばかり扱ってるわけではないデザイナーさんのためのアプリです。Q(級)やH(歯)をptや他の単位に自動変換。行送りも含め印刷した際の実寸プレビューが見られます。いくつかの便利なガイド計算機も付いています。↓今更ですがPinterestが楽しいです。日本ではあまり流行ってないですし、私も知ってからから始めるまで2年くらいの差がありましたが、利用してみたらかなりお気に入りです。写真、映像、デザイン、イラスト、ハンドクラフトをやっている人には激オススメしておきます。↓Instagramをひっそりとやってます。Apple、食べ物、猫が主な被写体です。気になる方はFollowしてみてください。→今までのApple製品を並べてみました。