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
休講
Search
Mikio Fujita
October 26, 2015
Programming
0
1.2k
休講
Dentoo.LT #12で発表したときのスライドです。
Mikio Fujita
October 26, 2015
Tweet
Share
More Decks by Mikio Fujita
See All by Mikio Fujita
社内にアクセシビリティ改善を広める際に意識したこと
benevolent0505
0
870
GraphQLを使い続けて気づいたこと ~Hatena Engineer Seminar #21~
benevolent0505
3
2.6k
エンジニアから見た出版社との共同開発の暮らし / Hatena Engineer Seminar #13
benevolent0505
0
2.4k
マンガチームとDevOps / Hatena Engineer Seminar #11
benevolent0505
0
1k
授業でWebアプリを作っている?話
benevolent0505
0
960
日曜日といったら
benevolent0505
1
130
朝起きる
benevolent0505
1
89
◯◯駆動開発
benevolent0505
0
190
WebRTCで絵チャットを作った話し
benevolent0505
0
830
Other Decks in Programming
See All in Programming
CDK引数設計道場100本ノック
badmintoncryer
2
480
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
300
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
1k
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.5k
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
200
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
220
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
190
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
240
RailsGirls IZUMO スポンサーLT
16bitidol
0
200
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
440
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
210
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
RailsConf 2023
tenderlove
30
1.1k
Into the Great Unknown - MozCon
thekraken
40
1.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
Large-scale JavaScript Application Architecture
addyosmani
512
110k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
ٳߨ @benevolent0505 Dentoo.LT #12 (ൃදޙฤूver)
ۙگ
ࡢ OSC Tokyo Fall ձʹͯ
Ξϯέʔτ͘͡Ͱ ϋϩʔϫʔϧυຊ ͨΓ·ͨ͠
࠷ߴ
None
خ͔ͬͨ͠
ۙگऴΘΓ
ࣗݾհ • benevolent0505 • Twitter, NNID • ి௨େ ૯߹ใֶՊ 2
• ࠷ۙ Scala Λษڧத • Nexus 5Xങͬͨ
ࠓͷλΠτϧ
ٳߨ
ి௨େͷٳߨใ Webʹܝࣔ͞ΕΔ
ޚཡ͍ͩ͘͞
Google Chrome
Firefoxͷίϯιʔϧ
ϖʔδͷιʔε
ϖʔδͷιʔε େจࣈͷhtmlλά
ϖʔδͷιʔε େจࣈͷhtmlλά ݟͨΒͳ͍DOCTYPEએݴ
ϖʔδͷιʔε େจࣈͷhtmlλά ݟͨΒͳ͍DOCTYPEએݴ ͋ͬͯཉ͔ͬͨ͠จࣈΤϯίʔυͷࢦఆ
ϖʔδͷιʔε େจࣈͷhtmlλά ݟͨΒͳ͍DOCTYPEએݴ metaλάͷલʹṖͷμϒϧΫΥʔςʔγϣϯ ͋ͬͯཉ͔ͬͨ͠จࣈΤϯίʔυͷࢦఆ
ϖʔδͷιʔε େจࣈͷhtmlλά ݟͨΒͳ͍DOCTYPEએݴ metaλάͷલʹṖͷμϒϧΫΥʔςʔγϣϯ খจࣈͷmetaλάͱviewportͷࢦఆ ͋ͬͯཉ͔ͬͨ͠จࣈΤϯίʔυͷࢦఆ
Կނ͔͋ΔιʔγϟϧϘλϯ
Կނ͔͋ΔιʔγϟϧϘλϯ
͍͢͝…
ͳΜͱ͔͍ͨ͠
ղܾҊ
Chrome Apps
Chrome Appsͱ • Chrome্ͰΞϓϦέʔγϣϯ • HTML/CSS/JSͰ࡞ΔࠓྲྀߦΓͳײ͡ͷ͋Ε • Chromeͷ֦ுػೳͱಉ͡ϊϦͰॻ͚Δ • σεΫτοϓΞϓϦΈ͍ͨʹ։͚Δͷ͋Δ
Demo
͛͐͢͠ΐ΅͍ɺɺɺ
Before After
After
ࠓޙ֦ு༧ఆ
ࠓޙͷToDo • ϨΠΞτΛߟ͑Δ • ϑϧεΫϥονͰॻ͖͢ • ԿΒ͔ͷߜΓࠐΈػೳ • ʢͰ͖Εʣ௨ •
ʢChromeҎ֎ͷϓϥοτϑΥʔϜʹରԠʁʁʣ
·ͱΊ • ͿͬͪΌ͚ ϒϥβͷΤϯίʔυͷઃఆΛม͑Εྑ͍ • Ͱෛ͚ͨؾ͕ͯ͠ͳΜ͔ݏ͡ΌΜ • ݁ՌతʹϒϥβͰ։͘ΑΓखؒݮͬͨ͠
ΈΜͳศརπʔϧΛ ࡞ͬͯެ։ͯ͘͠Εʂ