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

Why do you use JavaScript

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

Why do you use JavaScript

Avatar for cupper

cupper

July 06, 2019
Tweet

More Decks by cupper

Other Decks in Programming

Transcript

  1. Who am I • Name : Kazuhisa Kawashima • Home

    : Shizuoka shi, aoi ku • Company : YUMEMI inc. (株式会社ゆめみ) • Job : Computer Engineer • Favorite computer language : Scala, TypeScript
  2. What is Yumemi? Company Features • We are a software

    engineering company. • We value the growth of everyone. • All employees are CEOs. • The salary is decided by yourself. • We decide all things by the proposal request. Reference : https://note.mu/raykataoka/n/n50c282bcb305
  3. My first time to meet JavaScript Long long ago… (Over

    20 years ago) I made a web site. So, I used JavaScript by checking input parameters. After that I have not used JavaScript for a long time. Instead, I used ruby in a project. submit cancel e-mail : password : [email protected] Password is required!
  4. I dislike a dynamically typed language. Because of … •

    Don’t check simple mistake before running. ◦ Missing a type ◦ Typo ◦ Missing number of arguments • Can’t use the IDE effectivery ◦ Autocomplete ◦ Refactoring
  5. I want to make a web pages. I try to

    make the web pages as SPA. I need to use JavaScript to make the modern web pages.
  6. Vue and TypeScript I found! How to make the web

    pages by statically typed language! Vue is … • Easy to understand • Supported TypeScript • Be able to use with modern tools
  7. Sample code <template> <div> <p @click="clickDay(day)">{{ day.getDate() }}</p> </div> </template>

    <script lang="ts"> import { Component, Emit, Prop, Vue } from "vue-property-decorator"; @Component({ components: { } }) export default class Day extends Vue { @Prop({ default: false }) day!: Date; @Emit("clickDay") clickDay(day: Date) { } } </script> 5 The parent set value. This is Date type.
  8. It’s time to use TypeScript! If you use TypeScript ...

    • The compiler check simple mistake before running. ◦ Missing a type ◦ Typo ◦ Missing number of arguments • You’ll be able to use the IDE effectivery ◦ Autocomplete ◦ Refactoring