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
FlutterをWEBエンジニアが扱ってみたお話
Search
okinari
May 19, 2018
Technology
0
430
FlutterをWEBエンジニアが扱ってみたお話
okinari
May 19, 2018
Tweet
Share
More Decks by okinari
See All by okinari
AWS Lambda(+API Gateway)でバイナリを扱う話
okinari
0
64
僕の家からリモコンが消えた話(NatureRemoについて)
okinari
0
48
コンストラクタ、知ってますよね?
okinari
1
95
スマートスピーカーのすゝめ
okinari
0
38
最近のNAS製品事情
okinari
0
22
Flutterで簡単なアプリを作ってみる
okinari
0
21
Webマーケティングとは?
okinari
0
32
エンジニアにも知ってほしいWebマーケティングの世界
okinari
2
350
データ収集のすゝめ
okinari
1
260
Other Decks in Technology
See All in Technology
Shift-from-React-to-Vue
calm1205
3
1.3k
2024-10-30-reInventStandby_StudyGroup_Intro
shinichirokawano
1
630
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
260
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
700
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
360
グローバル展開を見据えたサービスにおける機械翻訳プラクティス / dp-ai-translating
cyberagentdevelopers
PRO
1
150
チームを主語にしてみる / Making "Team" the Subject
ar_tama
4
310
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
650
APIテスト自動化の勘所
yokawasa
7
4.2k
いまならこう作りたい AWSコンテナ[本格]入門ハンズオン 〜2024年版 ハンズオンの構想〜
horsewin
9
2.1k
生成AIとAWS CDKで実現! 自社ブログレビューの効率化
ymae
2
330
Amazon_CloudWatch_ログ異常検出_導入ガイド
tsujiba
4
1.6k
Featured
See All Featured
Music & Morning Musume
bryan
46
6.1k
Building Applications with DynamoDB
mza
90
6.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Done Done
chrislema
181
16k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Being A Developer After 40
akosma
86
590k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Agile that works and the tools we love
rasmusluckow
327
21k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Why Our Code Smells
bkeepers
PRO
334
57k
Designing the Hi-DPI Web
ddemaree
280
34k
Transcript
をWEBエンジニアが 扱ってみたお話 2018/05/17 Flutter勉強会 in 福岡 #0
自己紹介 名前:okinari Twitter:@okinari 仕事:ECカートシステムをいじってました(過去形) 最近は、新しいプロダクトを作ろうとしてます 言語:PHP, JavaScript, Java, (Ruby, node.js)
Flutter歴:1週間くらい
目次 ・自己紹介 ・Flutterとは? ・Flutterの特徴 ・Flutterのおすすめポイント ・Flutterの残念ポイント ・Dartとは? ・よく分からない何かを作りました ・小話(飛ばすかも) ・感想
Flutterとは? ・Googleが作ったDart言語のフレームワーク ・クロスプラットフォームモバイルUIフレームワーク - iOSとAndroidのネイティブアプリが1つのコードで作れる ・まだベータ版 - 2018年2月末頃にベータ版がリリース
Flutterの特徴 ・豊富なWidget(UIパーツ)が準備されている - Widgetを組み合わせていき、画面を作成する ・ホットリロード機能 - かなり高速(少しの修正なら1秒程度)で、状態を保存したままリロード可能 ・ステートフル(状態を保持) - Sessionに値を保存して、画面遷移後取り出して・・・という作業から解放
Flutterのおすすめポイント ・Google製だから、それなりに安心 ・まだベータ版だが、ドキュメントがしっかりしてる ・環境構築のための依存関係確認ツールがついてる - flutter doctor コマンド ・FireBaseとの連携が容易(らしい) -
具体的にはまだ何もやってないけど・・・
・ドキュメントが英語のため、英語が読めないと辛い - Google(翻訳)先生、お願いします! - 公式がいつか日本語化されるはず Flutterの残念ポイント
Dartとは? ・Googleが作った言語 ・JavaにJavaScriptの要素を注入(イメージ) ・情報がほぼ英語なのd(ry ・Flutter以外の使いどころが分からない - Googleのサービスの一部(AdWords, AdSence)はDartで動いている - JavaScriptへ変換できるらしい(トランスパイル?)
メモ帳もどき(?) よくわからない何かを作りました
メモ帳もどき(?) よくわからない何かを作りました
メモ帳もどき(?) よくわからない何かを作りました
変数を追いかけるのにちょっと悩んだお話 ・デバッグしたい - PHPのデバッグ → var_dumpで処理中の変数の中身を確認しながらデバッグ - 同じような関数が見つからない(print関数はオブジェクトの中身が見えない) ・IDEでブレークポイント打って、変数の中身を見ましょう -
Java & Eclipse で開発してる人ならば、たぶん当たり前…orz ・エディタでソース編集、コンソール実行の場合…IDEを使いませんか?(提案)
Widgetでの画面作成のイメージの話 ・WEB → HTMLのタグを配置して画面を作成 ・Flutter → Widgetを配置して画面を作成 - Swing(Java)のイメージが近い ・WEBデザイナーにUI設計を依頼するのが難しそう
- HTMLではないため、WEBデザイナーが画面を作成するには難易度が高め
感想 ・Javaを使ってる人は、スムーズに使える - Androidの開発してた人がiOSの開発をできるようになることが目的かも ・IDEを使わないと、めっちゃ大変 - 「エディタでコード書いて、コンソールで実行」は初心者に厳しい ・EclipseプラグインのSwingDesignerみたいなやつがあると、画面作成が捗る
ご静聴ありがとうございました。