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
770
Flutter開発で便利だと感じた設定
2月21日(月曜日)に開催した「Android Studioの使い方TipsLT会」で発表した登壇使用です。
とんとんぼ
February 21, 2022
Tweet
Share
More Decks by とんとんぼ
See All by とんとんぼ
Ignite の1年間の軌跡
ktombow
0
150
Swift愛好会:What's new in Xcode16 要約
ktombow
0
600
JSONEncodeで詰まった話
ktombow
0
210
今週のTopics:量子コンピュータ
ktombow
2
210
Other Decks in Technology
See All in Technology
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
人工衛星のファームウェアをRustで書く理由
koba789
15
8.1k
S3アクセス制御の設計ポイント
tommy0124
3
200
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
470
2025年になってもまだMySQLが好き
yoku0825
8
4.8k
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
250
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
10
75k
slog.Handlerのよくある実装ミス
sakiengineer
4
360
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
210
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
2
990
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.1k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Context Engineering - Making Every Token Count
addyosmani
3
53
How GitHub (no longer) Works
holman
315
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
The World Runs on Bad Software
bkeepers
PRO
70
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Side Projects
sachag
455
43k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Building an army of robots
kneath
306
46k
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