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
520
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.8k
CTOが語る、テックカンパニーに向けた未来の話。by アスクル
askul
0
130
チームでリーダブルコードを実現するには?
askul
0
2.6k
ラズパイを使ってスマートリモコンを作ってみた
askul
0
660
Discord Bot はじめの一歩
askul
0
540
10分で「エラスティックリーダーシップ」をアウトプット
askul
0
2.8k
1on1をする上で大切なこと
askul
1
640
JBUG東京#20 〜そこが知りたい!Backlog活用術〜
askul
1
2.7k
GCPを活用した物流倉庫内の異常検知/Anomaly detection in distribution warehouse using GCP
askul
0
3.2k
Other Decks in Technology
See All in Technology
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
160
Privacy Sandbox on Android / DroidKaigi 2024
7pairs
1
270
ネットワークだけ隔離されたコンテナ作成デモ / Kichijoji.pm36
tenforward
1
230
OSTという文化を組織に根付かせてみた
sansantech
PRO
2
390
Fediverse Discovery Providers overview
andypiper
0
170
QAに対する超個人的な解釈 / Personal Take on QA
toma_sm
1
100
実務における脅威モデリングを考えよう
nikinusu
0
630
持続可能なソフトウェア開発を支える『GitHub CI/CD実践ガイド』
tmknom
7
1.4k
PdMはどのように全てのスピードを上げられるか ~ 非連続進化のための具体的な取り組み ~
sansantech
PRO
4
1.3k
「自動テストのプラクティスを効果的に学ぶためのカードゲーム」 ( #sqip2024 )
teyamagu
PRO
2
180
やってやろうじゃないかメカアジャイル! / Let's do it, mechanical agile!
psj59129
1
670
内製化を目指す事業会社が、システム開発会社と共に進める「開発生産性改善」の取り組み事例 #devsumi
yuwji
0
100
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
96
11k
Rails Girls Zürich Keynote
gr2m
93
13k
Producing Creativity
orderedlist
PRO
340
39k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Visualization
eitanlees
142
15k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Making Projects Easy
brettharned
113
5.8k
In The Pink: A Labor of Love
frogandcode
139
22k
We Have a Design System, Now What?
morganepeng
48
7.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
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