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
HyperappでMarkdownエディタを作って薄い本を書きたい
Search
atsuco
March 30, 2018
Programming
1
1.9k
HyperappでMarkdownエディタを作って薄い本を書きたい
2018/03/30 We Are JavaScripters!@17thの発表資料です
atsuco
March 30, 2018
Tweet
Share
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.8k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
230
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
610
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
610
JSでアニメーションに入門したい
atsuco
1
550
怖くないES記法(機能)
atsuco
1
740
コードリーディング初心者がHyperAppを読んだ
atsuco
0
500
KnockoutからReactに乗り換えたいはなし
atsuco
0
980
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
350
Other Decks in Programming
See All in Programming
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
330
はじめてのMaterial3 Expressive
ym223
2
250
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
210
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
taked137
0
140
為你自己學 Python - 冷知識篇
eddie
1
350
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
570
Testing Trophyは叫ばない
toms74209200
0
850
アセットのコンパイルについて
ojun9
0
120
機能追加とリーダー業務の類似性
rinchoku
2
1.2k
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
490
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
8
3.5k
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Fireside Chat
paigeccino
39
3.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
GitHub's CSS Performance
jonrohan
1032
460k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
4 Signs Your Business is Dying
shpigford
184
22k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Transcript
)ZQFSBQQͰ.BSLEPXOΤσΟλΛ ࡞ͬͯബ͍ຊΛॻ͖͍ͨ 8F"SF+BWB4DSJQUFST!UI !BUTVDP@
ΞαΦΧΞπί!BUTVDP@ ϑϦʔϥϯε ϑϩϯτΤϯυΤϯδχΞʗ8FCσβΠφʔ ೣͷౘɺң͕௧͍ܥ8FC ʙɹ8F+4ӡӦ
None
ݘςτϥʴ ϑϩϯτΤϯυΤϯδχΞਓͷٕज़ܥಉਓαʔΫϧɻ ʹ։࠵͞Εٕͨज़ॻయʹͯɺ ʮΠψͰΘ͔Δ8FC$PNQPOFOUTʯͱ͍͏ຊΛ൦ɻ ຯΛ͠Ίͨզʑٕज़ॻయͰͷ৽ץ൦ΛΉɺ ਐ͕ո͍͠ɻ
8F+4!UIͰ)ZQFSBQQͷίʔυϦʔσΟϯάͨ͠͠ɺ ͔͔ͤͬͩ͘Β͜ΕͰҰॻ͖͍ͨ αϯϓϧʹ.BSLEPXOΤσΟλͰ ࡞ͬͨΒ͍͍Μ͡Όͳ͍ʁ
৽ץͷςʔϚʹͯ͠ ͍ͭͰʹ8F+4ͷωλʹ͠Α͏
8IBUJT)ZQFSBQQ +BWB4DSJQUܰྔϏϡʔϥΠϒϥϦ ͦͷଞϥΠϒϥϦʹґଘͤͣɺ͑͘͘͞͞Δͷ͕ૉఢɻ Ծ%0.ʗεςʔτཧʗΠϕϯτϋϯυϦϯά͕ػೳͷશͯ Ͱɺֶशίετ͕͍ͷັྗɻ
΅ΜΓͨ͠σϞ
None
Ͱ͖Δ͜ͱ ✦ .BSLEPXOೖྗͷϦΞϧλΠϜϓϨϏϡʔ ✦ ϓϨϏϡʔελΠϧͷมߋ ✦ .BSLEPXOه๏ͷิૠೖ .BEFJO 8FCQBDL )ZQFSBQQ
NBSLFEKT FDU ࡞࣌ؒɿ࣌ؒ͘Β͍ ˞ڥߏஙʹ࣌ؒͬͨ
Α͍ εςʔτͷࢹɾϏϡʔͷߋ৽ʹશৼΓ͍ͯ͠ΔͷͰɺͱʹ͔ ͘γϯϓϧͰΘ͔Γ͍͢ɻ +49͕͑ΔͷͰίϯϙʔωϯτͷݟ௨͕͍͍͠ɺؾ͕͢Δɻ <button onclick={() => actions.down(1)}>-</button> h("button", {
onclick: () => actions.down(1) }, "-") ˣ
Ͳ͏͠Α͏ UFYUBSFBͷೖྗΛϓϨϏϡʔ͢ΔͷʹJOOFS)5.-Λ͍ͬͯΔ ͷͰͲ͏ʹ͔͍ͨ͠ɺͱ͍͏͔͔ͤͬͩ͘͠+49Ͱཧ͍ͨ͠ɻ <section id='previewHtml'> <div id='preview' className={state.previewType} innerHTML={state.preview}></div> </section>
✦ .BSLEPXOˠ+49ʹมͯ͠ʮ+49ܗࣜͷจࣈྻʯʹͳΔ͚ͩ Ͱʮ+49Λೝࣝͯ͠ඳը͢Δʯ͜ͱ͕ग़དྷͳ͍ɺͭΒ͍
ͦͷଞ͜Ε͔ΒΓ͍ͨ͜ͱ ✦ ίʔυϋΠϥΠτ ✦ ೖྗิ͋ͨΓͷॲཧΛ͑Δ ✦ ίϯϙʔωϯτ୯Ґʹׂ ✦ ݪߘΛॻ͘
͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣥචؤுΓ·͢