Dart 参戦！！静的型付き言語界の隠れた実力者

https://flutterkaigi.connpass.com/event/362550/

Transcript

2. Dart 使ったことある人 󰢦
3. Flutter 以外の目的で Dart を使ったことある人 󰢦
4. Dart って Flutter のため だけにある言語でしょ？ 🤔
5. Dart って Flutter のため だけにある言語でしょ？ 🤔 そんなことない！
6. Dart は Flutter 以外にも使われてる！ • CLI ツールやサーバーサイドにも利用可能 ◦ Dart 公式ドキュメントでも紹介されている ◦ shelf: Dart 公式が出してる サーバーアプリケーション用のフレームワークも • Wasm サポートも ◦ こちらもDart 公式ドキュメントで紹介
7. そんな Dart をご紹介💖
8. そもそも Dart って なんで生まれたの？ 🤔
9. Dart の誕生 • 2011年に Google が JavaScript の限界を感じて作った新言語 ◦ Google はより構造化された Web 開発のため に Dart を設計 • Dart はそのままブラウザで動く言語として設計された ◦ Dartium（Dart VM を内蔵した Chromium）を公開 ◦ dart2js により JavaScript への変換もサポート https://www.informationweek.com/it-leadership/google-aims-dart-to-kill-javascript https://www.wired.com/2011/10/google-throws-new-dart-programming-language-at-the-web
10. Dart の誕生 • 2011年に Google が JavaScript の限界を感じて作った新言語 ◦ Google はより構造化された Web 開発のため に Dart を設計 • Dart はそのままブラウザで動く言語として設計された ◦ Dartium（Dart VM を内蔵した Chromium）を公開 ◦ dart2js により JavaScript への変換もサポート https://www.informationweek.com/it-leadership/google-aims-dart-to-kill-javascript https://www.wired.com/2011/10/google-throws-new-dart-programming-language-at-the-web すべてのブラウザで Dart を動かせるよう配慮 ✨
11. Dart の誕生 • 2011年に Google が JavaScript の限界を感じて作った新言語 ◦ Google はより構造化された Web 開発のため に Dart を設計 • Dart はそのままブラウザで動く言語として設計された ◦ Dartium（Dart VM を内蔵した Chromium）を公開 ◦ dart2js により JavaScript への変換もサポート https://www.informationweek.com/it-leadership/google-aims-dart-to-kill-javascript https://www.wired.com/2011/10/google-throws-new-dart-programming-language-at-the-web すべてのブラウザで Dart を動かせるよう配慮 ✨ 失敗
12. Dartium の孤立と Dart への期待薄 • Apple / Microsoft など他のブラウザベンダーが Dart VM の組み込みを拒否 ◦ Google だけがサポートすることで「分断されたWeb」が懸念された • W3C などの標準化団体も Dart を採用せず 結果… Dartium は 2017年に廃止 http://xahlee.info/comp/CoffeeScript_Dart_Javascript.html
13. Dartium の孤立と Dart への期待薄 • Apple / Microsoft など他のブラウザベンダーが Dart VM の組み込みを拒否 ◦ Google だけがサポートすることで「分断されたWeb」が懸念された • W3C などの標準化団体も Dart を採用せず 結果… Dartium は 2017年に廃止 http://xahlee.info/comp/CoffeeScript_Dart_Javascript.html JS の代替になれず … その後しばらく Dart は低迷期間へ …
14. 2018年2月
15. https://news.elearninginside.com/worst-coding-languages-learn-2018
16. https://www.codementor.io/blog/worst-languages-to-learn-3phycr98zk ワースト1位😭
17. もう Dart は終わりなのか …？
18. しかし
19. 同 2018年2月
21. Dart2 登場の アナウンス
23. 『Web とモバイルのクライアントサイドに 独自に最適化された言語である』 という Dart のビジョン達成に向けた 言語の再起動
24. 2018年8月
26. Dart2 リリース🎉
27. そして
28. 2018年12月
30. Flutter1.0 登場🎉
31. Dart 復活
32. Flutter の登場で Dart 復活！ • 2018年 Flutter 1.0 登場🎉 • Flutter とは？ ◦ オープンソースの UI フレームワーク ◦ モバイル・Web・デスクトップなど マルチプラットフォーム向けアプリケーションを開発可能 Dart が採用された理由 • 直接的に UI をコードで表現 できるように • Hot Reload 機能を備えている（AOT / JIT コンパイル） http://xahlee.info/comp/CoffeeScript_Dart_Javascript.html
33. UI を Dart で記述 レンダリングエンジンで 直接描画
34. UI を Dart で記述 レンダリングエンジンで 直接描画 Dart で書いた Widget が そのまま表示される
35. Flutter 開発での Dart の恩恵 • Dart で書いた Widget がそのまま表示される ◦ 設計と表示がズレにくい • UI 構造そのものに型がある ◦ Text(title)で title が String? だったらエラー ▪ 開発中にバグを未然に防げる！
36. Dart はこれからも進化し続ける 2021年 : Dart 2.12 で null safety に 2023年 : Dart 3.0 で 100% null safety に records や sealed class などで型の表現力が飛躍的に向上 2024年：Wasm サポート開始・CLI や package の改善 2025年 : Dart 3.7 で 新 formatter の導入・wildcard 変数が利用可能に linter も強化されルールの統一性が向上 2025年 : Dart 3.8 で Null-aware collection 要素の追加・Linux クロスコンパイル ・formatter のスタイル選択オプションも実装されチームでより使いやすく
37. Dart はこれからも進化し続ける 2021年 : Dart2.12 で null safety に 2023年 : Dart3.0 で 100% null safety に records や sealed class などで型の表現力が飛躍的に向上 2024年：Wasm サポート開始・CLI や package の改善 2025年 : Dart3.7 で 新 formatter の導入・wildcard 変数が利用可能に linter も強化されルールの統一性が向上 2025年 : Dart3.8 で Null-aware collection 要素の追加・Linux クロスコンパイル ・formatter のスタイル選択オプションも実装されチームでより使いやすく 型もツールもプラットフォームも 進化が止まらない！ 🔥
38. ちなみに
39. https://www.codementor.io/blog/worst-languages-2019-6mvbfg3w9x
40. https://www.codementor.io/blog/worst-languages-2019-6mvbfg3w9x ワースト1位を脱却
41. まとめ
42. たしかに Flutter 目的で 使われがちな Dart
43. 一時はワースト 1位でした
44. が
45. 進化し続けてる！
46. いつかベスト 1位になるぞ！
47. ありがとうございました！ @kuno @Kunodayo_oboete