iOSの標準UIについて勉強会を行いました｜ひろしくりえいしょん🍜
アプリデザインにまだ慣れていないデザイナー(その他クリエイティブ職)向けに社内でワークショップをやったところ、思いのほか好評だったので抜粋したスライドを公開します。 目次 ・標準UIの定義 ・標準UIのメリット ・標準UIクイズ ・標準に倒すUIと凝るUIのバランス ・Xcodeについて ・Xcodeのデザインツール ・Interface Builder ・オートレイアウト(実演) ・Asset Catalog ・作ってみよう ・実装的に嬉しいデザイン ・コンポーネントがあると何が嬉しいのか ・ラップアップ 標準UIクイズで理解度チェックとアイスブレイクをしつつ、Xcodeの紹介をし、アプリエンジニアが何を考えてUIを実装しているか少し触れたあとに、実際にXcodeを触ってもらってビルドしするところまで行いました。 サンプルアプリアプリをビルドする体験を味わって欲しいのと、GUIでどこまで
Using Vector Images in Xcode 6
iOS applications are an image-driven species. When developing an app, you need icons in various sizes, Default.png images in different sizes, and also @1x and @2x images for each image file inside the app. All of these images make applications look attractive, but the downside is you have to generate these image files individually. With the introduction of the iPhone 6 and 6 Plus last week, I coul
第7回はDeNA開催！ #potatotips で発表されたiOSのtipsまとめ - Think Big Act Local
第7回となるクックパッドさんの #potatotips に参加させて頂きました。 今回は株式会社DeNA＠渋谷ヒカリエでの開催でした。 https://github.com/potatotips/potatotips/wiki/Potatotips-7 potatotipsは発表者だけが参加できる、持ち時間1人5分のtips共有会です。 7回目となる今回も濃厚なtipsが多く発表された会となりました。 そんな第7回で発表された11個のiOSのtipsをまとめます！ ※Androidのtipsはこちらをご参考ください → DeNA開催! #potatotips 7に参加してきました。 Android tips 11個まとめ iOS tips ICTurorialOverlay @i110さん プロダクトにはオーバーレイ型のチュートリアルを作りがち 透過のviewを張るだけなら良いが、フォーカ
Xcodeの「全機能」を網羅した全752ページの超大作『Xcode 5 徹底解説』書評 - その後のその後
先日 yidev 恵比寿勉強会 に行った際、隣の席にいらっしゃった @es_kumagai さんより、すごいプレゼントをいただきました。 この本を手に取ってまず驚くのが、その 752ページ（!!!!） という超特大ボリュームです。世の中に「徹底解説」を謳う解説本は数あれど、 本当に「全機能」を網羅している本 は初めてみたかもしれません。 （iPhone5sとの比較。分厚さが伝わりますでしょうか） 対象読者：入門者から上級者まで！ 目次を見てみると、「Xcode とは」「Xcode をインストールする」から始まるので、Xcodeを未ダウンロードな入門者 から読めますし、「xcodebuild コマンドを使ってビルドする」「ユニットテストを実現する XCTest」「Xcode サーバーと Bot でテストを自動化する」といった 中級者向け の内容もがっつり解説されています。 また、Xcode
ScaleOut | Supership
日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipの“BE SUPER”なストーリーをシェアしています。
iOSアプリのデザインをスタイルシートで行う凄い技術·Pixate MOONGIFT
PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[iOS] UI/UX系 用途別OSSまとめ | DevelopersIO![[iOS] UI/UX系 用途別OSSまとめ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d54035d235e77e549afde081cfc594b65045261/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
URL変更のお知らせ - 士業JOB