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.3k
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
5k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
160
Vue.jsで管理画面系サービスのモックをさくさく作る
atsuco
0
360
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
300
JSでアニメーションに入門したい
atsuco
1
380
怖くないES記法(機能)
atsuco
1
500
コードリーディング初心者がHyperAppを読んだ
atsuco
0
340
KnockoutからReactに乗り換えたいはなし
atsuco
0
600
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
280
Other Decks in Programming
See All in Programming
코드 품질 1% 올리기
pluu
0
790
CLIツールにSwift Concurrencyを適用させようとしている話
417_72ki
3
130
Develop your CI tools
xgouchet
2
180
A technique to implement DSL in Ruby
okuramasafumi
0
450
WindowsコンテナDojo : 第1回 Visual StudioでWindowsコンテナアプリ作成
oniak3ibm
PRO
0
320
Android入門
hn410
0
300
脱オブジェクト指向講座(5分LT資料)
kishida
8
10k
Yumemi.apk #6 ~ゆめみのAndroidエンジニア 日頃の成果大発表会!~ Session 2
blendthink
1
200
Explore Java 17 and beyond
josepaumard
3
610
Keep Your Cache Always Fresh With Debezium
gunnarmorling
0
170
あなたの会社の古いシステム、なんとかしませんか?~システム刷新から考えるDX化への道筋とバリエーション~/webinar20220420-grapecity
grapecity_dev
0
120
Named Document って何?
harunakano
0
190
Featured
See All Featured
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Thoughts on Productivity
jonyablonski
43
2.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
4
2k
A Philosophy of Restraint
colly
192
14k
From Idea to $5000 a Month in 5 Months
shpigford
372
44k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
GraphQLの誤解/rethinking-graphql
sonatard
24
6.1k
A Tale of Four Properties
chriscoyier
149
20k
Stop Working from a Prison Cell
hatefulcrawdad
261
17k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
212
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
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Λೝࣝͯ͠ඳը͢Δʯ͜ͱ͕ग़དྷͳ͍ɺͭΒ͍
ͦͷଞ͜Ε͔ΒΓ͍ͨ͜ͱ ✦ ίʔυϋΠϥΠτ ✦ ೖྗิ͋ͨΓͷॲཧΛ͑Δ ✦ ίϯϙʔωϯτ୯Ґʹׂ ✦ ݪߘΛॻ͘
͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣥචؤுΓ·͢