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
610
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
230
開発者向けSaaS Rocro
yoshiyukimineo
0
740
Rocro Inspecode Hands On with Bitbucket
yoshiyukimineo
0
120
RocroにおけるGCP活用事例
yoshiyukimineo
0
1k
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
80k
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
3
5.5k
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing Hiroshima 2025 Edition
tomzoh
0
140
社内報はAIにやらせよう / Let AI handle the company newsletter
saka2jp
8
1.4k
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
120
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
6
1k
Developer Advocate / Community Managerなるには?
tsho
0
140
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
180
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
710
速習AGENTS.md:5分で精度を上げる "3ブロック" テンプレ
ismk
6
1.2k
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
200
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
The Language of Interfaces
destraynor
162
25k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
Why Our Code Smells
bkeepers
PRO
339
57k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
For a Future-Friendly Web
brad_frost
180
9.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
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