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
730
Flutter開発で便利だと感じた設定
2月21日(月曜日)に開催した「Android Studioの使い方TipsLT会」で発表した登壇使用です。
とんとんぼ
February 21, 2022
Tweet
Share
More Decks by とんとんぼ
See All by とんとんぼ
Swift愛好会:What's new in Xcode16 要約
ktombow
0
560
JSONEncodeで詰まった話
ktombow
0
200
今週のTopics:量子コンピュータ
ktombow
2
190
Other Decks in Technology
See All in Technology
より良い開発者体験を実現するために~開発初心者が感じた生成AIの可能性~
masakiokuda
0
180
更新系と状態
uhyo
7
1.5k
Road to Go Gem #rubykaigi
sue445
0
460
От ручной разметки к LLM: как мы создавали облако тегов в Lamoda. Анастасия Ангелова, Data Scientist, Lamoda Tech
lamodatech
0
720
Cross Data Platforms Meetup LT 20250422
tarotaro0129
1
570
Amazon S3 Tables + Amazon Athena / Apache Iceberg
okaru
0
270
Рекомендации с нуля: как мы в Lamoda превратили главную страницу в ключевую точку входа для персонализированного шоппинга. Данил Комаров, Data Scientist, Lamoda Tech
lamodatech
0
720
CBになったのでEKSのこともっと知ってもらいたい!
daitak
1
160
アジャイル脅威モデリング#1(脅威モデリングナイト#8)
masakane55
3
200
SREの視点で考えるSIEM活用術 〜AWS環境でのセキュリティ強化〜
coconala_engineer
1
290
AWS Control Towerを 数年運用してきての気づきとこれから/aws-controltower-ops-tips
tadayukinakamura
0
150
Creating Awesome Change in SmartNews
martin_lover
1
280
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
9
750
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
RailsConf 2023
tenderlove
30
1.1k
Designing for humans not robots
tammielis
252
25k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
A Tale of Four Properties
chriscoyier
158
23k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390
Done Done
chrislema
183
16k
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