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
EditorConfigで導くコードの「美しさ」
Search
ASKUL Engineer
March 14, 2022
Technology
0
500
EditorConfigで導くコードの「美しさ」
@MxShun
https://rakus.connpass.com/event/238395/
ASKUL Engineer
March 14, 2022
Tweet
Share
More Decks by ASKUL Engineer
See All by ASKUL Engineer
いまさら聞けないAWS
askul
0
4.4k
CTOが語る、テックカンパニーに向けた未来の話。by アスクル
askul
0
110
チームでリーダブルコードを実現するには?
askul
0
2.4k
ラズパイを使ってスマートリモコンを作ってみた
askul
0
600
Discord Bot はじめの一歩
askul
0
490
10分で「エラスティックリーダーシップ」をアウトプット
askul
0
2.4k
1on1をする上で大切なこと
askul
1
570
JBUG東京#20 〜そこが知りたい!Backlog活用術〜
askul
1
2.5k
GCPを活用した物流倉庫内の異常検知/Anomaly detection in distribution warehouse using GCP
askul
0
3.1k
Other Decks in Technology
See All in Technology
オーナーシップを持つ領域を明確にする
konifar
12
2.7k
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
350
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
700
The CloudCompare project by Dr. Daniel Girardeau-Montaut
kentaitakura
0
510
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
130
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
340
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
230
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
130
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
710
Four keys改善の取り組み事例紹介
sansantech
PRO
3
230
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
350
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
170
Featured
See All Featured
What the flash - Photography Introduction
edds
64
11k
How to Ace a Technical Interview
jacobian
272
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
The Cult of Friendly URLs
andyhume
74
5.7k
Code Review Best Practice
trishagee
54
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
The Brand Is Dead. Long Live the Brand.
mthomps
48
28k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Large-scale JavaScript Application Architecture
addyosmani
503
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
The Invisible Customer
myddelton
114
12k
Transcript
EditorConfig で導く コードの「美しさ」 アスクル株式会社 三浦 駿
自己紹介 三浦 駿 @MxShun 20年 20年10月~ サイト統合PJに参画 21年 21年11月~ スクラムマスターを担う
屋外でエンジニアリングするのがマイブーム 4月~ アスクル株式会社 フルスタックエンジニア(になりたい) 6月~ PJの品質向上隊として活動
弊社紹介 事業所向け(BtoB)通信事業 事業所向け通販サービス 一般消費者向け通販サービス
本日の内容 • コードの「美しさ」を保ちましょう • (いまさらですが)EditorConfig 便利です
コードの「美しさ」とは Good source code should be just as “easy on
the eyes.” • Use consistent layout, with patterns the reader can get used to. • Make similar code look similar. • Group related lines of code into blocks. “The Art of Readable Code” Chapter 4. Aesthetics より引用
コード「美しさ」をめぐる議論 インデントは Tab?空文字? サイズは? 末尾行は入れる?入れない? 改行コードは LF?CRLF?
EditorConfig エディタやIDEを跨いてコードフォーマットを管理・統一する仕組み .editorconfig ファイルで構成を管理する
EditorConfig Properties • indent_style • indent_size • tab_width • end_of_line
• charset • trim_trailing_whitespace • insert_final_newline • max_line_length *詳しくは EditorConfig GitHub wiki “EditorConfig Properties” を参照のこと “tab” か “space” “tab” か 任意サイズ 任意サイズ “lf” か “crlf” か “cr” 選択 選択 選択 “off” か 任意サイズ(一部エディタのみ)
EditorConfig と Lint の掛け合わせ ktlint* は EditorConfig の設定を見て静的コード解析をしてくれる つまりコードフォーマットを包括的に管理ができる *Kotlin
向け Linter のデファクトスタンダード
本日の内容 • コードの「美しさ」を保ちましょう • (いまさらですが)EditorConfig 便利です
告知 https://www.askul.co.jp/kaisya/dx https://tech.askul.co.jp