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
990
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
350
Other Decks in Programming
See All in Programming
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
1
130
EMこそClaude Codeでコード調査しよう
shibayu36
0
380
20251016_Rails News ~Rails 8.1の足音を聴く~
morimorihoge
3
720
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
420
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
240
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
450
Devvox Belgium - Agentic AI Patterns
kdubois
1
140
contribution to astral-sh/uv
shunsock
0
530
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
34k
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
490
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.4k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
600
KATA
mclloyd
PRO
32
15k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Code Reviewing Like a Champion
maltzj
526
40k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Rails Girls Zürich Keynote
gr2m
95
14k
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Λೝࣝͯ͠ඳը͢Δʯ͜ͱ͕ग़དྷͳ͍ɺͭΒ͍
ͦͷଞ͜Ε͔ΒΓ͍ͨ͜ͱ ✦ ίʔυϋΠϥΠτ ✦ ೖྗิ͋ͨΓͷॲཧΛ͑Δ ✦ ίϯϙʔωϯτ୯Ґʹׂ ✦ ݪߘΛॻ͘
͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣥචؤுΓ·͢