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

Kotlin/JS イケイケフロントエンド開発 / Ikeike Frontend Development in KotlinJS

B9d723a1439affc92fcd589446f73d3b?s=47 Yuku Kotani
July 15, 2019
Programming
0
210

Kotlin/JS イケイケフロントエンド開発 / Ikeike Frontend Development in KotlinJS

Feedal Meetup #2 (https://feedal.connpass.com/event/136645) でLTした資料

B9d723a1439affc92fcd589446f73d3b?s=128

Yuku Kotani

July 15, 2019
Tweet

More Decks by Yuku Kotani

See All by Yuku Kotani
先を見据えたMVPのフロントエンド開発
B9d723a1439affc92fcd589446f73d3b?s=48 yukukotani
0
27
Bundle Side Optimization in Future JavaScript - JSConf JP 2021
B9d723a1439affc92fcd589446f73d3b?s=48 yukukotani
2
1.7k
Kotlin/JS の仕組み / How KotlinJS works
B9d723a1439affc92fcd589446f73d3b?s=48 yukukotani
5
2.1k

Other Decks in Programming

See All in Programming
Quartoを使ってみませんか / quarto_get_started
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
2
400
Monadic Java
9eafc29df96e6aaf4a3eb4c0209086ae?s=48 mariofusco
4
270
You CANt teach an old dog new tricks
Bd5b8981a308c94b642befb656d8cf8f?s=48 michaelbukachi
0
120
byte列のbit表現を得るencodingライブラリ作った
66487f93d23ed4f64752cffbafdb938a?s=48 convto
1
200
GraphQL+KMM開発でわかったこと / What we learned from GraphQL+KMM development
E505897a79eede1a676f92740261e8f8?s=48 kubode
0
130
코드 품질 1% 올리기
354271902cd8ba2762d05b251dfa0f84?s=48 pluu
1
1k
テスト設計技法をなぜ＆どのように使うのか体験しよう！
Add1036688abcb2e3dbff7c3090f7e35?s=48 imtnd
0
510
How useEvent would change our applications
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.8k
実録mruby組み込み体験
5b3338b3676d4f7091a575e584f3a4f4?s=48 coe401_
0
110
SRE bridge the gap: Feature development to Core API / 機能開発チームとコアAPIチームの架け橋としてのSRE
5520f7e791c2f63da603f6b089b07c6f?s=48 kenzan100
1
450
あなたの会社の古いシステム、なんとかしませんか？～システム刷新から考えるDX化への道筋とバリエーション～/webinar20220420-grapecity
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
140
デュアルトラックアジャイル × Agile Testingから 見えてきたQAのミライ
F0a8d07597a19192791bf663504d2a17?s=48 atamaplus
0
460

Featured

See All Featured
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
596
63k
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
265
21k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
125
8.5k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k
Testing 201, or: Great Expectations
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.4k
KATA
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
7
8.6k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
103
16k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.3k
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
296
140k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k

Transcript

  1. Kotlin/JS イケイケ フロントエンド開発 Feedal Meetup #2 1

  2. 自己紹介 名前: 小谷 優空 (Yuku Kotani) GitHub: @Monchi Twitter: @MonchiFC

    Ubie Inc. ソフトウェアエンジニア Everforth Co., Ltd. ソフトウェアエンジニア 筑波大学情報科学類 2

  3. Kotlin/JS触ったことある人 3

  4. Kotlin/JS触ったことある人 4

  5. 実践よりも雰囲気を！ 5

  6. Kotlin/JS - KotlinをJavaScriptにコンパイルする - KotlinとJavaScript間で相互呼び出し可能 - ECMAScriptやCommonJSのModulesと共存 6

  7. TypeScriptでよくない？ - AndroidやServer-side Kotlinと ドメインモデルなどを共通化できる - Kotlin製のライブラリを使える(場合がある) - JavaScriptの後方互換から開放 7

  8. Kotlin->JS呼び出し @JsModuleアノテーション JS側のmodule名を指定 external修飾子 実装を外部に持つ 8

  9. JS->Kotlin呼び出し 特別な操作はいらない 型情報もよしなに引き継がれる String -> string Int -> number Array

    -> [] etc... 9

  10. Deep Dive into Kotlin/JS!!! - 現状ほとんどドキュメントがない - HyperappのKotlinラッパーを作ったので読んでください https://github.com/Monchi/kotlin-hyperapp 10

  11. ありがとうございました 11