Successfully reported this slideshow.
Your SlideShare is downloading. ×

[JJUG CCC 2021 Spring]Eclipse ユーザのための VSCode のススメ

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 31 Ad

More Related Content

Slideshows for you (20)

Advertisement

Recently uploaded (20)

[JJUG CCC 2021 Spring]Eclipse ユーザのための VSCode のススメ

  1. 1. @tikemin Eclipse ユーザのためのVSCodeのススメ JJUG CCC 2021 Spring May 23rd
  2. 2. はじめに ! 他にも良いIDEはたくさんありますが 本スライドはEclipse から VSCodeへ乗り換えを 検討している方に向けた情報になりますので予めご了承ください ※本発表は、あくまで個人の主張であり、私の所属する組織とは一切関係はありません
  3. 3. 自己紹介 • @tikemin(ちけみん) • 某えすあいあー • 普段はJavaでのシステム開発支援の業務に従事 • JJUGへの参加は2013年から • CCCの登壇は今回で3回目 • 趣味:ものづくり ■過去のJJUG CCC(2013, 2018)
  4. 4. 突然ですが…Java開発でEclipse使ってますか? ?
  5. 5. Java開発を取り巻くIDE環境について • 長い歴史がある(1990年代からの歴史) • 「Java」+「開発環境」とかで調べるとよく出てくる • Javaの入門書なんかでもよく出てくる • Intelli J IDEA, NetBeans, JDeveloper色々あるが… 無料のJavaのIDEとしてはEclipseが 長年の実績があり、未だに根強い人気がある 参照:https://ja.wikipedia.org/wiki/Eclipse_(%E7%B5%B1%E5%90%88%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83)
  6. 6. Eclipseについて思う所… • Java開発言語に特化しすぎてる…? • メモリを食う(PCによっては、性能だと厳しい時も) • 歴史があるゆえの複雑さ…(ボタンいっぱい) • 世の中のトレンドは…? Eclipse はJava向けのIDEとしては良くできてると思うし 今後も使われていくものではあるが… 果たして、このままEclipseを使い続けて良いのか…?
  7. 7. ということで…唐突ですが「VSCode」 某Micr○softの 回し者ではありません
  8. 8. VSCode(Visual Studio Code)について • Microsoft製のIDE • 2016月4月に1.0をRelease(Initial release は、2015年4月) • Electronベースで開発されている • OSSで公開/MIT License • 2021年5月時点での最新バージョンは、version 1.56 無料のIDEとしては最近、 フロントエンド系(HTML/CSS/JavaScript)の開発で よく使われているイメージ(個人的な主観を多分に含みます) 参考:https://code.visualstudio.com/blogs/2016/04/14/vscode-1.0 参考:https://github.com/microsoft/vscode
  9. 9. VSCodeのJavaへの対応 • 2017年9月27日から公式がJava Extension Packをサポート(version 0.14.0) • 公式がJava用のチュートリアルを公開 • Spring Toolも公式でExtension(Spring Tools 4 for Visual Studio Code)をリリース 徐々にだが、Javaへの対応が行われてきている 参考:https://code.visualstudio.com/docs/languages/java
  10. 10. トレンドの変化(Eclipse vs VSCode) VSCode Eclipse キーワード:Eclipse + Java / Visual Studio Code + Java キーワード:Eclipse / Visual Studio Code 参考:https://trends.google.com/trends/?geo=JP Javaのトピックでは Eclipseの方が多い Javaを除くと VSCodeのトピックが 増加傾向、2019年ぐらい でEclipseと逆転
  11. 11. トレンドの変化(Eclipse vs VSCode) 参考:https://insights.stackover fl ow.com/survey/2019#development-environments-and-tools VSCode 50.7% Eclipse 14.4% Stack Over fl ow 2019年の調査 「Development Environments and Tools」 開発環境としては 流行っているように見える VSCode Eclipse
  12. 12. Eclipse Theia 参考:https://theia-ide.org/ • Eclipse Theia(ていや) • 開発元:Eclipse Fundation • 2020年3月31日 version 1.0.0リリース • クラウド型のIDE環境(Google Cloud Shell) • VSCodeと近いUI(裏は、Electron) • 完全OSSでベンダーに縛られない 参考:https://dev.to/svene ff tinge/theia-1-0- fi nally-a-good-browser-ide-3ok0 参考:https://cloud.google.com/shell/docs/viewing-and-editing- fi les Eclipse Fundationも VSCodeを意識してる…?
  13. 13. トレンドの変化からみるVSCode Java開発においては、まだまだEclipseの方がトピックが豊富 とはいえ、開発者コミュニティーとしてはVSCodeへの 注目が高まっている状況 今すぐJava開発者が使う:△ 今後使うことになるIDEの一つとして注目:◎ え、先輩VSCodeも 使えないんですか?w もしかして 私のIDE古すぎ…!?
  14. 14. VSCodeでJava開発を試す(Demo) 参考:https://code.visualstudio.com/docs/java/java-tutorial 公式のチュートリアル 「 」+「Shift」+「p」 入力後に、「Java: Getting Started」を選択 ですぐに始められる
  15. 15. VSCode でJava環境の構築 • Coding Pack for Javaを使うとJDK や必要なExtensionなどを一括でイ ンストールしてくれる。 • これからVSCodeを始める方向け。 • 既にVSCodeをインストールしてる 方は、Java Extension Packをイン ストール。 Coding Pack for Java 参考:https://code.visualstudio.com/docs/java/java-tutorial
  16. 16. VSCode で JUnit実行 • Java Extension Packに同梱され ている「Java Test Runner」 を使うとJUnitが簡単に実行可能 • Test reportも作成してくれるの で、テスト結果や実行に掛かった 時間などをGUIで確認できる。 Java Test Runner
  17. 17. Mavenに関する便利な機能 Lifecycleを選択して実行 Pluginの実行(spring-boot) 追加したい依存関係を選部 「+」ボタンを押す Dependencyの追加 LifeCycleの実行
  18. 18. EclipseとVSCodeの機能比較 VS Eclipse と VSCodeの機能(主にJava開発視点)をいくつか紹介
  19. 19. エディタ画面
  20. 20. アウトライン表示
  21. 21. デバッグ実行 ショートカット:「 」 + 「F11」 ショートカット:「F5」
  22. 22. 型の検索 ショートカット: 「 」 + 「Shift」+「t」 ショートカット: 「Ctrl」 + 「p」の後に「#」を入力
  23. 23. VSCodeの便利な機能 某Micr○softの 回し者ではありません
  24. 24. マーケットプレイス • 豊富なExtension(拡張機能)が公開 • 多様な言語開発に対応 • APIが公開されており、自作のExtensionも開発可能 参考:https://code.visualstudio.com/api 参考:https://marketplace.visualstudio.com/VSCode 便利なExtensionが 多数存在してる
  25. 25. キーマップを変更する:Eclipse Keymap ショートカット: 「Ctrl」 + 「p」の後に「#」を入力 ショートカット: 「 」 + 「Shift」+「t」 同じ ショートカット になる
  26. 26. Java開発で便利なExtension Spring Boot Snippets Spring Boot開発時に便利なRepositoryやDBのプロパティのスニペット Lombok Annotations Support for VS Code Lombokのアノテーションに対応して補完が有効になる(e.g. @Dataなど) 参考:https://marketplace.visualstudio.com/items?itemName=GabrielBB.vscode-lombok 参考:https://marketplace.visualstudio.com/items?itemName=developersoapbox.vscode-springboot-snippets
  27. 27. Remote Development • ローカル OSから、リモートOSのVS Code Serverに接続 • リモートにある資材をローカルにあるかのように開発ができる • Dev Containerに接続して開発する事も可能 参考:https://code.visualstudio.com/docs/remote/remote-overview JavaのDev Containerサンプルもあり
  28. 28. Live Share • 利用には、GitHubかMSアカウントが必要 • セッションを開始するとリモートにいるメンバ と同じ画面を共有しながら開発が可能 • モブプロなどでも使える • オンラインのコードレビュー時に「ここ」「そ こ」「あー違う!」などのやり取りが減らせる リモートワークでも活躍? 参考:https://code.visualstudio.com/learn/collaboration/live-share
  29. 29. VSCodeのちょっと残念な所 • コードカバレッジをGUI表示できない • 公式でもIssueが上がっており根深い問題(Dec. 2018) • メニューが分かりにくい   Eclipseのナビゲーションメニューが分かりやすい • 検索機能   検索パスが長いときに結果が表示されない まだまだ、使い勝手や機能 面で改善の余地がある 参考:https://github.com/microsoft/vscode-java-test/issues/493 Eclipseのナビゲーショメニュー VSCodeの検索フォーム
  30. 30. まとめ Eclipse:長い歴史があり、無料のJavaのIDEとしてはまだまだ現役 VSCode: • 開発者コミュニティーや、Eclipse Fundationも注目してる • 徐々にだが、Javaの開発をする土壌が整いつつある • Remote DevelopmentやLive Shareなど便利なExtensionも数多くある • カバレッジ計測や、UI面など機能面、使い勝手で改善の余地がある 将来、Java開発で利用する 無料のIDEの選択肢の1つとして注目 ♡
  31. 31. Thank you !!

×