2017年8月18日 【前編】Sketchからノンプログラミングでネイティブアプリを作れちゃう！？「Supernova」を使ってみた。 こんにちは！ 社長室で新規サービスのデザインを担当しています田村（@wowr_t)です。 さっそくですが、皆さんは普段どのようなワークフローでアプリを開発されていますか？ Nagisaでは、デザイナーがSketchでUIを作成しInVisionでモックを作る→エンジニアがそれらを元にUIを実装するというのが大まかな流れです。 InVisionのInspect機能やZeplinの登場によって、デザイナーとエンジニアのより良い連携が可能になったと思います。しかしながら、自分は両者間のワークフローにおいて課題がまだまだあるように感じています。 特に課題感を多く持っていると感じるのは、「SketchでUIを作成してから、そのUIをもう一度コードで作成する」という二

BenQからモニターライト「ScreenBar Pro」の提供とレビュー依頼を受けたのでレビューします。 ただ、私はMacBookしか使わないので、商品はnoppeさん（https://x.com/noppefoxwolf）に進呈してレビューを書いてもらいました。 以下、noppeさんの文章です。 BenQは、プロジェクターや液晶モニターなど快適なデスク環境を提供する製品を販売しています。今回は、先月発売されたばかりのモニターライト「ScreenBar Pro」をレビューします。 BenQ ScreenBar Pro モニターライト/輝度．色温度調整/省スペース/湾曲モニター対応/広範囲照明/目に優しい/映り込み軽減/省スペース/PC作業/USB Type-C/在宅勤務 BenQAmazon 以前から同社の「ScreenBar」を愛用していましたが、「ScreenBar Pro」は広範囲の

これは Swift Tweets の発表をまとめたものです。イベントのスポンサーとして Qiita に許可をいただいた上で、このような形（ツイートの引用）で投稿しています。 Twitterのハッシュタグはこちら Swift Tweetsオーディエンスの皆様こんばんは！Tweetupという新しい試みに参加させていただきとてもワクワクしています。本日は「Swift時代に悩ましいUIViewControllerをどう扱うか」についてご紹介させていただきます。よろしくお願いします。 #swtws pic.twitter.com/JWfOjH0E1W — susieyy (@susieyy) 2017年1月14日 まずは自己紹介から。杉上洋平と申します。iOSの開発は日本でiPhoneが販売されたときに、嫁が早速手に入れてアプリがないので作ってほしいと言われたのをきっかけに、2008年からアプリを作

Swift時代に悩ましいUIViewControllerをどう扱うか - Qiita 先日の Swift Tweets で UIViewController の初期化とか画面遷移は Swift っぽく書けないからコードで書くのおすすめだよ、ってあったのでコードだけで画面を生成し画面遷移してみる。 AutoLayout の記述には SnapKit を利用するので Cocoapods などで追加しておく。 完成画面 先に作る画面がわかっていた方がわかりやすいので完成画面を先に載せておく、Tab + Navigation の一般的な画面です。 1. 初回起動の Storyboard を削除 Main.storyboard はいらないので削除してしまいましょう。 また、 General > Deployment Info > Main Interface も空欄になるようにしましょう。 2. 各画

アプリデザインにおけるUIのアニメーションは、いざ作るとなると「どう動かすか」などと考えてしまい、無難なものに落ち着きがちです。発想が小さくなっているなと感じたら、他の人の自由な発想を見てみるのもいいかもしれません。 そこで今回は、dribbbleにて公開されているメニューUIのアニメーションから10点ご紹介いたします。ぬるぬる動きまくるポートフォリオからインスピレーションを見いだせれば幸いです。 ※過剰で独りよがりなアニメーションはユーザー体験として不適切になりがちですので、きちんとTPOをわきまえたアニメーションを心がけましょう！ Animated sliding tab bar フッター部分を完全に非表示にさせつつも、折りたたまれていたかのように表示させるアニメーションです。ユーザーが混乱しないように予め操作方法を説明しておくといった配慮が必要になりますが、デザインとしては使いやすい

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

「O RLY Cover Generator」はオライリー書籍風の表紙が作れるジェネレータです。オライリーの書籍といえば、動物の写真。動物とテキストを並べて画像として保存できるサイトになります。 以下に使ってみた様子を載せておきます。まずO RLY Cover Generatorへアクセスしましょう。 利用できる動物の種類と帯の色が一覧でまとまっています。ランダムで選ぶこともできますが、こだわりたい方はお好みのものを選びましょう。 このような表紙を作ることができました。まるでオライリー書籍のよう。完成した表紙はPNG形式で画像として保存できますよ。ぜひオライリー書籍風の表紙を作りたいときにご活用ください。 O RLY Cover Generator （カメきち）

これでいけました（Ob-Cですが。。。） - (void)setLogo:(AVMutableVideoComposition *)videoComposition { UIImage *logo = [UIImage imageNamed:@"watermark"]; CALayer *logoLayer = [CALayer layer]; logoLayer.contents = (id)logo.CGImage; logoLayer.frame = CGRectMake( 15, height - 83, 67, 68); CALayer *parentLayer = [CALayer layer]; CALayer *videoLayer = [CALayer layer]; parentLayer.frame = CGRectMake( 0, 0, width, height

Work with audiovisual assets, control device cameras, process audio, and configure system audio interactions.

はじめに iOS11から新しくPDFKitが追加されました。以前からMac用のSDKにはPDFKitが含まれていましたが、iOSにはありませんでした。PDFKitの登場前はWebViewなどで表示しており、細かい制御はできませんでした。それが今回のPDFKit追加によって、表示だけではなくて色々な制御ができるようになります。 この記事では、PDFKitの概要と基本的な機能のサンプルをご紹介します。 PDFKitの概要 PDFKitはいくつかのユーティリティクラスに分かれています。 PDFView ビューアー的な機能を持ちます。 PDFDocument PDFデータまたはPDFファイルを指します。PDFデータの書き込み、検索、選択などの機能があります。 PDFPage ページ単位の制御部分です。テキストや注釈、描画にまつわる機能があります。 PDFAnnotation ページの中の注釈部分で

[iOS] Material Designの適用をサポートしてくれるライブラリ「Material Components」を試してみた はじめに こんにちは。モバイルアプリサービス部の平屋です。 Material Designの適用をサポートしてくれるライブラリ「Material Components」(iOS, Android, Web向け)が公開されたそうです。 Android/iOS/Webで Material Design が使いやすくなるライブラリ、Material Componentsが公開されましまた！https://t.co/vPtgIAoBxI — Takuo Suzuki (@taquo) 2017年5月12日 ライブラリのソースコードはGitHubで公開されていて、このライブラリのコアメンバーはGoogleのエンジニアやUXデザイナーだそうです。 material-co

AirPrint With AirPrint, it’s easy to deliver photo and document printing in your iOS apps and macOS apps without the need to download or install drivers. AirPrint is built into most popular printer models and offers a complete set of features, including full-quality output, automatic media selection, and enterprise-class finishing options. Guides and References About AirPrint Drawing and Printing

大したネタではないけど、iOSのUITextViewで編集可能に場合に表示されるキーボードに「閉じる」ボタンを追加する方法のメモ。 StoryBoardでkeybordの設定項目をDismiss intractielyに設定しておけばテキスト表示エリアをした方向にスクロールすれば勝手に キーボードは非表示になる。…のだけれど、これは知らないとどうしていいかわからないのではないかと思う。 で、ボタンの追加方法を知るべくGoogle先生にお伺いをたてる…。 Swiftでキーボードにボタンを追加する - Qiita とか、 swiftでuitextviewに完了ボタンを設置してキーボードを閉じる方法 - とりあえずphpとか この辺がヒットする。 が、なんかめんどくさいのでもっと楽な方法ないのって探すとObjective-Cのケースが見つかる。 mkfactory.hatenadiary.jp