Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Yuichi Yoshida
1,841 views
キーボードアプリとSketchのススメ
キーボードアプリ作りとデザインツールとしてのSketchについて.
Technology
◦
Read more
3
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 26
2
/ 26
3
/ 26
4
/ 26
5
/ 26
6
/ 26
7
/ 26
8
/ 26
9
/ 26
10
/ 26
11
/ 26
12
/ 26
13
/ 26
14
/ 26
15
/ 26
16
/ 26
17
/ 26
18
/ 26
19
/ 26
20
/ 26
21
/ 26
22
/ 26
23
/ 26
24
/ 26
25
/ 26
26
/ 26
More Related Content
PPTX
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
by
Naoki Masuda
PDF
Swift 2 (& lldb) シンポジウム
by
Yuichi Yoshida
PDF
Swift - Result<t>型で結果を返すのは邪道か,王道か
by
Yuichi Yoshida
PDF
Pixate導入についてのあれこれ
by
Kazuyuki Oikawa
PDF
Jokerscriptを勝手に紹介
by
tuna cook
PPTX
2021年度進級制作展プレゼンスライド
by
ssuser5f0731
PDF
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
by
Kazuki Sato
PPTX
2021年度進級制作展プレゼンスライド
by
ssuserf43cf0
Sketch 3 を使って、コンテンツの魅力を 最大限に活かしたUIを作ろう
by
Naoki Masuda
Swift 2 (& lldb) シンポジウム
by
Yuichi Yoshida
Swift - Result<t>型で結果を返すのは邪道か,王道か
by
Yuichi Yoshida
Pixate導入についてのあれこれ
by
Kazuyuki Oikawa
Jokerscriptを勝手に紹介
by
tuna cook
2021年度進級制作展プレゼンスライド
by
ssuser5f0731
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
by
Kazuki Sato
2021年度進級制作展プレゼンスライド
by
ssuserf43cf0
What's hot
PDF
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
by
theguild
PPTX
2021年度進級制作展プレゼンスライド
by
ssuserf43cf0
PDF
Swift 2 (& lldb) シンポジウム
by
Yuichi Yoshida
PDF
ex-Workshop06『three.jsを使ってモデリングソフトを試作する』
by
Takahiro Hirata
PDF
Sketchのライセンスを更新した男の話
by
anysense_ss
PDF
プレゼン用の図を自動生成する話
by
furandon_pig
PDF
Beatroboでのハードウェアプロトタイピング
by
Hideyuki TAKEI
PPTX
UX actually is all around us. - UXを感じよう -
by
Akihiro Mukai
PPTX
開発者のためのUIデザイン入門
by
Hiroyuki Mori
PPT
How to make a cutting wiring board by desktop CNC
by
Imaoka Micihihiro
PDF
Introduction of FPGA
by
Imaoka Micihihiro
PDF
Yidev201406.pub
by
itoz itoz
PDF
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
by
Tomohiro Oda
PPTX
「UI/UXデザインでサイトを改善しよう」EC-CUBE勉強会 vol.16
by
Kentaro Ohkouchi
PDF
約2ヶ月デザイナーとペアプログラミングを行なった話と僕が伝えたいこと
by
雄大 廣瀬
PDF
ミルフィーユ 自動回路設計ツール
by
Yoshinari Kou
PDF
Viewのキャプチャを撮ってみる
by
Yoshihiro Wada
PPTX
CSS1行で変わる世界
by
YukiSamuraki
PPTX
エンジニアがプロダクト育成を始めるまでにやったこと
by
Takao Sumitomo
PPTX
SIGGRAPH 2019レポート
by
Kenichi Takahashi
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
by
theguild
2021年度進級制作展プレゼンスライド
by
ssuserf43cf0
Swift 2 (& lldb) シンポジウム
by
Yuichi Yoshida
ex-Workshop06『three.jsを使ってモデリングソフトを試作する』
by
Takahiro Hirata
Sketchのライセンスを更新した男の話
by
anysense_ss
プレゼン用の図を自動生成する話
by
furandon_pig
Beatroboでのハードウェアプロトタイピング
by
Hideyuki TAKEI
UX actually is all around us. - UXを感じよう -
by
Akihiro Mukai
開発者のためのUIデザイン入門
by
Hiroyuki Mori
How to make a cutting wiring board by desktop CNC
by
Imaoka Micihihiro
Introduction of FPGA
by
Imaoka Micihihiro
Yidev201406.pub
by
itoz itoz
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
by
Tomohiro Oda
「UI/UXデザインでサイトを改善しよう」EC-CUBE勉強会 vol.16
by
Kentaro Ohkouchi
約2ヶ月デザイナーとペアプログラミングを行なった話と僕が伝えたいこと
by
雄大 廣瀬
ミルフィーユ 自動回路設計ツール
by
Yoshinari Kou
Viewのキャプチャを撮ってみる
by
Yoshihiro Wada
CSS1行で変わる世界
by
YukiSamuraki
エンジニアがプロダクト育成を始めるまでにやったこと
by
Takao Sumitomo
SIGGRAPH 2019レポート
by
Kenichi Takahashi
Viewers also liked
PDF
Managing machine learning
by
David Murgatroyd
PDF
Lessons learned
by
hexgnu
PDF
BAHSICアルゴリズムによる非線形データからの特徴選択
by
Mika Yoshimura
PDF
Machine Learning : The high interest credit card of technical debt
by
Yuichi Yoshida
PDF
C/C++プログラマのための開発ツール
by
MITSUNARI Shigeo
PDF
汎用性と高速性を目指したペアリング暗号ライブラリ mcl
by
MITSUNARI Shigeo
PPTX
「機械学習:技術的負債の高利子クレジットカード」のまとめ
by
Recruit Technologies
PDF
Let's Make the PAIN Visible!
by
Arty Starr
PDF
A Programmer's Guide to Humans
by
Arty Starr
PDF
GoogleのSHA-1のはなし
by
MITSUNARI Shigeo
Managing machine learning
by
David Murgatroyd
Lessons learned
by
hexgnu
BAHSICアルゴリズムによる非線形データからの特徴選択
by
Mika Yoshimura
Machine Learning : The high interest credit card of technical debt
by
Yuichi Yoshida
C/C++プログラマのための開発ツール
by
MITSUNARI Shigeo
汎用性と高速性を目指したペアリング暗号ライブラリ mcl
by
MITSUNARI Shigeo
「機械学習:技術的負債の高利子クレジットカード」のまとめ
by
Recruit Technologies
Let's Make the PAIN Visible!
by
Arty Starr
A Programmer's Guide to Humans
by
Arty Starr
GoogleのSHA-1のはなし
by
MITSUNARI Shigeo
More from Yuichi Yoshida
PDF
Halide, Darkroom - 並列化のためのソフトウェア・研究
by
Yuichi Yoshida
PDF
Swift 2 (& lldb) シンポジウム
by
Yuichi Yoshida
PDF
Swiftで多層型で戻り値を返すことの是非と雑談
by
Yuichi Yoshida
PDF
Handoff from Safari
by
Yuichi Yoshida
PDF
Getting started with Handoff
by
Yuichi Yoshida
PDF
Getting started with CloudKit
by
Yuichi Yoshida
PDF
Handoffは動かない〜これから役立たないバッドノウハウ集
by
Yuichi Yoshida
PDF
UIToolbarの同時タッチを防ぐ
by
Yuichi Yoshida
PDF
UZTextView, UZMultilayeredPopoverControllerの解説
by
Yuichi Yoshida
PDF
64bit化してみた話
by
Yuichi Yoshida
PDF
Gitのすすめ
by
Yuichi Yoshida
Halide, Darkroom - 並列化のためのソフトウェア・研究
by
Yuichi Yoshida
Swift 2 (& lldb) シンポジウム
by
Yuichi Yoshida
Swiftで多層型で戻り値を返すことの是非と雑談
by
Yuichi Yoshida
Handoff from Safari
by
Yuichi Yoshida
Getting started with Handoff
by
Yuichi Yoshida
Getting started with CloudKit
by
Yuichi Yoshida
Handoffは動かない〜これから役立たないバッドノウハウ集
by
Yuichi Yoshida
UIToolbarの同時タッチを防ぐ
by
Yuichi Yoshida
UZTextView, UZMultilayeredPopoverControllerの解説
by
Yuichi Yoshida
64bit化してみた話
by
Yuichi Yoshida
Gitのすすめ
by
Yuichi Yoshida
キーボードアプリとSketchのススメ
1.
Sketch! Sketch! Sketch! Design&Tools Yuichi
Yoshida Chief engineer, DENSO IT Laboratory, Inc. #yidev @sonson_twit © 2014YuichiYoshida, All rights reserved. Redistribution or public display not permitted without written permission from YuichiYoshida. Sketchでデザインしたキーボードアプリを作ってみた
2.
自己紹介 2tchの中の人 • iOS好きです • 2tch(2ちゃんねるビューア) •
iOS SDK Hacksなど • 研究・開発 • コンピュータビジョン • 機械学習 • 画像検索サービスとか • 車向けサービスやハードウェアとか
3.
今日のお話 • キーボードアプリ • App
Groups - CoreData - iCloud • カスタムフォント • その他 • Sketch • 何がいいのか • 何が悪いのか • 非デザイナにとってのSketch
4.
AAKeyboard
5.
Demo AAKeyboard
6.
メイン機能 • AAキーボード • Safariからの登録機能 •
アプリからAAを編集 • iOS8の新機能を色々組み込んで作ってみた
7.
データの共有方法 • App Groups •
App, Keyboard, Actions - 同一グループを指定 • キーボードはフルアクセスが必要 • CoreData via App Groups • App Groupsを使って共有可能 • 同期は完璧っぽい • CoreData on iCloud via App Groups • 更新が遅い・・・?
8.
フルアクセス?ーApp Groupsを使う場合 NSError *error
= nil; NSFileManager *fm = [NSFileManager defaultManager]; NSString *containerPath= [[fm containerURLForSecurityApplicationGroupIdentifier:@"group.com.sonso n.AAKeyboardApp"] path]; [fm contentsOfDirectoryAtPath:containerPath error:&error]; if (error != nil) { return NO; } return YES;
9.
カスタムフォント • Keyboard, Actionともに普通に使える
10.
作った人に聞きたい! • キーボードのAutolayoutの挙動が全体的に変 • なんか,ヘンなんです •
Action Extensionのときのキーボードの処理 • UIApplicationを使えない→keyWindowがとれない • キーボードに数字キーは必要なの? • fuckin’review and guidelines • キーボード・フルアクセスかをバンドル元のアプリか ら調べる方法
11.
Sketch
12.
唐突ですが • デザインしてますか? • 画面設計,アイコン,アプリアイコン・・・ •
どんなツールで? • 人に依頼してる? • 自力で?
13.
Sketchって何? • 最近流行ってきたドローツール? • Apple
Watchのテンプレートの形式に採用された • ベクトルグラフィクス • UIデザインをメイン作業として設計されている • AAKeyboardのUI, アイコンのデザインに利用 • 今日は,それに当たってのよかったところを紹介
14.
デザインの雄 • 機能大杉 • 高杉 •
汎用 よくも悪くもプロの汎用ソフトウェア.
15.
新参者ですが • 機能がそこまでない • 9800円安い •
UI設計用 • ピクセルベースで合わせやすい ある程度目的特化型の方がいい面もある
17.
デザインの方法 • 用意された部品で画面を構成していく
18.
デザインの方法 • 用意された部品で画面を構成していく
19.
位置測るのも楽
20.
ピクセルベースの確認も一発
21.
ピクセルベースの確認も一発 ベクトルグラフィクスでありがちな中途半端な位置に置いて アンチエイリアスのせいでぐちゃぐちゃ不祥事案件回避
22.
確認は実機で Sketch Mirror
23.
右上のボタンを押すだけで・・・・
24.
もちろん,書き出しも一括
25.
倍率と名前を設定できる
26.
まとめ • キーボードアプリでできること • App
Groups • CoreData共有 • カスタムフォント • Sketch.app • デモ • デベロッパにお勧め • 色々機能
Download