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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
okinari
May 19, 2018
Technology
0
460
FlutterをWEBエンジニアが扱ってみたお話
okinari
May 19, 2018
Tweet
Share
More Decks by okinari
See All by okinari
AWS Lambda(+API Gateway)でバイナリを扱う話
okinari
0
98
僕の家からリモコンが消えた話(NatureRemoについて)
okinari
0
71
コンストラクタ、知ってますよね?
okinari
1
110
スマートスピーカーのすゝめ
okinari
0
56
最近のNAS製品事情
okinari
0
73
Flutterで簡単なアプリを作ってみる
okinari
0
25
Webマーケティングとは?
okinari
0
40
エンジニアにも知ってほしいWebマーケティングの世界
okinari
2
380
データ収集のすゝめ
okinari
1
300
Other Decks in Technology
See All in Technology
【インシデント入門】サイバー攻撃を受けた現場って何してるの?
shumei_ito
0
1.2k
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
zozotech
PRO
2
1.7k
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
sansan_randd
3
460
Zephyr RTOS の発表をOpen Source Summit Japan 2025で行った件
iotengineer22
0
300
Digitization部 紹介資料
sansan33
PRO
1
6.7k
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
1
360
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
140
システムのアラート調査をサポートするAI Agentの紹介/Introduction to an AI Agent for System Alert Investigation
taddy_919
1
960
AI開発をスケールさせるデータ中心の仕組みづくり
kzykmyzw
0
190
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
bbqallstars
0
550
【NGK2026S】日本株のシステムトレードに入門してみた
kazuhitotakahashi
0
240
Featured
See All Featured
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
260
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
45
Building an army of robots
kneath
306
46k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
230
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
30 Presentation Tips
portentint
PRO
1
200
Game over? The fight for quality and originality in the time of robots
wayneb77
1
91
Why Our Code Smells
bkeepers
PRO
340
58k
Leo the Paperboy
mayatellez
4
1.4k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
190
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みたいなやつがあると、画面作成が捗る
ご静聴ありがとうございました。