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開発で便利だと感じた設定
Search
とんとんぼ
February 21, 2022
Technology
0
760
Flutter開発で便利だと感じた設定
2月21日(月曜日)に開催した「Android Studioの使い方TipsLT会」で発表した登壇使用です。
とんとんぼ
February 21, 2022
Tweet
Share
More Decks by とんとんぼ
See All by とんとんぼ
Ignite の1年間の軌跡
ktombow
0
140
Swift愛好会:What's new in Xcode16 要約
ktombow
0
600
JSONEncodeで詰まった話
ktombow
0
210
今週のTopics:量子コンピュータ
ktombow
2
200
Other Decks in Technology
See All in Technology
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
390
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
2
250
生成AIを活用した野球データ分析 - メジャーリーグ編 / Baseball Analytics for Gen AI
shinyorke
PRO
1
190
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
360
PdM業務における使い分け
shinshiro
0
670
AIに全任せしないコーディングとマネジメント思考
kikuchikakeru
0
270
AI時代の知識創造 ─GeminiとSECIモデルで読み解く “暗黙知”と創造の境界線
nyagasan
0
150
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
moepy_stats
1
1.4k
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.8k
Vision Language Modelと自動運転AIの最前線_20250730
yuyamaguchi
1
380
20250719_JAWS_kobe
takuyay0ne
1
170
CSPヘッダー導入で実現するWebサイトの多層防御:今すぐ試せる設定例と運用知見
llamakko
1
260
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Unsuck your backbone
ammeep
671
58k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Visualization
eitanlees
146
16k
Why Our Code Smells
bkeepers
PRO
337
57k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Transcript
Flutter開発で便利 だと感じた設定
自己紹介 とんとんぼ 大学3年 専門:物理学 量子コンピュータ モバイルアプリ(特にiOS)が好き Twitter:@Ktombow1110 2
話す内容 ◦ 予測変換で大文字と小文字を区別させない方法 ◦ コードフォーマット(コード整形)の設定と注意点 3
1. 予測変換で大文字と小文字 を区別させない方法 4
背景 ◦ Android Studioでは大文字と小文字を区別しなくてはいけない • XcodeやVScodeでは大文字と小文字を区別しなかった • 統一感を持ちたい 5
“ 実際の設定方法 6
設定方法 Mac Preferences(⌘,) → Editor → General → CodeCompletion Windows Setting(Ctrl + Alt + S) → Editor → General → CodeCompletion
その中の”Match case”のチェックを外す 7
設定前と設定後 8 Before After
2. フォーマット 9
背景 ◦ Dartコードを書く際、コード整形は必要不可欠 ◦ Flutter公式も推奨している ◦ Widgetをネスト構造で記述することで、UIを宣言する ◦ そのため、ネストが深くなり、複雑になる 10
“ 実際の設定方法 11
設定方法 右クリック → ”Reformat Code with dart format” ショートカット Mac:option + ⌘
+ L Windows: Ctrl + Alt + L 12
“ もっと簡単にフォーマットしたい 13
“ セーブすると自動的にフォーマットしてくれる設定がある 14
設定方法 その2 Mac Preferences(⌘,) → Editor →Languages & Frameworks →Flutter Windows Setting(Ctrl
+ Alt + S) → Editor →Languages & Frameworks →Flutter 15
注意点 ◦ 単にフォーマットするのも危険 ◦ 末尾のカンマが必要になる ◦ 関数、メソッドなどの末尾にカンマ(,)を常に追加しなくてはいけない 16
カンマがある場合とない場合 17 カンマがある場合 カンマがない場合 画像出典;https://docs.flutter.dev/development/tools/formatting
まとめ 予測変換で大文字と小文字を区別させない方法 ◦ CodeCompletionの”Match case”のチェックを外せばOK フォーマット ◦ 右クリック→”Reformat Code with
dart format” ◦ Languages & FrameworkのFlutterにある”Format code on Save” ◦ 関数、メソッドなどの最後にカンマを必ずつけること 18
THANKS! 参考文献: https://qiita.com/hainare/items/95d028b2e31700ca7217 https://docs.flutter.dev/development/tools/formatting 19