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
620
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
620
JSでアニメーションに入門したい
atsuco
1
550
怖くないES記法(機能)
atsuco
1
750
コードリーディング初心者がHyperAppを読んだ
atsuco
0
500
KnockoutからReactに乗り換えたいはなし
atsuco
0
980
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
350
Other Decks in Programming
See All in Programming
CSC509 Lecture 03
javiergs
PRO
0
320
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
220
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
130
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
220
議事録の要点整理を自動化! サーバレス Bot 構築術
penpeen
3
1.6k
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
実践AIチャットボットUI実装入門
syumai
7
2.4k
CSC509 Lecture 02
javiergs
PRO
0
400
Model Pollution
hschwentner
1
180
Platformに“ちょうどいい”責務ってどこ? 関心の熱さにあわせて考える、責務分担のプラクティス
estie
2
510
大規模アプリにおけるXcode Previews実用化までの道のり
ikesyo
0
960
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
23
11k
Featured
See All Featured
Music & Morning Musume
bryan
46
6.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Why Our Code Smells
bkeepers
PRO
339
57k
Code Review Best Practice
trishagee
72
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Navigating Team Friction
lara
189
15k
Site-Speed That Sticks
csswizardry
11
870
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Bash Introduction
62gerente
615
210k
Faster Mobile Websites
deanohume
310
31k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.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Λೝࣝͯ͠ඳը͢Δʯ͜ͱ͕ग़དྷͳ͍ɺͭΒ͍
ͦͷଞ͜Ε͔ΒΓ͍ͨ͜ͱ ✦ ίʔυϋΠϥΠτ ✦ ೖྗิ͋ͨΓͷॲཧΛ͑Δ ✦ ίϯϙʔωϯτ୯Ґʹׂ ✦ ݪߘΛॻ͘
͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣥචؤுΓ·͢