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
Rocro Inspecode Hands On
Search
Yoshiyuki Mineo
October 24, 2017
Technology
0
420
Rocro Inspecode Hands On
Rocro Hands On 2017/10/24
Yoshiyuki Mineo
October 24, 2017
Tweet
Share
More Decks by Yoshiyuki Mineo
See All by Yoshiyuki Mineo
GCP を活用してスケーラブルな CI サービスを作った話
yoshiyukimineo
0
120
開発者向けSaaS Rocro
yoshiyukimineo
0
710
Rocro Inspecode Hands On with Bitbucket
yoshiyukimineo
0
95
RocroにおけるGCP活用事例
yoshiyukimineo
0
900
Other Decks in Technology
See All in Technology
バッチ処理のSLOをどう設計するか
rynsuke
7
550
Getting started with controlling LEGO using Swift
hcrane
0
120
データ化エンジニアとしての1年を振り返る
sansantech
PRO
3
250
今さら聞けない!? AWSの生成AIサービス Amazon Bedrock入門!
minorun365
PRO
11
1.9k
なんで私に登壇依頼が?! ~頼られるエンジニアになるためには~ /
mixi_engineers
PRO
2
200
OCI Data Integration技術情報 / ocidi_technical_jp
oracle4engineer
PRO
1
1.5k
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
7
100k
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
130
ハイパフォーマンスな組織をつくるための開発生産性の考え方 / developer-productivity-high-performer-link-and-motivation
lmi
3
230
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
160
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
160
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
yuitosato
29
11k
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
154
7.9k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
The Cult of Friendly URLs
andyhume
72
5.6k
A better future with KSS
kneath
230
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
How GitHub (no longer) Works
holman
301
140k
Teambox: Starting and Learning
jrom
126
8.4k
Designing Experiences People Love
moore
135
23k
Faster Mobile Websites
deanohume
296
30k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Transcript
ROCRO INSPECODE ハンズオン Rocro株式会社 峯尾 嘉征 2017/10/24
• 開発者向けサービス群 • https://rocro.com • GitHub / Bitbucketと連携 • 9/14
public beta開始 • 名前の由来 • アジャイル開発:イテレーションを回しながらソフトウェアをつくる • 回転させながらものをつくる道具 → ろくろ 2
Inspecode • 自動コードレビュー&コード修正サービス • 約50種類の静的解析ツールをサポート • 一部の言語でユニットテストもサポート開始 • サポート言語: C,
C++, Clojure, CoffeeScript, CSS, Go, HTML, Java, JavaScript, PHP, Python, Ruby, Scala, Shell, TypeScriptなど • Public Beta 3
What's New • 下記ツールを新規にサポート • Tailor(Swift) • Prospector(Python) • Prettier(CSS/JavaScript/TypeScript)
• Unused(多言語対応) • Public Repositoryへの対応 • レポートバッジ • 今回のハンズオンで取り上げます • Fixedステータス • 今回のハンズオンで取り上げます 4
ハンズオン資料 https://github.com/your-org/websocket 5 https://github.com/your-org/websocket/releases/download/hands- on/inspecode-hands-on_jp.pdf Click “releases” Download pdf
Agenda • セットアップと基本的な使い方 • rocro.ymlの追加 • 自動修正 • 入力分割 •
バッジ 6
セットアップと基本的な使い⽅ 7
https://github.com/your-org/websocket を Fork Click “Fork” 8
inspecode.rocro.com からサインイン Sign in with GitHub 9
Authorize ROCRO Click “Authorize rocro” 10
Repositories ページに移動 Click “Repositories” 11
レポジトリを登録 2. Back to “Reports” 1. Register “websocket” repository 12
※repositoryが現れない場合は、右上の”Sync”ボタンを押してください
Report が生成されることを確認 13
Report Summaryを表示① Click “Report” 14
Report Summaryを表示② 15
File一覧を表示① Click “D” bar 16
File一覧を表示② ※「Filesタブ→プルダウンメニューでGrade Dを選択」 でも同じ画⾯に⾏けます。 17
特定ファイルのIssue一覧を表示① Click 18
特定ファイルのIssue一覧を表示② 19
特定ファイルのIssue出現箇所を確認① Click “Source” 20
特定ファイルのIssue出現箇所を確認② 21
Jobの履歴を表示① 22 Click “History”
Jobの履歴を表示② 23
Jobの詳細を表示① Click 24
Jobの詳細を表示② Click “golint” 25
Jobの詳細を表示③ golintのコンソールログを確認 26
rocro.ymlの追加 27
rocro.yml inspecode: gofmt: thresholds: num-issues: 0 options: [-s] go-test: thresholds:
num-issues: 0 misspell: default golint: default gofmt, golintで 1つでもissueが検出されたら Jobをfailさせる Note: Notificationsの設定で “Only failure and recovery” を選択すると Jobのfailに気づきやすくなる 28 https://inspecode.rocro.com/help/configuration/tool.html#field-thresholds
rocro-ymlブランチをマージ Click “New pull request” 29
base forkとして自分のレポジトリを選択 複数の選択肢が出る。必ずFork先の ⾃分のレポジトリを選択する。 30
masterとrocro-ymlをCompare master であることを確認 rocro-yml を選択する 31
プルリクエスト作成① Click 32
プルリクエスト作成② Click 33
マージ① Click 34
マージ② Click 35
Threshold設定によりJobがFailしたことを確認① 36 Click “History”
Threshold設定によりJobがFailしたことを確認② 37 Click
Threshold設定によりJobがFailしたことを確認③ 38
自動修正 39
rocro.yml inspecode: gofmt: thresholds: num-issues: 0 options: [-s] auto-fix: true
go-test: thresholds: num-issues: 0 misspell: default golint: default gofmtの自動修正機能を有効にする 40 https://inspecode.rocro.com/help/configuration/tool.html#field-auto-fix
auto-fixブランチをマージ Click “New pull request” 41
base forkとして自分のレポジトリを選択 複数の選択肢が出る。必ずFork先の ⾃分のレポジトリを選択する。 42
masterとauto-fixをCompare master であることを確認 auto-fix を選択する 43
rocro-ymlと同様にマージ 44
Report Summaryを表示 2. Click “Report” 45 1. Click “Reports”
レポート画面からプルリクエストを作成 Click “Compare” 46 ※“Compare”が表⽰されない場合は、“History”から 最新のJobを選択して”View Report”ボタンを押してください
プルリクエストを作成してmasterにマージ Create pull request and merge 47
自動修正によりFailed→Succeededになったことを確認① Click “History” 48
自動修正によりFailed→Succeededになったことを確認② 49 Click
自動修正によりFailed→Succeededになったことを確認③ 50
Report画面へ戻る Click “View Report” 51
修正された Issues を確認① Click “Number of Fixed Issues” 52
修正された Issues を確認② 53
入力分割 54
rocro.yml inspecode: gofmt: thresholds: num-issues: 0 options: [-s] auto-fix: true
go-test: thresholds: num-issues: 0 misspell: default golint: - input: c* - ignore: c* golintの入力を分割して 並列化・高速化する ”c”で始まるファイル群と それ以外のファイル群に2分割 55
参考:Multiple Configurations 56 inspecode: <tool>: input: <pattern> ignore: <pattern> https://inspecode.rocro.com/help/configuration/tool.html#multiple-configurations
inspecode: <tool>: - input: <pattern> ignore: <pattern> - input: <pattern> ignore: <pattern> Single Configuration inputで入力パターンを指定(複数可) ignoreで除外パターンを指定(複数可) Multiple Configurations リスト形式で複数のconfigurationを 記述可能
divide-inputブランチをマージ Click “New pull request” 57
base forkとして自分のレポジトリを選択 複数の選択肢が出る。必ずFork先の ⾃分のレポジトリを選択する。 58
masterとdivide-inputをCompare master であることを確認 divide-input を選択する 59
rocro-ymlと同様にマージ 60
golintが分割・並列実行されたことを確認① 61 Click “History”
golintが分割・並列実行されたことを確認② 62 Click
golintが分割・並列実行されたことを確認③ 63
バッジ 64
バッジ • READMEに貼るアイコン • ステータスバッジ • 最新のジョブのステータス(Succeeded, Failedなど)を表示 • クリックすると最新のジョブの詳細画面へジャンプ
• レポートバッジ • 最新のレポートの5段階評価(A, B, C, D, F)を表示 • クリックすると最新のレポート画面へジャンプ 65
Settings 画面を開く Click “Settings” 66
Badges 画面を開く Click “Badges” 67
Markdownスニペットをコピー Copy this snippet 68
README.mdを編集① Click “README.md” 69
README.mdを編集② Click 70
README.mdを編集③ 1. コピーしたスニペットを 8⾏⽬に貼り付ける 2. Click “Commit changes” 71
レポートバッジを確認 バッジが表⽰される 72