FlutterをWEBエンジニアが扱ってみたお話
by
okinari
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
をWEBエンジニアが 扱ってみたお話 2018/05/17 Flutter勉強会 in 福岡 #0
Slide 2
Slide 2 text
自己紹介 名前:okinari Twitter:@okinari 仕事:ECカートシステムをいじってました(過去形) 最近は、新しいプロダクトを作ろうとしてます 言語:PHP, JavaScript, Java, (Ruby, node.js) Flutter歴:1週間くらい
Slide 3
Slide 3 text
目次 ・自己紹介 ・Flutterとは? ・Flutterの特徴 ・Flutterのおすすめポイント ・Flutterの残念ポイント ・Dartとは? ・よく分からない何かを作りました ・小話(飛ばすかも) ・感想
Slide 4
Slide 4 text
Flutterとは? ・Googleが作ったDart言語のフレームワーク ・クロスプラットフォームモバイルUIフレームワーク - iOSとAndroidのネイティブアプリが1つのコードで作れる ・まだベータ版 - 2018年2月末頃にベータ版がリリース
Slide 5
Slide 5 text
Flutterの特徴 ・豊富なWidget(UIパーツ)が準備されている - Widgetを組み合わせていき、画面を作成する ・ホットリロード機能 - かなり高速(少しの修正なら1秒程度)で、状態を保存したままリロード可能 ・ステートフル(状態を保持) - Sessionに値を保存して、画面遷移後取り出して・・・という作業から解放
Slide 6
Slide 6 text
Flutterのおすすめポイント ・Google製だから、それなりに安心 ・まだベータ版だが、ドキュメントがしっかりしてる ・環境構築のための依存関係確認ツールがついてる - flutter doctor コマンド ・FireBaseとの連携が容易(らしい) - 具体的にはまだ何もやってないけど・・・
Slide 7
Slide 7 text
・ドキュメントが英語のため、英語が読めないと辛い - Google(翻訳)先生、お願いします! - 公式がいつか日本語化されるはず Flutterの残念ポイント
Slide 8
Slide 8 text
Dartとは? ・Googleが作った言語 ・JavaにJavaScriptの要素を注入(イメージ) ・情報がほぼ英語なのd(ry ・Flutter以外の使いどころが分からない - Googleのサービスの一部(AdWords, AdSence)はDartで動いている - JavaScriptへ変換できるらしい(トランスパイル?)
Slide 9
Slide 9 text
メモ帳もどき(?) よくわからない何かを作りました
Slide 10
Slide 10 text
メモ帳もどき(?) よくわからない何かを作りました
Slide 11
Slide 11 text
メモ帳もどき(?) よくわからない何かを作りました
Slide 12
Slide 12 text
変数を追いかけるのにちょっと悩んだお話 ・デバッグしたい - PHPのデバッグ → var_dumpで処理中の変数の中身を確認しながらデバッグ - 同じような関数が見つからない(print関数はオブジェクトの中身が見えない) ・IDEでブレークポイント打って、変数の中身を見ましょう - Java & Eclipse で開発してる人ならば、たぶん当たり前…orz ・エディタでソース編集、コンソール実行の場合…IDEを使いませんか?(提案)
Slide 13
Slide 13 text
Widgetでの画面作成のイメージの話 ・WEB → HTMLのタグを配置して画面を作成 ・Flutter → Widgetを配置して画面を作成 - Swing(Java)のイメージが近い ・WEBデザイナーにUI設計を依頼するのが難しそう - HTMLではないため、WEBデザイナーが画面を作成するには難易度が高め
Slide 14
Slide 14 text
感想 ・Javaを使ってる人は、スムーズに使える - Androidの開発してた人がiOSの開発をできるようになることが目的かも ・IDEを使わないと、めっちゃ大変 - 「エディタでコード書いて、コンソールで実行」は初心者に厳しい ・EclipseプラグインのSwingDesignerみたいなやつがあると、画面作成が捗る
Slide 15
Slide 15 text
ご静聴ありがとうございました。