Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Dartエコシステムの紹介
Search
takayuki-hayashi
October 21, 2017
Programming
690
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Dartエコシステムの紹介
Dartでいろいろ始める時にこのあたりを知っているといろいろ捗る可能性があります。
takayuki-hayashi
October 21, 2017
More Decks by takayuki-hayashi
See All by takayuki-hayashi
E2Eの過去・現在・未来 そしてE2Eにおいて重要なこと
takayukihayashi
1
510
いかにしてテスト文化を醸成させたか.pdf
takayukihayashi
3
1.5k
リーダー、マネージャーが存在しない開発組織のつくり方
takayukihayashi
1
29k
AngularDartでDart入門
takayukihayashi
1
1k
E2Eテスト駆動開発実践記_-_Web用.pdf
takayukihayashi
2
3.5k
KubernetesとGaugeを活用したTDD開発事例
takayukihayashi
0
1k
FlutterとAngularDartを DIとClean Architectureで いい感じにする
takayukihayashi
3
2.3k
Gaugeによるe2eテスト
takayukihayashi
5
28k
Other Decks in Programming
See All in Programming
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
2
260
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
monochromegane
0
160
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
600
FDEが実現するAI駆動経営の現在地
gonta
2
270
テーブルをDELETEした
yuzneri
0
140
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
590
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
210
霧の中の代数的エフェクト
funnyycat
1
490
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
shiki_kakaku
0
1.7k
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
540
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
590
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.6k
Featured
See All Featured
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
410
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
2
3.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
The SEO identity crisis: Don't let AI make you average
varn
0
530
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
From π to Pie charts
rasagy
0
260
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
520
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
650
Code Reviewing Like a Champion
maltzj
528
40k
Mind Mapping
helmedeiros
PRO
1
300
Transcript
Dartエコシステム
自己紹介 • 名前:林 尚之(はやし たかゆき) • Agile(XP)、TDD、DDDとかが好き サーバーサイドに生息することが多い(WebもSSRが多かった) • Dartを使い始めた理由は当時Dartが目指した世界に共感したのと
フロントエンドでも静的型付言語を使いたかったから twitter: @t_hyssh
Dart 1.0がリリースされたのが2013年11月13日
元々周辺ツールなどを重要視していた Dart開発チームでしたが、4年経ちエコシ ステムもさらに成熟
個人的によく使うもの • sass_builder • fluri • json_serializable • quiver •
mockito • angular_analyzer_plugin • ng2gen
sass_builder • scssファイルをいい感じにしてくれるライブラリー • yamlのtransformerに定義すればpub serveやpub build時にscssからcss ファイルを自動生成してくれる (別途sassをインストールする必要はない) •
cssファイルも同時にバージョン管理したい場合はwatch用の処理をちょっ と書くだけでOK
sass_builder ※AngularDartと併用する場合 はangularより先に定義しないと いけない
sass_builder ※外部ライブラリーの scssを import可能。
sass_builder(CSSファイルも管理する場合) 上記内容にて${project_root}/tool/sass/watch.dartを 作成し、runしておけば変更を検知して scssファイル からcssファイルを生成してくれる。
fluri • サーバーへのリクエストURLをfluentな感じで生成できる • lightweightなので扱いやすい
fluri
json_serializable • json ⇔ Dartオブジェクトの変換用に使う • ソースコードを自動生成させて使う • 自動生成後に修正しないといけないのがちょっと面倒
json_serializable libraryとJsonSerializableのアノテーショ ン定義が必要 上記ファイルをrunしておけば変更を検 知して自動生成する。 lib/src/json/sample.dart tool/source/watch.dart
json_serializable 上記がファイルが自動生成される 自動生成された情報を基に修正
json_serializable(http + fluri)
mockito • テスト用mockライブラリー • Javaのmockitoにインスパイアされてる • (個人的には)直感的に書けると思う • mockクラスを定義しないといけないのが面倒
mockito Taskをモックにしたい場合
mockito MockTaskというTaskのMockクラスを定義
quiver • DartのSDKには無いユーティリティなライブラリ • 昔のJakarta Commons的立ち位置(Javaな人しか分からない??) • Optionalのために使ってる ◦ Dart2.0はnull-safeにはならないようなので今後も重宝しそう
• 他にも便利そうなのが多そう(未確認)
angular_analyzer_plugin • AngularDartの開発効率Up • IDE等と連携してHTMLテンプレート側での静的チェックとサジェストが可 能 • Dart2.0になるとanalysis_options.yamlに定義するだけでよくなる • 現状(Dart1.24.2)では有効にするのに手間がかかる
ng2gen • AngularDartで必要になる物のscaffoldを作成出来る ◦ component、service、route、etc...
今後期待するもの
今後期待するもの • dazel • (新)angular_analyzer_plugin
dazel • Hot Reload! • まだEXPERIMENTAL(実験)の段階 ◦ AngularDartのサポートはまだっぽい ▪ 自分の環境ではうまく動かない・・・
(新)angular_analyzer_plugin • analysis_options.yamlに記述するだけでOK • AngularDart4.0以降かつDart1.25.0-dev.12.0以降で動作 • 自分の環境ではまだうまく動かない・・・
開発を効率化する仕組みは確実に進化中
FlutterがDartにおけるキラーアプリになる可 能性あり
flutterのgithubスター獲得推移 ここ1ヶ月の伸びが凄い! (reactnativeと比べてはいけない・・・)
https://pub.dartlang.org/ にアップロードされるライブラリーの数と頻度は 日々増え続けていて、1年前に比べると1日に アップロードされるライブラリーの数は3倍以上 になっている
ご清聴ありがとうございました。