Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SmartNews の Real.UI #realui
Search
Akinori Machino
June 27, 2014
Technology
2
270
SmartNews の Real.UI #realui
第1回 Real.UI 発表資料
http://realui.org
https://www.smartnews.be/
Akinori Machino
June 27, 2014
Tweet
Share
More Decks by Akinori Machino
See All by Akinori Machino
社会課題解決のための官民 API 連携
amachino
0
130
Readyfor の紹介
amachino
0
340
Welcome to Hi-Con 2018
amachino
0
89
TCR について考える
amachino
2
310
Gakusei - Universal Student Verification
amachino
3
950
Factchain プロジェクトの概要
amachino
6
730
Hi-Ether Meetup #4 Fukuoka
amachino
3
710
Plasma を理解するための Ethereum Protocol のキホン
amachino
12
57k
Hi-Ether Meetup #0
amachino
0
3.8k
Other Decks in Technology
See All in Technology
見てわかるテスト駆動開発
recruitengineers
PRO
3
220
実践アプリケーション設計 ②トランザクションスクリプトへの対応
recruitengineers
PRO
2
120
AIが住民向けコンシェルジュに?Amazon Connectと生成AIで実現する自治体AIエージェント!
yuyeah
0
260
JavaScript 研修
recruitengineers
PRO
2
110
Product Management Conference -AI時代に進化するPdM-
kojima111
0
220
生成AI利用プログラミング:誰でもプログラムが書けると 世の中どうなる?/opencampus202508
okana2ki
0
190
[OCI Skill Mapping] AWSユーザーのためのOCI(2025年8月20日開催)
oracle4engineer
PRO
2
140
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
2
140
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
LLMエージェント時代に適応した開発フロー
hiragram
1
400
Browser
recruitengineers
PRO
3
220
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
A Modern Web Designer's Workflow
chriscoyier
695
190k
How to train your dragon (web standard)
notwaldorf
96
6.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Building Applications with DynamoDB
mza
96
6.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Documentation Writing (for coders)
carmenintech
73
5k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Transcript
SmartNews 2014.6.27 Akinori Machino
None
2013
ॳظͷγΣΞΦϑΟε
Ҿӽ
ษڧձܴͰ͢
20146݄16
!?
None
)&3&
Ҿӽઌ͕ͯ͞͠·͢ Ҿӽઌ͕ͯ͞͠·͢
SmartNews 2014.6.27 Akinori Machino SmartNews ͷ Real.UI
None
݅ͷධՁ ˒˒˒˒˒ ݅ͷධՁ ˒˒˒˒˒
˒ αΫαΫಡΊΔ ˒ ͷهࣄ͚ͩಡΊΔ
ΞϧΰϦζϜʹΑΔهࣄ৴ είΞܭࢉ ΧςΰϦ͚ ສهࣄ هࣄ ऩू ৴
גࣜձࣾΰΫϩઃཱ 4NBSU/FXTGPSJ1IPOFϦϦʔε 4NBSU/FXTGPS"OESPJEϦϦʔε 4NBSU/FXTGPSJ1BEϦϦʔε εϚʔτχϡʔεגࣜձࣾʹ໊ࣾมߋ
$SPXTOFTUϦϦʔε
(PPHMF1MBZ"QQ4UPSF ϕετΞϓϦʹબग़
݄ؒΞΫςΟϒϢʔβʔ σΠϦʔΞΫςΟϒϢʔβʔ ຖສਓ͕͏ΞϓϦ ສμϯϩʔυୡ
χϡʔεΛαΫαΫಡΉͨΊͷUI
1. Scrollable Tab Pattern 2. Multi-column Layout
1. Scrollable Tab Pattern βοϐϯάͷͨΊͷ6* λςҠಈΑΓϤίҠಈ
2. Multi-column Layout ϑΝʔετϏϡʔͷهࣄ ݟग़͠ͷ࠷దͳંΓฦ͠
None
None
ྑ࣭ͳใΛͯ͢ͷਓ
None