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

Why do you use JavaScript

Why do you use JavaScript

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