ブラウザで動く言語Elmを学んでみよう
インターネット
ブラウザ
HTML, JavaScript, CSS, 音楽, 画像, 動画, etc...
JavaScriptはインターネットから運ばれる
ブラウザ
JavaScript
1. 操作をする
(クリック, フォーム入力など)
2. ユーザの操作やブラウザの変化があったことを伝える
HTML
3. 主にHTMLなどを書き換える
4. ブラウザが書き換えられたことを検知する
5. ユーザに書き換わった
画面が伝えられる
ボタンを押したら
文字が出た！
JavaScriptはHTMLに動きをつけるために働く
ちょっとした演出のある個人の文書
(ホームページ)
一昔前
- きらびやかな演出
- ビジネスツール
-
消費者サービス (ショッピング, スマート家電操作, SNS)
-
開発環境
現代
進化が加速するWEB
JavaScriptの標準化
モダンな言語へ
ブラウザ以外でも動く言語へ
- 元はブラウザごとに仕様がバラバラ
- ECMAScriptという規格になりブラウザ格差が無くなる(バージョン格差はあり)
- 毎年新しいバージョンが出る
- サーバサイド, IoTなどでも活躍する言語に
WEBの進化に伴ってJavaScriptも進化し続ける
- 進化に着いていき続ければならない
- 古い書き方と新しい書き方が混在
- 自由度が高すぎて書き方が統一されない
- いろんな流派(フレームワーク・ライブラリ・ツール)が乱立
ついて行かれへん・・・
進化に疲弊する開発者
Alternative JavaScript(Alt JS)の登場
変換
- モダンな言語機能
- 書き方の制限(制約)
- 表現(文法)の変化
自由な環境
成果物
なんでも作れる
再現性が低い
品質の保証が難しい
学習が難しい
JavaScriptの利点・欠点
制約が強い環境
成果物
学習がしやすい
再現性が高い
場合によって作れないものも
品質が高い
Elm(Alt JS)の利点・欠点
ブラウザの仕組みを詳しく知りたい
最新の機能を早く使いたい
いろんな書き方を楽しみたい
JavaScriptに向いている人
品質の高いアプリケーションをスピーディにたくさん作りたい
ものづくり自体を楽しみたい
複数人開発をスムーズに進めたい