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
720
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
550
JSONEncodeで詰まった話
ktombow
0
180
今週のTopics:量子コンピュータ
ktombow
2
180
Other Decks in Technology
See All in Technology
「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly
i35_267
4
840
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
3
5.7k
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
4.8k
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
520
AIエージェント元年
shukob
0
150
Share my, our lessons from the road to re:Invent
naospon
0
140
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
150
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
610
Potential EM 制度を始めた理由、そして2年後にやめた理由 - EMConf JP 2025
hoyo
2
2.5k
手を動かしてレベルアップしよう!
maruto
0
200
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
160
Windows の新しい管理者保護モード
murachiakira
0
200
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
Automating Front-end Workflow
addyosmani
1368
200k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
360
Fireside Chat
paigeccino
34
3.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Become a Pro
speakerdeck
PRO
26
5.2k
Thoughts on Productivity
jonyablonski
69
4.5k
Building Adaptive Systems
keathley
40
2.4k
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