Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HyperappでMarkdownエディタを作って薄い本を書きたい

4dde07a2b63c5173af76dd473bc52c00?s=47 atsuco
March 30, 2018
Programming
1
1.3k

 HyperappでMarkdownエディタを作って薄い本を書きたい

2018/03/30 We Are JavaScripters!@17thの発表資料です

4dde07a2b63c5173af76dd473bc52c00?s=128

atsuco

March 30, 2018
Tweet

More Decks by atsuco

See All by atsuco
TypeScriptで型安全に入門したい
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
1
5k
Vue.jsのプロジェクトをリファクタしているはなし
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
0
160
Vue.jsで管理画面系サービスのモックをさくさく作る
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
0
360
We Are JavaScripters! の運営になって1年経ちました
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
0
300
JSでアニメーションに入門したい
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
1
380
怖くないES記法（機能）
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
1
500
コードリーディング初心者がHyperAppを読んだ
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
0
340
KnockoutからReactに乗り換えたいはなし
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
0
600
フロントエンドチームを立ち上げて2年くらい経ちました
4dde07a2b63c5173af76dd473bc52c00?s=48 atsuco
0
280

Other Decks in Programming

See All in Programming
코드 품질 1% 올리기
354271902cd8ba2762d05b251dfa0f84?s=48 pluu
0
790
CLIツールにSwift Concurrencyを適用させようとしている話
7a78f23eef1b0e883ef44c229a54f0bb?s=48 417_72ki
3
130
Develop your CI tools
Cf95f93e78f6d6dd0630049396f723c6?s=48 xgouchet
2
180
A technique to implement DSL in Ruby
110cd4dcaed019b3bd9809e541afdeb6?s=48 okuramasafumi
0
450
WindowsコンテナDojo : 第1回 Visual StudioでWindowsコンテナアプリ作成
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
320
Android入門
180bbdf8267422d5814fd498ecea043a?s=48 hn410
0
300
脱オブジェクト指向講座(5分LT資料)
9e840766611f942c7c0a9ad6987a5d78?s=48 kishida
8
10k
Yumemi.apk #6 ～ゆめみのAndroidエンジニア 日頃の成果大発表会！～ Session 2
7e5089310d68eca7e2ad404a1c8f2292?s=48 blendthink
1
200
Explore Java 17 and beyond
F784a8de872a5d98f67ac5ccbd6683d0?s=48 josepaumard
3
610
Keep Your Cache Always Fresh With Debezium
8e25c0ca4bf25113bd9c0ccc5d118164?s=48 gunnarmorling
0
170
あなたの会社の古いシステム、なんとかしませんか？～システム刷新から考えるDX化への道筋とバリエーション～/webinar20220420-grapecity
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
120
Named Document って何？
4cda705b5eecbba889fb97ce9f374efe?s=48 harunakano
0
190

Featured

See All Featured
How GitHub Uses GitHub to Build GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
465
280k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
43
2.2k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
4
2k
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
14k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
44k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
24
6.1k
A Tale of Four Properties
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
20k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
261
17k
How New CSS Is Changing Everything About Graphic Design on the Web
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
212
11k
Fight the Zombie Pattern Library - RWD Summit 2016
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
226
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1k

Transcript

  1. )ZQFSBQQͰ.BSLEPXOΤσΟλΛ ࡞ͬͯബ͍ຊΛॻ͖͍ͨ 8F"SF+BWB4DSJQUFST!UI !BUTVDP@

  2. ΞαΦΧΞπί!BUTVDP@ ϑϦʔϥϯε ϑϩϯτΤϯυΤϯδχΞʗ8FCσβΠφʔ ೣ೿ͷ؁ౘɺң͕௧͍ܥ8FC԰ ʙɹ8F+4ӡӦ

  3. None

  4. ݘςτϥʴ ϑϩϯτΤϯυΤϯδχΞਓͷٕज़ܥಉਓαʔΫϧɻ ʹ։࠵͞Εٕͨज़ॻయʹͯɺ ʮΠψͰ΋Θ͔Δ8FC$PNQPOFOUTʯͱ͍͏ຊΛ൦෍ɻ ຯΛ͠Ίͨզʑ͸ٕज़ॻయͰͷ৽ץ൦෍Λ໨࿦Ή΋ɺ ਐ௙͕ո͍͠ɻ

  5. 8F+4!UIͰ)ZQFSBQQͷίʔυϦʔσΟϯάͨ͠͠ɺ ͔͔ͤͬͩ͘Β͜ΕͰҰ࡭ॻ͖͍ͨ αϯϓϧʹ.BSLEPXOΤσΟλͰ΋ ࡞ͬͨΒ͍͍Μ͡Όͳ͍ʁ

  6. ৽ץͷςʔϚʹͯ͠ ͍ͭͰʹ8F+4ͷωλʹ͠Α͏

  7. 8IBUJT)ZQFSBQQ  +BWB4DSJQU੡௒ܰྔϏϡʔϥΠϒϥϦ ͦͷଞϥΠϒϥϦʹґଘͤͣɺ͘͘͞͞࢖͑Δͷ͕ૉఢɻ Ծ૝%0.ʗεςʔτ؅ཧʗΠϕϯτϋϯυϦϯά͕ػೳͷશͯ Ͱɺֶशίετ͕௿͍ͷ΋ັྗɻ

  8. ΅Μ΍Γͨ͠σϞ

  9. None

  10. Ͱ͖Δ͜ͱ ✦ .BSLEPXOೖྗͷϦΞϧλΠϜϓϨϏϡʔ ✦ ϓϨϏϡʔελΠϧͷมߋ ✦ .BSLEPXOه๏ͷิ׬ૠೖ .BEFJO 8FCQBDL )ZQFSBQQ

    NBSLFEKT FDU ੡࡞࣌ؒɿ࣌ؒ͘Β͍ ˞؀ڥߏஙʹ࣌ؒ࢖ͬͨ

  11. Α͍ εςʔτͷ؂ࢹɾϏϡʔͷߋ৽ʹશৼΓ͍ͯ͠ΔͷͰɺͱʹ͔ ͘γϯϓϧͰΘ͔Γ΍͍͢ɻ +49͕࢖͑ΔͷͰίϯϙʔωϯτͷݟ௨͕͍͍͠ɺؾ͕͢Δɻ <button onclick={() => actions.down(1)}>-</button> h("button", {

    onclick: () => actions.down(1) }, "-") ˣ

  12. Ͳ͏͠Α͏ UFYUBSFBͷೖྗΛϓϨϏϡʔ͢ΔͷʹJOOFS)5.-Λ࢖͍ͬͯΔ ͷͰͲ͏ʹ͔͍ͨ͠ɺͱ͍͏͔͔ͤͬͩ͘͠+49Ͱ؅ཧ͍ͨ͠ɻ <section id='previewHtml'> <div id='preview' className={state.previewType} innerHTML={state.preview}></div> </section>

  13. ✦ .BSLEPXOˠ+49ʹม׵ͯ͠΋ʮ+49ܗࣜͷจࣈྻʯʹͳΔ͚ͩ Ͱʮ+49Λೝࣝͯ͠ඳը͢Δʯ͜ͱ͕ग़དྷͳ͍ɺͭΒ͍

  14. ͦͷଞ͜Ε͔Β΍Γ͍ͨ͜ͱ ✦ ίʔυϋΠϥΠτ ✦ ೖྗิ׬͋ͨΓͷॲཧΛ੔͑Δ ✦ ίϯϙʔωϯτ୯Ґʹ෼ׂ ✦ ݪߘΛॻ͘

  15. ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣥචؤுΓ·͢