Jenkins

Jenkins Blue Oceanで視覚的CI/CDを構築|初心者向けガイド

ⓘ本ページはプロモーションが含まれています

もっとスキルを活かしたいエンジニアへ

スポンサードリンク
働き方から選べる

無料で使えて良質な案件の情報収集ができるサービス

エンジニアの世界では、「いつでも動ける状態を作っておけ」とよく言われます。
技術やポートフォリオがあっても、自分に合う案件情報を日常的に見れていないと、いざ動こうと思った時に比較や判断が難しくなってしまいます。
普段から案件情報が集まる環境を作っておくと、良い案件が出た時にすぐ動きやすくなりますよ。
筆者自身も、メガベンチャー勤務時代に年収1,500万円を超えた経験があります。振り返ると、技術だけでなく「どんな案件や働き方があるか」を日頃から見ていたことが、キャリアの選択肢を広げるきっかけになりました。
このブログを読んでくれた方に感謝を込めて、実際に使っている情報収集サービスを紹介します。

フルリモート・週3日・高単価、どんな条件も妥協したくないなら

フリーランスボードに無料会員登録する

利用者10万人以上。業界最大規模45万件の案件。AIマッチ機能や無料の相場情報が人気。

年収800万円以上のキャリアアップ・ハイクラス正社員を視野に入れているなら

Beyond Careerに無料相談する

内定獲得率90%以上。紹介先企業とは役員クラスのコネクションがある安心と信頼できるエージェント。


スポンサードリンク

Jenkins Blue Oceanとは?

Jenkins Blue Oceanは、CI/CD(継続的インテグレーション・継続的デリバリー)を視覚的に構築できるツールです。伝統的なJenkinsのコマンドベースの操作と異なり、ステージビューフロー図といったビジュアルインターフェースでパイプラインを作成できるため、DevOps初心者でも直感的に使い始められます。

ビジュアルインターフェースの特徴

Blue Oceanでは、ドラッグ&ドロップでステージを配置したり、フロー図を見ながら処理の流れを確認できます。これにより、コード記述に苦手意識を持つエンジニアも、視覚的操作でCI/CDの理解が深まります

CI/CD導入初心者への利点

  • 手順が明確で操作性が高い:ステップバイステップでパイプラインを構築できる
  • エラーの可視化が容易:フロー図からどこで失敗したかすぐに特定可能
  • 学習コストが低い:コード知識がなくても基本的なCI/CDが体験できる

Blue Oceanのインストール方法

JenkinsにBlue Oceanを導入するには、プラグイン追加と初期設定が必須です。無料版Jenkins環境でも簡単に実装可能です。

Jenkinsへのプラグイン追加手順

  1. Jenkinsの管理画面(Manage Jenkins)を開く
  2. Manage Plugins」を選択し、「Available」タブを確認
  3. Blue Oceanと「Blue Ocean Pipeline Editor」を検索し、チェックしてインストール
  4. 再起動後、メニューより「Blue Ocean」にアクセス

注意: 「Blue Ocean Pipeline Editor」プラグインの有無は、公式ドキュメント(https://www.jenkins.io/doc/book/pipeline/blue-ocean/)で確認することを推奨します。

初期設定の確認ポイント

  • Java環境について: Jenkins最新版はJDK 17に対応しており、1.8以上かのチェックは不要な場合があります。公式リリースノート(https://www.jenkins.io/changelog/)で確認してください。
  • ネットワークを通じてJenkins公式サイトと通信できる状態を確保
  • インストール後、ブラウザで「Blue Ocean」を選択し、初期画面が表示されることを確認

シンプルなパイプライン作成手順

Blue Oceanではコード記述を避け、ビジュアルエディタでパイプラインを作成できます。以下に基本的なステップを解説します。

プロジェクト作成からビジュアルエディタの使い方

  1. Blue Ocean画面右上の「Create Pipeline」をクリック
  2. プロジェクト名とリポジトリURL(GitHubなど)を入力し、「Next」を選択
  3. Choose your pipeline」で「Classic (Jenkinsfile)」か「Blue Ocean (Pipeline as Code with UI editor)」を選択

ステージ追加と保存方法

  • ビジュアルエディタ画面では、左サイドバーから「Stage」をドラッグ&ドロップ
  • 例:Buildステージに「Shell Script」を追加し、「echo "Hello World"」を入力
  • Save」を選択後、右上の「Run Pipeline」で実行可能

ステージビューとフロー図の活用法

Blue Oceanのステージビューは、パイプラインの進捗やエラー箇所を視覚的に確認できる機能です。

実行中のパイプライン監視方法

  • パイプライン実行中には、フロー図で各ステージの「Running」「Success」「Failed」状態が色分け表示される
  • ステージ名をクリックすると、詳細なログやエラーメッセージが確認可能

失敗時の特定手順

  1. フロー図で赤く表示されたステージを選択
  2. View Details」から該当するエラーのスナップショットを確認
  3. エラー内容を基に処理の再構成や環境調整を行う

並列処理設定の実践例

複数ステージを同時に実行することで、リソース効率を高めることが可能です。Blue Oceanでは、「Parallel Stages」機能を使って簡易に設定できます。

複数ステージの同時実行設定方法

  1. ビジュアルエディタで2つのステージを作成(例:Test ATest B
  2. 各ステージをドラッグし、「Parallel」アイコンに配置する
  3. 実行時に両方のステージが同時に起動

リソース競合を防ぐコツ

  • 依存関係のある処理は並列化しない(例:DB接続前のリセット処理)
  • 同時実行数に上限を設ける(Jenkinsの設定で調整可能)
  • タイムアウト時間を指定して、無限待機を防ぐ

基本的なトラブルシューティング

パイプライン実行中にエラーが発生した際には、以下の手順で対応できます。

よくあるエラーの対処法

  • 「Connection refused」: Jenkinsサーバーとの通信を確認し、ポート開放状態をチェック
  • 「Script failed」: ステージのスクリプト内容を再確認し、エラーメッセージの詳細を読む
  • 「Pipeline not found」: リポジトリURLやパイプライン名の入力ミスを確認

ログ確認の手順

  1. Blue Oceanのフロー図で失敗したステージを選択
  2. View Details」から詳細ログを開く
  3. Jenkinsの管理画面(Manage Jenkins > System Log)でもエラー情報を確認可能

無料版Jenkinsで実際に試してみましょう

Jenkins Blue Oceanは、無料版でも本格的なCI/CD体験が可能です。今すぐ導入して手順を試してみましょう。以下の手順でテスト用のプロジェクトを作成できます:

  1. Jenkins公式サイトからダウンロード
  2. ローカル環境にインストール後、Blue Oceanプラグインを追加
  3. GitHubなどに公開されているサンプルリポジトリを使用してパイプラインを作成

無料版でも十分な機能が利用可能なので、ぜひ実際の操作でCI/CDの良さを感じてください。

スポンサードリンク

もっとスキルを活かしたいエンジニアへ

スポンサードリンク
働き方から選べる

無料で使えて良質な案件の情報収集ができるサービス

エンジニアの世界では、「いつでも動ける状態を作っておけ」とよく言われます。
技術やポートフォリオがあっても、自分に合う案件情報を日常的に見れていないと、いざ動こうと思った時に比較や判断が難しくなってしまいます。
普段から案件情報が集まる環境を作っておくと、良い案件が出た時にすぐ動きやすくなりますよ。
筆者自身も、メガベンチャー勤務時代に年収1,500万円を超えた経験があります。振り返ると、技術だけでなく「どんな案件や働き方があるか」を日頃から見ていたことが、キャリアの選択肢を広げるきっかけになりました。
このブログを読んでくれた方に感謝を込めて、実際に使っている情報収集サービスを紹介します。

フルリモート・週3日・高単価、どんな条件も妥協したくないなら

フリーランスボードに無料会員登録する

利用者10万人以上。業界最大規模45万件の案件。AIマッチ機能や無料の相場情報が人気。

年収800万円以上のキャリアアップ・ハイクラス正社員を視野に入れているなら

Beyond Careerに無料相談する

内定獲得率90%以上。紹介先企業とは役員クラスのコネクションがある安心と信頼できるエージェント。


-Jenkins