Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
March 30, 2018
Programming
1
1.4k
HyperappでMarkdownエディタを作って薄い本を書きたい
2018/03/30 We Are
[email protected]
の発表資料です
atsuco
March 30, 2018
Tweet
Share
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.2k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
170
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
390
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
350
JSでアニメーションに入門したい
atsuco
1
410
怖くないES記法(機能)
atsuco
1
560
コードリーディング初心者がHyperAppを読んだ
atsuco
0
360
KnockoutからReactに乗り換えたいはなし
atsuco
0
660
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
290
Other Decks in Programming
See All in Programming
tidy_rpart
bk_18
0
590
Becoming an Android Librarian (Android World Wide 2023 Jan)
skydoves
1
210
ECテックカンファレンス2023
kspace
1
340
Milestoner
bkuhlmann
1
240
Swift Concurrency in GoodNotes
inamiy
4
1.3k
Zynq MP SoC で楽しむエッジコンピューティング ~RTLプログラミングのススメ~
ryuz88
0
360
domain層のモジュール化 / MoT TechTalk #15
mot_techtalk
0
110
%q is for Quine
koic
0
410
Hono v3 - Do Everything, Run Anywhere, But Small, And Faster
yusukebe
4
130
xarray-Datatree: Hierarchical Data Structures for Multi-Model Science
tomnicholas
0
220
ECS Service Connectでマイクロサービスを繋いでみた
xblood
0
550
Spring BootとKubernetesで実現する今どきのDevOps入門
xblood
0
350
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
63k
Support Driven Design
roundedbygravity
88
8.9k
Automating Front-end Workflow
addyosmani
1351
200k
The Brand Is Dead. Long Live the Brand.
mthomps
48
2.9k
In The Pink: A Labor of Love
frogandcode
132
21k
Bootstrapping a Software Product
garrettdimon
299
110k
Bash Introduction
62gerente
601
210k
Code Reviewing Like a Champion
maltzj
508
38k
Done Done
chrislema
178
14k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
Designing with Data
zakiwarfel
91
4.2k
Transcript
)ZQFSBQQͰ.BSLEPXOΤσΟλΛ ࡞ͬͯബ͍ຊΛॻ͖͍ͨ 8F"SF+BWB4DSJQUFST!UI
[email protected]
ΞαΦΧΞπί
[email protected]
ϑϦʔϥϯε ϑϩϯτΤϯυΤϯδχΞʗ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Λೝࣝͯ͠ඳը͢Δʯ͜ͱ͕ग़དྷͳ͍ɺͭΒ͍
ͦͷଞ͜Ε͔ΒΓ͍ͨ͜ͱ ✦ ίʔυϋΠϥΠτ ✦ ೖྗิ͋ͨΓͷॲཧΛ͑Δ ✦ ίϯϙʔωϯτ୯Ґʹׂ ✦ ݪߘΛॻ͘
͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣥචؤுΓ·͢