{"id":1208,"date":"2025-03-24T08:52:36","date_gmt":"2025-03-23T23:52:36","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=1208"},"modified":"2025-03-24T08:52:36","modified_gmt":"2025-03-23T23:52:36","slug":"%e3%80%90%e4%bf%9d%e5%ad%98%e7%89%88%e3%80%91jhipster%e5%ae%8c%e5%85%a8%e3%82%ac%e3%82%a4%e3%83%892024%ef%bc%9a%e5%b0%8e%e5%85%a5%e3%81%8b%e3%82%89%e5%ae%9f%e8%b7%b5%e3%81%be%e3%81%a715%e3%81%ae","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=1208","title":{"rendered":"\u3010\u4fdd\u5b58\u7248\u3011JHipster\u5b8c\u5168\u30ac\u30a4\u30c92024\uff1a\u5c0e\u5165\u304b\u3089\u5b9f\u8df5\u307e\u306715\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u89e3\u8aac"},"content":{"rendered":"\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>:  Undefined array key \"is_admin\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>116<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_category_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>121<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_top\" in <b>\/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>128<\/b><br \/>\n    <div id=\"toc_container\" class=\"sgb-toc--bullets js-smooth-scroll\" data-dialog-title=\"\u76ee\u6b21\">\n      <p class=\"toc_title\">\u76ee\u6b21 <\/p>\n      <ul class=\"toc_list\">  <li class=\"first\">    <a href=\"#i-0\">JHipster\u3068\u306f\uff1a\u30e2\u30c0\u30f3\u306a\u958b\u767a\u3092\u52a0\u901f\u3055\u305b\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-1\">Spring Boot\u3068Angular\/React\u3092\u7d71\u5408\u3057\u305f\u958b\u767a\u57fa\u76e4<\/a>      <\/li>      <li>        <a href=\"#i-2\">JHipster\u304c\u89e3\u6c7a\u3059\u308b3\u3064\u306e\u958b\u767a\u8ab2\u984c<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-3\">\u958b\u767a\u52b9\u7387\u5316\u306e\u5177\u4f53\u4f8b<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-4\">JHipster\u306e\u4e3b\u8981\u6a5f\u80fd\u3068\u7279\u5fb4\uff1a\u958b\u767a\u52b9\u7387\u3092\u5287\u7684\u306b\u5411\u4e0a\u3055\u305b\u308b7\u3064\u306e\u8981\u7d20<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-5\">Spring Boot\u30fbAngular\/React\u7d71\u5408\u306b\u3088\u308b\u9ad8\u901f\u958b\u767a<\/a>      <\/li>      <li>        <a href=\"#i-6\">\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b5\u30dd\u30fc\u30c8<\/a>      <\/li>      <li>        <a href=\"#i-7\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u306e\u81ea\u52d5\u5b9f\u88c5<\/a>      <\/li>      <li>        <a href=\"#i-8\">\u958b\u767a\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u8ffd\u52a0\u6a5f\u80fd<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-9\">\u6027\u80fd\u6700\u9069\u5316\u6a5f\u80fd<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-10\">JHipster\u5c0e\u5165\u624b\u9806\uff1a15\u5206\u3067\u59cb\u3081\u3089\u308c\u308b\u74b0\u5883\u69cb\u7bc9\u30ac\u30a4\u30c9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-11\">\u5fc5\u8981\u306a\u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/a>      <\/li>      <li>        <a href=\"#i-12\">JHipster\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210<\/a>      <\/li>      <li>        <a href=\"#i-13\">\u57fa\u672c\u7684\u306a\u8a2d\u5b9a\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u89e3\u8aac<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-14\">\u8a2d\u5b9a\u78ba\u8a8d\u3068\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-15\">JHipster\u306b\u3088\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\uff1a\u5b9f\u8df5\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-16\">\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u4f5c\u6210\u3068\u7ba1\u7406<\/a>      <\/li>      <li>        <a href=\"#i-17\">\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u5b9f\u88c5\u65b9\u6cd5<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-18\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-19\">JHipster\u306e\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\uff1a\u672c\u756a\u74b0\u5883\u3078\u306e\u5c55\u958b\u30ac\u30a4\u30c9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-20\">Docker\u74b0\u5883\u3067\u306e\u5c55\u958b\u65b9\u6cd5<\/a>      <\/li>      <li>        <a href=\"#i-21\">\u30af\u30e9\u30a6\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u306e\u30c7\u30d7\u30ed\u30a4<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-22\">\u672c\u756a\u74b0\u5883\u3067\u306e\u904b\u7528\u3068\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-23\">JHipster\u306e\u6d3b\u7528\u4e8b\u4f8b\uff1a5\u3064\u306e\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f8b<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-24\">\u4f01\u696d\u3067\u306e\u6d3b\u7528\u4e8b\u4f8b\u3068\u5f97\u3089\u308c\u305f\u52b9\u679c<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-25\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u898f\u6a21\u5225\u306e\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-26\">JHipster\u306e\u6ce8\u610f\u70b9\u3068\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-27\">\u3088\u304f\u3042\u308b\u554f\u984c\u3068\u89e3\u6c7a\u65b9\u6cd5<\/a>      <\/li>      <li>        <a href=\"#i-28\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306e\u30dd\u30a4\u30f3\u30c8<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-29\">\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/a>      <\/li>    <\/ul>  <\/li><\/ul>\n      <a href=\"#\" class=\"sgb-toc-button js-toc-button\" rel=\"nofollow\" data-open-dialog=\"true\"><i class=\"fa fa-list\"><\/i><span class=\"sgb-toc-button__text\">\u76ee\u6b21\u3078<\/span><\/a>\n    <\/div><\/div><h2 class=\"wp-block-heading\" id=\"i-0\">JHipster\u3068\u306f\uff1a\u30e2\u30c0\u30f3\u306a\u958b\u767a\u3092\u52a0\u901f\u3055\u305b\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-1\">Spring Boot\u3068Angular\/React\u3092\u7d71\u5408\u3057\u305f\u958b\u767a\u57fa\u76e4<\/h3>\n\n\n\n<p>JHipster\uff08Java Hipster\uff09\u306f\u3001\u30e2\u30c0\u30f3\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3092\u52a0\u901f\u3055\u305b\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u958b\u767a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002\u305d\u306e\u6838\u3068\u306a\u308b\u7279\u5fb4\u306f\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306bSpring Boot\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306bAngular\u307e\u305f\u306fReact\u3092\u63a1\u7528\u3057\u3001\u3053\u308c\u3089\u3092\u5b8c\u5168\u306b\u7d71\u5408\u3057\u305f\u958b\u767a\u74b0\u5883\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<p>JHipster\u306f\u4ee5\u4e0b\u306e\u8981\u7d20\u3092\u7d71\u5408\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u8005\u306e\u751f\u7523\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3059\uff1a<\/p>\n\n\n<div id=\"id-177141a8-073a-4f6c-9059-292485cd8df3\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/th><th>\u5f79\u5272<\/th><th>\u63d0\u4f9b\u3055\u308c\u308b\u4fa1\u5024<\/th><\/tr><\/thead><tbody><tr><td>Spring Boot<\/td><td>\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u57fa\u76e4<\/td><td>\u5805\u7262\u306aAPI\u306e\u69cb\u7bc9\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u9023\u643a\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u7ba1\u7406<\/td><\/tr><tr><td>Angular\/React<\/td><td>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9<\/td><td>\u30ea\u30c3\u30c1\u306a\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001SPA\u306e\u5b9f\u73fe<\/td><\/tr><tr><td>Webpack<\/td><td>\u30d3\u30eb\u30c9\u30c4\u30fc\u30eb<\/td><td>\u30a2\u30bb\u30c3\u30c8\u7ba1\u7406\u3001\u958b\u767a\u74b0\u5883\u306e\u6700\u9069\u5316<\/td><\/tr><tr><td>Maven\/Gradle<\/td><td>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u7ba1\u7406<\/td><td>\u4f9d\u5b58\u95a2\u4fc2\u306e\u7ba1\u7406\u3001\u30d3\u30eb\u30c9\u306e\u81ea\u52d5\u5316<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">JHipster\u304c\u89e3\u6c7a\u3059\u308b3\u3064\u306e\u958b\u767a\u8ab2\u984c<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u6280\u8853\u30b9\u30bf\u30c3\u30af\u306e\u7d71\u5408\u306b\u304a\u3051\u308b\u8907\u96d1\u6027<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u5f93\u6765\u306e\u958b\u767a\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u7d71\u5408\u306b\u591a\u5927\u306a\u52b4\u529b\u304c\u5fc5\u8981\u3067\u3057\u305f\u3002JHipster\u306f\u3053\u306e\u8ab2\u984c\u306b\u5bfe\u3057\u3066\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6700\u9069\u5316\u3055\u308c\u305f\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u306e\u81ea\u52d5\u751f\u6210<\/li>\n\n\n\n<li>API\u5c64\u306e\u81ea\u52d5\u69cb\u7bc9<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\u306e\u81ea\u52d5\u5316<\/li>\n\n\n\n<li>\u7d71\u5408\u30c6\u30b9\u30c8\u74b0\u5883\u306e\u63d0\u4f9b<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u3001\u958b\u767a\u8005\u304c\u672c\u8cea\u7684\u306a\u6a5f\u80fd\u958b\u767a\u306b\u96c6\u4e2d\u3067\u304d\u308b\u74b0\u5883\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30dc\u30a4\u30e9\u30fc\u30d7\u30ec\u30fc\u30c8\u30b3\u30fc\u30c9\u306e\u524a\u6e1b<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3067\u306f\u3001\u591a\u304f\u306e\u5b9a\u578b\u7684\u306a\u30b3\u30fc\u30c9\u304c\u5fc5\u8981\u3068\u306a\u308a\u307e\u3059\u3002JHipster\u306f\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u5f93\u6765\u306e\u958b\u767a\u3067\u306e\u5b9f\u88c5\u4f8b\n@Entity\npublic class User {\n    @Id\n    @GeneratedValue(strategy = GenerationType.AUTO)\n    private Long id;\n    private String username;\n    \/\/ \u305d\u306e\u4ed6\u591a\u6570\u306e\u30dc\u30a4\u30e9\u30fc\u30d7\u30ec\u30fc\u30c8\u30b3\u30fc\u30c9\n}\n\n\/\/ JHipster\u3067\u306e\u5b9f\u88c5\u4f8b\njhipster entity User\n\/\/ \u2192 \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3001\u30ea\u30dd\u30b8\u30c8\u30ea\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\u30fc\u3001\n\/\/ \u30c6\u30b9\u30c8\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30fc\u30c9\u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u307e\u3059<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>DevOps\u5b9f\u8df5\u306e\u52b9\u7387\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30e2\u30c0\u30f3\u306a\u958b\u767a\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306e\u5c0e\u5165\u306b\u304a\u3044\u3066\u3001JHipster\u306f\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Docker\u30b3\u30f3\u30c6\u30ca\u306e\u81ea\u52d5\u8a2d\u5b9a<\/li>\n\n\n\n<li>CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u63d0\u4f9b<\/li>\n\n\n\n<li>\u30af\u30e9\u30a6\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u306e\u30c7\u30d7\u30ed\u30a4\u30b9\u30af\u30ea\u30d7\u30c8\u751f\u6210<\/li>\n\n\n\n<li>\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u8a2d\u5b9a\u306e\u81ea\u52d5\u5316<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6a5f\u80fd\u306b\u3088\u308a\u3001DevOps\u306e\u5b9f\u8df5\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-3\">\u958b\u767a\u52b9\u7387\u5316\u306e\u5177\u4f53\u4f8b<\/h3>\n\n\n\n<p>\u5b9f\u969b\u306e\u958b\u767a\u30b7\u30fc\u30f3\u3067\u306f\u3001JHipster\u306e\u6d3b\u7528\u306b\u3088\u308a\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u52b9\u679c\u304c\u5f97\u3089\u308c\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u7acb\u3061\u4e0a\u3052\u6642\u9593\u306e\u77ed\u7e2e<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5f93\u6765\uff1a2-3\u9031\u9593<\/li>\n\n\n\n<li>JHipster\u4f7f\u7528\uff1a1-2\u65e5<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b3\u30fc\u30c9\u54c1\u8cea\u306e\u5411\u4e0a<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6a19\u6e96\u5316\u3055\u308c\u305f\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u63a1\u7528<\/li>\n\n\n\n<li>\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306e\u81ea\u52d5\u9069\u7528<\/li>\n\n\n\n<li>\u5305\u62ec\u7684\u306a\u30c6\u30b9\u30c8\u30ab\u30d0\u30ec\u30c3\u30b8<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u6027\u306e\u5411\u4e0a<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4e00\u8cab\u6027\u306e\u3042\u308b\u8a2d\u8a08\u30d1\u30bf\u30fc\u30f3\u306e\u9069\u7528<\/li>\n\n\n\n<li>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u81ea\u52d5\u751f\u6210<\/li>\n\n\n\n<li>\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u3055\u308c\u305f\u69cb\u9020<\/li>\n<\/ul>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306b\u3001JHipster\u306f\u73fe\u4ee3\u306eJava\u958b\u767a\u304c\u76f4\u9762\u3059\u308b\u69d8\u3005\u306a\u8ab2\u984c\u306b\u5bfe\u3057\u3066\u3001\u5b9f\u8df5\u7684\u304b\u3064\u52b9\u679c\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u3088\u308a\u8a73\u7d30\u306b\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-4\">JHipster\u306e\u4e3b\u8981\u6a5f\u80fd\u3068\u7279\u5fb4\uff1a\u958b\u767a\u52b9\u7387\u3092\u5287\u7684\u306b\u5411\u4e0a\u3055\u305b\u308b7\u3064\u306e\u8981\u7d20<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-5\">Spring Boot\u30fbAngular\/React\u7d71\u5408\u306b\u3088\u308b\u9ad8\u901f\u958b\u767a<\/h3>\n\n\n\n<p>JHipster\u306f\u3001Spring Boot\u3068Angular\/React\u306e\u7d71\u5408\u306b\u304a\u3044\u3066\u3001\u4ee5\u4e0b\u306e\u9769\u65b0\u7684\u306a\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u751f\u6210\u30b3\u30de\u30f3\u30c9\njhipster entity Product\n\n# \u751f\u6210\u3055\u308c\u308b\u4e3b\u8981\u306a\u30d5\u30a1\u30a4\u30eb\nsrc\/main\/java\/com\/example\/domain\/Product.java\nsrc\/main\/java\/com\/example\/repository\/ProductRepository.java\nsrc\/main\/java\/com\/example\/service\/ProductService.java\nsrc\/main\/java\/com\/example\/web\/rest\/ProductResource.java\n# \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5074\u306e\u30b3\u30fc\u30c9\u3082\u81ea\u52d5\u751f\u6210<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u578b\u5b89\u5168\u306aAPI\u901a\u4fe1<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u81ea\u52d5\u751f\u6210\u3055\u308c\u308bTypeScript\u578b\u5b9a\u7fa9\nexport interface Product {\n    id?: number;\n    name: string;\n    price: number;\n    description?: string;\n}\n\n\/\/ \u578b\u5b89\u5168\u306a\u30b5\u30fc\u30d3\u30b9\u30af\u30e9\u30b9\n@Injectable({ providedIn: 'root' })\nexport class ProductService {\n    constructor(private http: HttpClient) {}\n\n    find(id: number): Observable&lt;Product&gt; {\n        return this.http.get&lt;Product&gt;(`${this.resourceUrl}\/${id}`);\n    }\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-6\">\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b5\u30dd\u30fc\u30c8<\/h3>\n\n\n\n<p>JHipster\u306e\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30b5\u30dd\u30fc\u30c8\u306f\u4ee5\u4e0b\u306e\u8981\u7d20\u3067\u69cb\u6210\u3055\u308c\u3066\u3044\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b5\u30fc\u30d3\u30b9\u30c7\u30a3\u30b9\u30ab\u30d0\u30ea\u30fc<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># application.yml\neureka:\n  client:\n    serviceUrl:\n      defaultZone: http:\/\/localhost:8761\/eureka\/\n  instance:\n    prefer-ip-address: true<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>API Gateway\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@SpringBootApplication\n@EnableEurekaClient\n@EnableZuulProxy\npublic class GatewayApp {\n    public static void main(String[] args) {\n        SpringApplication.run(GatewayApp.class, args);\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u5206\u6563\u30c8\u30ec\u30fc\u30b7\u30f3\u30b0<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ Zipkin\u306b\u3088\u308b\u5206\u6563\u30c8\u30ec\u30fc\u30b7\u30f3\u30b0\u306e\u8a2d\u5b9a\n@Bean\npublic Tracer tracer() {\n    return new Tracer.Builder(\"service-name\")\n        .withSampler(new Sampler.Builder().always(true).build())\n        .build();\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-7\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u306e\u81ea\u52d5\u5b9f\u88c5<\/h3>\n\n\n\n<p>JHipster\u306f\u5305\u62ec\u7684\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u8a8d\u8a3c\u30b7\u30b9\u30c6\u30e0<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Configuration\n@EnableWebSecurity\npublic class SecurityConfiguration extends WebSecurityConfigurerAdapter {\n    @Override\n    protected void configure(HttpSecurity http) throws Exception {\n        http\n            .csrf()\n            .csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse())\n            .and()\n            .addFilterBefore(corsFilter, CsrfFilter.class)\n            .exceptionHandling()\n            .and()\n            .authorizeRequests()\n            .antMatchers(\"\/api\/**\").authenticated()\n            \/\/ \u305d\u306e\u4ed6\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\n    }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>OAuth2\/OIDC\u7d71\u5408<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># application.yml\nspring:\n  security:\n    oauth2:\n      client:\n        provider:\n          oidc:\n            issuer-uri: https:\/\/accounts.google.com\n        registration:\n          oidc:\n            client-id: your-client-id\n            client-secret: your-client-secret<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-8\">\u958b\u767a\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u8ffd\u52a0\u6a5f\u80fd<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u81ea\u52d5\u5316\u3055\u308c\u305f\u30c6\u30b9\u30c8\u74b0\u5883<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Test\n@Transactional\npublic void createProduct() throws Exception {\n    \/\/ \u81ea\u52d5\u751f\u6210\u3055\u308c\u305f\u30c6\u30b9\u30c8\u30b3\u30fc\u30c9\n    restProductMockMvc.perform(post(\"\/api\/products\")\n        .contentType(MediaType.APPLICATION_JSON)\n        .content(TestUtil.convertObjectToJsonBytes(product)))\n        .andExpect(status().isCreated());\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u56fd\u969b\u5316\u30b5\u30dd\u30fc\u30c8<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ src\/main\/webapp\/i18n\/ja\/product.json\n{\n    \"product\": {\n        \"title\": \"\u5546\u54c1\u7ba1\u7406\",\n        \"create\": \"\u5546\u54c1\u3092\u767b\u9332\",\n        \"edit\": \"\u5546\u54c1\u3092\u7de8\u96c6\"\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>API\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u81ea\u52d5\u751f\u6210<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@ApiOperation(value = \"\u5546\u54c1\u3092\u767b\u9332\u3059\u308b\", notes = \"\u65b0\u3057\u3044\u5546\u54c1\u60c5\u5831\u3092\u767b\u9332\u3057\u307e\u3059\")\n@PostMapping(\"\/products\")\npublic ResponseEntity&lt;Product&gt; createProduct(@RequestBody Product product) {\n    \/\/ \u5b9f\u88c5\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-9\">\u6027\u80fd\u6700\u9069\u5316\u6a5f\u80fd<\/h3>\n\n\n\n<p>JHipster\u306f\u4ee5\u4e0b\u306e\u6027\u80fd\u6700\u9069\u5316\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Webpack\u306b\u3088\u308b\u30d0\u30f3\u30c9\u30eb\u30b5\u30a4\u30ba\u306eTwist\u6700\u9069\u5316<\/li>\n\n\n\n<li>\u30ec\u30a4\u30b8\u30fc\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u81ea\u52d5\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u5b9f\u88c5<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>DB\u30b3\u30cd\u30af\u30b7\u30e7\u30f3\u30d7\u30fc\u30eb\u306e\u6700\u9069\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u5c64\u306e\u81ea\u52d5\u69cb\u6210<\/li>\n\n\n\n<li>\u975e\u540c\u671f\u51e6\u7406\u306e\u5b9f\u88c5\u30b5\u30dd\u30fc\u30c8<\/li>\n<\/ul>\n\n\n<div id=\"id-0fe50c7a-f0df-4ead-8498-dc945a22e18c\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u6a5f\u80fd\u30ab\u30c6\u30b4\u30ea<\/th><th>\u63d0\u4f9b\u3055\u308c\u308b\u6700\u9069\u5316<\/th><th>\u52b9\u679c<\/th><\/tr><\/thead><tbody><tr><td>\u30d3\u30eb\u30c9\u6700\u9069\u5316<\/td><td>\u30d7\u30ed\u30c0\u30af\u30b7\u30e7\u30f3\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb<\/td><td>\u30d3\u30eb\u30c9\u30b5\u30a4\u30ba\u524a\u6e1b\u3001\u5b9f\u884c\u901f\u5ea6\u5411\u4e0a<\/td><\/tr><tr><td>\u5b9f\u884c\u6642\u6700\u9069\u5316<\/td><td>\u30e1\u30e2\u30ea\u4f7f\u7528\u91cf\u306e\u8abf\u6574<\/td><td>\u30ea\u30bd\u30fc\u30b9\u4f7f\u7528\u52b9\u7387\u306e\u5411\u4e0a<\/td><\/tr><tr><td>\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u6700\u9069\u5316<\/td><td>HTTP\/2\u30b5\u30dd\u30fc\u30c8<\/td><td>\u901a\u4fe1\u52b9\u7387\u306e\u6539\u5584<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<p>\u3053\u308c\u3089\u306e\u6a5f\u80fd\u306b\u3088\u308a\u3001JHipster\u306f\u958b\u767a\u8005\u306e\u751f\u7523\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u9ad8\u54c1\u8cea\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u69cb\u7bc9\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u6a5f\u80fd\u3092\u5b9f\u969b\u306b\u6d3b\u7528\u3059\u308b\u305f\u3081\u306e\u5c0e\u5165\u624b\u9806\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-10\">JHipster\u5c0e\u5165\u624b\u9806\uff1a15\u5206\u3067\u59cb\u3081\u3089\u308c\u308b\u74b0\u5883\u69cb\u7bc9\u30ac\u30a4\u30c9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-11\">\u5fc5\u8981\u306a\u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h3>\n\n\n\n<p>JHipster\u3092\u4f7f\u7528\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u958b\u767a\u74b0\u5883\u3092\u6574\u3048\u307e\u3057\u3087\u3046\u3002\u4ee5\u4e0b\u306e\u8981\u7d20\u3092\u30b9\u30c6\u30c3\u30d7\u30d0\u30a4\u30b9\u30c6\u30c3\u30d7\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Java\u958b\u767a\u74b0\u5883<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>JDK 11\u4ee5\u4e0a\uff08\u63a8\u5968\uff1aJDK 17\uff09<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   # Windows\u306e\u5834\u5408\uff08chocolatey\u3092\u4f7f\u7528\uff09\n   choco install openjdk17\n\n   # macOS\u306e\u5834\u5408\uff08Homebrew\u3092\u4f7f\u7528\uff09\n   brew install openjdk@17\n\n   # \u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\n   java -version<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Node.js\u74b0\u5883<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Node.js 16.x\u4ee5\u4e0a\uff08\u63a8\u5968\uff1a18.x\uff09<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   # nvm\uff08Node Version Manager\uff09\u3092\u4f7f\u7528\u3057\u305f\u5834\u5408\n   nvm install 18\n   nvm use 18\n\n   # \u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\n   node --version\n   npm --version<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u958b\u767a\u30c4\u30fc\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Git<\/li>\n\n\n\n<li>\u30a8\u30c7\u30a3\u30bf\uff08VSCode\u63a8\u5968\uff09<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">   # Git\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   # Windows\n   choco install git\n\n   # macOS\n   brew install git\n\n   # VSCode\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n   # Windows\n   choco install vscode\n\n   # macOS\n   brew install --cask visual-studio-code<\/pre>\n\n\n\n<p>\u958b\u767a\u74b0\u5883\u8981\u4ef6\u4e00\u89a7\uff1a<\/p>\n\n\n<div id=\"id-9d44845e-f0fb-4f6a-a7c4-ac62e7a4666f\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30c4\u30fc\u30eb<\/th><th>\u6700\u5c0f\u30d0\u30fc\u30b8\u30e7\u30f3<\/th><th>\u63a8\u5968\u30d0\u30fc\u30b8\u30e7\u30f3<\/th><th>\u78ba\u8a8d\u30b3\u30de\u30f3\u30c9<\/th><\/tr><\/thead><tbody><tr><td>Java<\/td><td>11<\/td><td>17<\/td><td><code>java -version<\/code><\/td><\/tr><tr><td>Node.js<\/td><td>16.x<\/td><td>18.x<\/td><td><code>node --version<\/code><\/td><\/tr><tr><td>npm<\/td><td>8.x<\/td><td>9.x<\/td><td><code>npm --version<\/code><\/td><\/tr><tr><td>Git<\/td><td>2.x<\/td><td>\u6700\u65b0<\/td><td><code>git --version<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"i-12\">JHipster\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3068\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>JHipster\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># npm\u3092\u4f7f\u7528\u3057\u3066JHipster\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\nnpm install -g generator-jhipster\n\n# \u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\njhipster --version<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u4f5c\u6210\u3068\u79fb\u52d5\nmkdir my-jhipster-project\ncd my-jhipster-project\n\n# JHipster\u306e\u521d\u671f\u5316\njhipster<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u5bfe\u8a71\u5f0f\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u306e\u9078\u629e\u9805\u76ee<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210\u6642\u306e\u4e3b\u8981\u306a\u9078\u629e\u9805\u76ee\u3068\u63a8\u5968\u8a2d\u5b9a\uff1a<\/p>\n\n\n<div id=\"id-276b4004-0184-4f99-a2d6-1cc0742f2281\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u8a2d\u5b9a\u9805\u76ee<\/th><th>\u9078\u629e\u80a2<\/th><th>\u63a8\u5968\/\u6ce8\u610f\u70b9<\/th><\/tr><\/thead><tbody><tr><td>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30bf\u30a4\u30d7<\/td><td>\u30e2\u30ce\u30ea\u30b9\/\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\/\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4<\/td><td>\u521d\u3081\u3066\u306e\u5834\u5408\u306f\u30e2\u30ce\u30ea\u30b9<\/td><\/tr><tr><td>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9<\/td><td>Angular\/React\/Vue<\/td><td>\u30c1\u30fc\u30e0\u7d4c\u9a13\u306b\u5fdc\u3058\u3066\u9078\u629e<\/td><\/tr><tr><td>\u8a8d\u8a3c\u65b9\u5f0f<\/td><td>JWT\/OAuth2\/Session<\/td><td>JWT\u304c\u4e00\u822c\u7684<\/td><\/tr><tr><td>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/td><td>MySQL\/PostgreSQL\/MongoDB<\/td><td>PostgreSQL\u304c\u63a8\u5968<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"i-13\">\u57fa\u672c\u7684\u306a\u8a2d\u5b9a\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u89e3\u8aac<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\uff08.yo-rc.json\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{\n  \"generator-jhipster\": {\n    \"applicationType\": \"monolith\",\n    \"baseName\": \"myApp\",\n    \"packageName\": \"com.example.myapp\",\n    \"packageFolder\": \"com\/example\/myapp\",\n    \"serverPort\": \"8080\",\n    \"authenticationType\": \"jwt\",\n    \"cacheProvider\": \"ehcache\",\n    \"enableHibernateCache\": true,\n    \"databaseType\": \"sql\",\n    \"devDatabaseType\": \"h2Disk\",\n    \"prodDatabaseType\": \"postgresql\",\n    \"buildTool\": \"maven\"\n  }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u4e3b\u8981\u306a\u8a2d\u5b9a\u30d1\u30e9\u30e1\u30fc\u30bf<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># src\/main\/resources\/config\/application.yml\nspring:\n  profiles:\n    active: dev  # \u958b\u767a\u74b0\u5883\u8a2d\u5b9a\n  datasource:\n    url: jdbc:postgresql:\/\/localhost:5432\/myApp\n    username: myApp\n    password: myApp\n  jpa:\n    hibernate:\n      ddl-auto: none\n    database-platform: org.hibernate.dialect.PostgreSQLDialect<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ src\/main\/java\/com\/example\/myapp\/config\/SecurityConfiguration.java\n@Configuration\n@EnableWebSecurity\npublic class SecurityConfiguration extends WebSecurityConfigurerAdapter {\n    @Override\n    protected void configure(HttpSecurity http) throws Exception {\n        \/\/ \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\n        http\n            .csrf()\n            .disable()\n            .authorizeRequests()\n            .antMatchers(\"\/api\/**\").authenticated()\n            .antMatchers(\"\/management\/**\").hasAuthority(AuthoritiesConstants.ADMIN);\n    }\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-14\">\u8a2d\u5b9a\u78ba\u8a8d\u3068\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u74b0\u5883\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u5404\u7a2e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d\njava -version\nnode --version\nnpm --version\ngit --version\njhipster --version\n\n# \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u63a5\u7d9a\u78ba\u8a8d\n# PostgreSQL\u306e\u5834\u5408\npsql -h localhost -U myApp -d myApp -c \"\\conninfo\"<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u3088\u304f\u3042\u308b\u30a8\u30e9\u30fc\u3068\u89e3\u6c7a\u7b56<\/strong><\/li>\n<\/ol>\n\n\n<div id=\"id-da8ffc0c-263f-4a88-8ae9-af72aa9bf7ab\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30a8\u30e9\u30fc<\/th><th>\u539f\u56e0<\/th><th>\u89e3\u6c7a\u7b56<\/th><\/tr><\/thead><tbody><tr><td>JAVA_HOME\u672a\u8a2d\u5b9a<\/td><td>\u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a\u4e0d\u8db3<\/td><td>\u30b7\u30b9\u30c6\u30e0\u74b0\u5883\u5909\u6570\u306b\u8ffd\u52a0<\/td><\/tr><tr><td>\u30dd\u30fc\u30c8\u91cd\u8907<\/td><td>8080\/9000\u304c\u4f7f\u7528\u4e2d<\/td><td>application.yml\u3067\u30dd\u30fc\u30c8\u5909\u66f4<\/td><\/tr><tr><td>\u30e1\u30e2\u30ea\u4e0d\u8db3<\/td><td>JVM\u30d2\u30fc\u30d7\u8a2d\u5b9a\u4e0d\u8db3<\/td><td>JAVA_OPTS\u3067\u8a2d\u5b9a\u5909\u66f4<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<p>\u3053\u308c\u3067\u57fa\u672c\u7684\u306a\u74b0\u5883\u69cb\u7bc9\u306f\u5b8c\u4e86\u3067\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u3053\u306e\u74b0\u5883\u3092\u4f7f\u7528\u3057\u305f\u5b9f\u969b\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u4e2d\u306b\u554f\u984c\u304c\u767a\u751f\u3057\u305f\u5834\u5408\u306f\u3001\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3084GitHub\u306eissues\u3082\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-15\">JHipster\u306b\u3088\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\uff1a\u5b9f\u8df5\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-16\">\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u4f5c\u6210\u3068\u7ba1\u7406<\/h3>\n\n\n\n<p>JHipster\u3067\u306e\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u7ba1\u7406\u306f\u3001JDL\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u52b9\u7387\u7684\u306b\u884c\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>JDL\uff08JHipster Domain Language\uff09\u306e\u6d3b\u7528<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ orders.jdl\nentity Customer {\n    name String required\n    email String required pattern(\/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$\/)\n    phone String\n}\n\nentity Order {\n    orderDate Instant required\n    status OrderStatus required\n    totalAmount BigDecimal required min(0)\n}\n\nenum OrderStatus {\n    PENDING, CONFIRMED, SHIPPED, DELIVERED\n}\n\nrelationship OneToMany {\n    Customer{orders} to Order{customer required}\n}\n\n\/\/ \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u8a2d\u5b9a\npaginate Order with pagination\npaginate Customer with infinite-scroll\n\n\/\/ DTO\u306e\u751f\u6210\u8a2d\u5b9a\ndto * with mapstruct\n\n\/\/ \u30b5\u30fc\u30d3\u30b9\u5c64\u306e\u751f\u6210\u8a2d\u5b9a\nservice * with serviceImpl<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u306e\u751f\u6210\u3068\u78ba\u8a8d<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># JDL\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3092\u751f\u6210\njhipster jdl orders.jdl\n\n# \u751f\u6210\u3055\u308c\u308b\u30d5\u30a1\u30a4\u30eb\u69cb\u9020\nsrc\/\n\u251c\u2500\u2500 main\/\n\u2502   \u251c\u2500\u2500 java\/\n\u2502   \u2502   \u2514\u2500\u2500 com\/example\/\n\u2502   \u2502       \u251c\u2500\u2500 domain\/\n\u2502   \u2502       \u2502   \u251c\u2500\u2500 Customer.java\n\u2502   \u2502       \u2502   \u2514\u2500\u2500 Order.java\n\u2502   \u2502       \u251c\u2500\u2500 repository\/\n\u2502   \u2502       \u251c\u2500\u2500 service\/\n\u2502   \u2502       \u2514\u2500\u2500 web\/rest\/\n\u2502   \u2514\u2500\u2500 resources\/\n\u2502       \u2514\u2500\u2500 config\/liquibase\/\n\u2514\u2500\u2500 test\/<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-17\">\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\u306e\u5b9f\u88c5\u65b9\u6cd5<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30b5\u30fc\u30d3\u30b9\u5c64\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Service\n@Transactional\npublic class OrderServiceImpl implements OrderService {\n    private final OrderRepository orderRepository;\n    private final OrderMapper orderMapper;\n    private final CustomerRepository customerRepository;\n\n    \/\/ \u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30a4\u30f3\u30b8\u30a7\u30af\u30b7\u30e7\u30f3\n    public OrderServiceImpl(\n        OrderRepository orderRepository,\n        OrderMapper orderMapper,\n        CustomerRepository customerRepository\n    ) {\n        this.orderRepository = orderRepository;\n        this.orderMapper = orderMapper;\n        this.customerRepository = customerRepository;\n    }\n\n    @Override\n    public OrderDTO createOrder(OrderDTO orderDTO) {\n        \/\/ \u6ce8\u6587\u4f5c\u6210\u306e\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\n        Order order = orderMapper.toEntity(orderDTO);\n\n        \/\/ \u9867\u5ba2\u306e\u5b58\u5728\u78ba\u8a8d\n        Customer customer = customerRepository\n            .findById(orderDTO.getCustomerId())\n            .orElseThrow(() -&gt; new CustomerNotFoundException(orderDTO.getCustomerId()));\n\n        order.setCustomer(customer);\n        order.setStatus(OrderStatus.PENDING);\n        order.setOrderDate(Instant.now());\n\n        \/\/ \u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3068\u4fdd\u5b58\n        validateOrder(order);\n        Order savedOrder = orderRepository.save(order);\n\n        return orderMapper.toDto(savedOrder);\n    }\n\n    private void validateOrder(Order order) {\n        if (order.getTotalAmount().compareTo(BigDecimal.ZERO) &lt; 0) {\n            throw new InvalidOrderException(\"\u6ce8\u6587\u91d1\u984d\u306f0\u4ee5\u4e0a\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\");\n        }\n        \/\/ \u305d\u306e\u4ed6\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30ed\u30b8\u30c3\u30af\n    }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ab\u30b9\u30bf\u30e0\u30ea\u30dd\u30b8\u30c8\u30ea\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">public interface OrderRepositoryCustom {\n    List&lt;Order&gt; findOrdersByCustomerAndDateRange(\n        Long customerId,\n        Instant startDate,\n        Instant endDate\n    );\n}\n\n@Repository\npublic class OrderRepositoryCustomImpl implements OrderRepositoryCustom {\n    private final EntityManager em;\n\n    public OrderRepositoryCustomImpl(EntityManager em) {\n        this.em = em;\n    }\n\n    @Override\n    public List&lt;Order&gt; findOrdersByCustomerAndDateRange(\n        Long customerId,\n        Instant startDate,\n        Instant endDate\n    ) {\n        CriteriaBuilder cb = em.getCriteriaBuilder();\n        CriteriaQuery&lt;Order&gt; query = cb.createQuery(Order.class);\n        Root&lt;Order&gt; order = query.from(Order.class);\n\n        List&lt;Predicate&gt; predicates = new ArrayList&lt;&gt;();\n        predicates.add(cb.equal(order.get(\"customer\").get(\"id\"), customerId));\n        predicates.add(cb.between(order.get(\"orderDate\"), startDate, endDate));\n\n        query.where(predicates.toArray(new Predicate[0]));\n        return em.createQuery(query).getResultList();\n    }\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-18\">\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Angular\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ order-list.component.ts\n@Component({\n    selector: 'jhi-order-list',\n    templateUrl: '.\/order-list.component.html'\n})\nexport class OrderListComponent implements OnInit {\n    orders?: IOrder[];\n    isLoading = false;\n\n    constructor(\n        private orderService: OrderService,\n        private alertService: AlertService\n    ) {}\n\n    ngOnInit(): void {\n        this.loadOrders();\n    }\n\n    loadOrders(): void {\n        this.isLoading = true;\n        this.orderService.query().subscribe(\n            (res: HttpResponse&lt;IOrder[]&gt;) =&gt; {\n                this.orders = res.body ?? [];\n                this.isLoading = false;\n            },\n            (error) =&gt; {\n                this.alertService.error('\u6ce8\u6587\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f');\n                this.isLoading = false;\n            }\n        );\n    }\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- order-list.component.html --&gt;\n&lt;div class=\"container\"&gt;\n    &lt;h2&gt;\u6ce8\u6587\u4e00\u89a7&lt;\/h2&gt;\n    &lt;jhi-alert&gt;&lt;\/jhi-alert&gt;\n\n    &lt;div class=\"table-responsive\" *ngIf=\"orders &amp;&amp; orders.length &gt; 0\"&gt;\n        &lt;table class=\"table table-striped\"&gt;\n            &lt;thead&gt;\n                &lt;tr&gt;\n                    &lt;th&gt;\u6ce8\u6587ID&lt;\/th&gt;\n                    &lt;th&gt;\u9867\u5ba2\u540d&lt;\/th&gt;\n                    &lt;th&gt;\u6ce8\u6587\u65e5&lt;\/th&gt;\n                    &lt;th&gt;\u72b6\u614b&lt;\/th&gt;\n                    &lt;th&gt;\u91d1\u984d&lt;\/th&gt;\n                    &lt;th&gt;\u64cd\u4f5c&lt;\/th&gt;\n                &lt;\/tr&gt;\n            &lt;\/thead&gt;\n            &lt;tbody&gt;\n                &lt;tr *ngFor=\"let order of orders\"&gt;\n                    &lt;td&gt;{{order.id}}&lt;\/td&gt;\n                    &lt;td&gt;{{order.customer?.name}}&lt;\/td&gt;\n                    &lt;td&gt;{{order.orderDate | date:'medium'}}&lt;\/td&gt;\n                    &lt;td&gt;\n                        &lt;span [ngClass]=\"getStatusClass(order.status)\"&gt;\n                            {{order.status}}\n                        &lt;\/span&gt;\n                    &lt;\/td&gt;\n                    &lt;td&gt;{{order.totalAmount | currency:'JPY'}}&lt;\/td&gt;\n                    &lt;td&gt;\n                        &lt;button class=\"btn btn-info btn-sm\"\n                                [routerLink]=\"['\/order', order.id, 'view']\"&gt;\n                            \u8a73\u7d30\n                        &lt;\/button&gt;\n                    &lt;\/td&gt;\n                &lt;\/tr&gt;\n            &lt;\/tbody&gt;\n        &lt;\/table&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u72b6\u614b\u7ba1\u7406\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ order.state.ts\nexport interface OrderState {\n    orders: IOrder[];\n    selectedOrder: IOrder | null;\n    loading: boolean;\n    error: string | null;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class OrderStore {\n    private state: OrderState = {\n        orders: [],\n        selectedOrder: null,\n        loading: false,\n        error: null\n    };\n\n    private store = new BehaviorSubject&lt;OrderState&gt;(this.state);\n    private state$ = this.store.asObservable();\n\n    constructor(private orderService: OrderService) {}\n\n    \/\/ \u72b6\u614b\u306e\u66f4\u65b0\u30e1\u30bd\u30c3\u30c9\n    loadOrders(): void {\n        this.setLoading(true);\n        this.orderService.query().subscribe(\n            (res: HttpResponse&lt;IOrder[]&gt;) =&gt; {\n                this.updateOrders(res.body ?? []);\n                this.setLoading(false);\n            },\n            (error) =&gt; {\n                this.setError('\u6ce8\u6587\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f');\n                this.setLoading(false);\n            }\n        );\n    }\n\n    private updateOrders(orders: IOrder[]): void {\n        this.state = {\n            ...this.state,\n            orders\n        };\n        this.store.next(this.state);\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306e\u30dd\u30a4\u30f3\u30c8<\/strong><\/li>\n<\/ol>\n\n\n<div id=\"id-df6e43d1-e8dd-40d9-878e-3b46ad6453b7\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u6700\u9069\u5316\u9805\u76ee<\/th><th>\u5b9f\u88c5\u65b9\u6cd5<\/th><th>\u52b9\u679c<\/th><\/tr><\/thead><tbody><tr><td>\u30ec\u30a4\u30b8\u30fc\u30ed\u30fc\u30c9<\/td><td>\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3067\u306epreloadingStrategy\u8a2d\u5b9a<\/td><td>\u521d\u671f\u30ed\u30fc\u30c9\u6642\u9593\u306e\u77ed\u7e2e<\/td><\/tr><tr><td>Change Detection<\/td><td>OnPush\u30b9\u30c8\u30e9\u30c6\u30b8\u30fc\u306e\u4f7f\u7528<\/td><td>\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6027\u80fd\u306e\u5411\u4e0a<\/td><\/tr><tr><td>\u30e1\u30e2\u5316<\/td><td>pure\u30d1\u30a4\u30d7\u306e\u6d3b\u7528<\/td><td>\u4e0d\u8981\u306a\u518d\u8a08\u7b97\u306e\u9632\u6b62<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<p>JHipster\u3092\u4f7f\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u4fdd\u5b88\u6027\u304c\u9ad8\u304f\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u826f\u3044\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u5b8c\u6210\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u65b9\u6cd5\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-19\">JHipster\u306e\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\uff1a\u672c\u756a\u74b0\u5883\u3078\u306e\u5c55\u958b\u30ac\u30a4\u30c9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-20\">Docker\u74b0\u5883\u3067\u306e\u5c55\u958b\u65b9\u6cd5<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Docker\u30d5\u30a1\u30a4\u30eb\u306e\u751f\u6210\u3068\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<p>JHipster\u306f\u3001\u5fc5\u8981\u306aDocker\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u52d5\u751f\u6210\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Docker\u30d5\u30a1\u30a4\u30eb\u751f\u6210\u30b3\u30de\u30f3\u30c9\njhipster docker-compose\n\n# \u751f\u6210\u3055\u308c\u308b\u30d5\u30a1\u30a4\u30eb\n\u2514\u2500\u2500 docker\/\n    \u251c\u2500\u2500 app.yml\n    \u251c\u2500\u2500 monitoring.yml\n    \u251c\u2500\u2500 prometheus\/\n    \u251c\u2500\u2500 grafana\/\n    \u2514\u2500\u2500 jenkins\/<\/pre>\n\n\n\n<p>\u4e3b\u8981\u306a\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\uff08app.yml\uff09\u306e\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">version: '3.8'\nservices:\n  app:\n    image: myapp\n    environment:\n      - _JAVA_OPTIONS=-Xmx512m -Xms256m\n      - SPRING_PROFILES_ACTIVE=prod\n      - SPRING_DATASOURCE_URL=jdbc:postgresql:\/\/postgresql:5432\/myapp\n      - JHIPSTER_SLEEP=30 # \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u8d77\u52d5\u524d\u306e\u5f85\u6a5f\u6642\u9593\n    ports:\n      - \"8080:8080\"\n    healthcheck:\n      test: [\"CMD\", \"curl\", \"-f\", \"http:\/\/localhost:8080\/management\/health\"]\n      interval: 15s\n      timeout: 5s\n      retries: 3\n\n  postgresql:\n    image: postgres:14.2\n    environment:\n      - POSTGRES_USER=myapp\n      - POSTGRES_PASSWORD=myapp\n      - POSTGRES_DB=myapp\n    volumes:\n      - postgresql_data:\/var\/lib\/postgresql\/data\n\nvolumes:\n  postgresql_data:<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30d3\u30eb\u30c9\u3068\u30c7\u30d7\u30ed\u30a4\u624b\u9806<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d3\u30eb\u30c9\n.\/mvnw package -Pprod jib:dockerBuild\n\n# Docker\u30b3\u30f3\u30c6\u30ca\u306e\u8d77\u52d5\ndocker-compose -f docker\/app.yml up -d\n\n# \u30ed\u30b0\u306e\u78ba\u8a8d\ndocker-compose -f docker\/app.yml logs -f\n\n# \u30b3\u30f3\u30c6\u30ca\u306e\u72b6\u614b\u78ba\u8a8d\ndocker-compose -f docker\/app.yml ps<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-21\">\u30af\u30e9\u30a6\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u306e\u30c7\u30d7\u30ed\u30a4<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>AWS Elastic Beanstalk\u3078\u306e\u30c7\u30d7\u30ed\u30a4<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Elastic Beanstalk\u7528\u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\n# .elasticbeanstalk\/config.yml\nbranch-defaults:\n  main:\n    environment: myapp-prod\nenvironment-defaults:\n  myapp-prod:\n    branch: null\n    repository: null\nglobal:\n  application_name: myapp\n  default_ec2_keyname: null\n  default_platform: Docker\n  default_region: ap-northeast-1\n  sc: git<\/pre>\n\n\n\n<p>\u30c7\u30d7\u30ed\u30a4\u30b3\u30de\u30f3\u30c9\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># EB\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\neb init\neb create myapp-prod\neb deploy<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Google Cloud Run\u3078\u306e\u30c7\u30d7\u30ed\u30a4<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Cloud Run\u7528\u306eDockerfile\nFROM openjdk:17-jdk-slim\nCOPY target\/*.jar app.jar\nENTRYPOINT [\"java\", \"-jar\", \"\/app.jar\"]\n\n# \u30c7\u30d7\u30ed\u30a4\u30b3\u30de\u30f3\u30c9\ngcloud builds submit --tag gcr.io\/PROJECT_ID\/myapp\ngcloud run deploy myapp --image gcr.io\/PROJECT_ID\/myapp \\\n    --platform managed \\\n    --region asia-northeast1 \\\n    --allow-unauthenticated<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Azure App Service\u3078\u306e\u30c7\u30d7\u30ed\u30a4<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># Azure CLI \u3092\u4f7f\u7528\u3057\u305f\u30c7\u30d7\u30ed\u30a4\naz webapp config container set \\\n    --name myapp \\\n    --resource-group myapp-rg \\\n    --docker-custom-image-name myapp:latest \\\n    --docker-registry-server-url https:\/\/registry.hub.docker.com<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-22\">\u672c\u756a\u74b0\u5883\u3067\u306e\u904b\u7528\u3068\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<p>JHipster\u306f\u3001Prometheus\u3068grafana\u3092\u4f7f\u7528\u3057\u305f\u5305\u62ec\u7684\u306a\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3092\u63d0\u4f9b\u3057\u307e\u3059\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># monitoring.yml\nversion: '3.8'\nservices:\n  prometheus:\n    image: prom\/prometheus:v2.35.0\n    volumes:\n      - .\/prometheus\/:\/etc\/prometheus\/\n    command:\n      - '--config.file=\/etc\/prometheus\/prometheus.yml'\n    ports:\n      - 9090:9090\n\n  grafana:\n    image: grafana\/grafana:8.5.2\n    ports:\n      - 3000:3000\n    volumes:\n      - .\/grafana\/provisioning\/:\/etc\/grafana\/provisioning\/\n    environment:\n      - GF_SECURITY_ADMIN_PASSWORD=admin\n      - GF_USERS_ALLOW_SIGN_UP=false<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u4e3b\u8981\u306a\u76e3\u8996\u30e1\u30c8\u30ea\u30af\u30b9<\/strong><\/li>\n<\/ol>\n\n\n<div id=\"id-6b5e570a-e9c6-4782-9e9f-eae73a5309db\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30e1\u30c8\u30ea\u30af\u30b9\u7a2e\u5225<\/th><th>\u76e3\u8996\u9805\u76ee<\/th><th>\u30a2\u30e9\u30fc\u30c8\u95be\u5024<\/th><\/tr><\/thead><tbody><tr><td>JVM\u30e1\u30e2\u30ea<\/td><td>\u30d2\u30fc\u30d7\u4f7f\u7528\u7387<\/td><td>85%\u4ee5\u4e0a<\/td><\/tr><tr><td>\u30ec\u30b9\u30dd\u30f3\u30b9\u30bf\u30a4\u30e0<\/td><td>95\u30d1\u30fc\u30bb\u30f3\u30bf\u30a4\u30eb<\/td><td>2\u79d2\u4ee5\u4e0a<\/td><\/tr><tr><td>\u30a8\u30e9\u30fc\u30ec\u30fc\u30c8<\/td><td>HTTP 5xx<\/td><td>1%\u4ee5\u4e0a<\/td><\/tr><tr><td>DB\u30b3\u30cd\u30af\u30b7\u30e7\u30f3<\/td><td>\u30d7\u30fc\u30eb\u4f7f\u7528\u7387<\/td><td>90%\u4ee5\u4e0a<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30ed\u30b0\u7ba1\u7406\u306e\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- logback-spring.xml --&gt;\n&lt;configuration&gt;\n    &lt;appender name=\"FILE\" class=\"ch.qos.logback.core.rolling.RollingFileAppender\"&gt;\n        &lt;file&gt;logs\/myapp.log&lt;\/file&gt;\n        &lt;rollingPolicy class=\"ch.qos.logback.core.rolling.TimeBasedRollingPolicy\"&gt;\n            &lt;fileNamePattern&gt;logs\/myapp-%d{yyyy-MM-dd}.log&lt;\/fileNamePattern&gt;\n            &lt;maxHistory&gt;30&lt;\/maxHistory&gt;\n        &lt;\/rollingPolicy&gt;\n        &lt;encoder&gt;\n            &lt;pattern&gt;%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] %-5level %logger{36} - %msg%n&lt;\/pattern&gt;\n        &lt;\/encoder&gt;\n    &lt;\/appender&gt;\n\n    &lt;root level=\"INFO\"&gt;\n        &lt;appender-ref ref=\"FILE\" \/&gt;\n    &lt;\/root&gt;\n&lt;\/configuration&gt;<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u3068\u707d\u5bb3\u5fa9\u65e7<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u30b9\u30af\u30ea\u30d7\u30c8\n#!\/bin\/bash\nTIMESTAMP=$(date +%Y%m%d_%H%M%S)\nDB_CONTAINER=\"myapp-postgresql\"\nBACKUP_DIR=\"\/backup\"\n\n# \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30c0\u30f3\u30d7\u3092\u4f5c\u6210\ndocker exec $DB_CONTAINER \\\n    pg_dump -U myapp myapp &gt; \\\n    $BACKUP_DIR\/backup_$TIMESTAMP.sql\n\n# \u53e4\u3044\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u306e\u524a\u9664\uff0830\u65e5\u4ee5\u4e0a\u524d\uff09\nfind $BACKUP_DIR -name \"backup_*.sql\" -mtime +30 -delete<\/pre>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>JVM\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u306e\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30ab\u30b9\u30bf\u30e0JVM\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u8a2d\u5b9a\nJAVA_OPTS=\"$JAVA_OPTS \\\n    -XX:+UseG1GC \\\n    -XX:MaxGCPauseMillis=200 \\\n    -XX:+HeapDumpOnOutOfMemoryError \\\n    -XX:HeapDumpPath=\/var\/log\/heap-dump.hprof \\\n    -Xmx2g \\\n    -Xms2g\"<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u8a2d\u5b9a\u306b\u3088\u308a\u3001\u5b89\u5b9a\u3057\u305f\u672c\u756a\u74b0\u5883\u306e\u904b\u7528\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u5b9f\u969b\u306e\u6d3b\u7528\u4e8b\u4f8b\u3092\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-23\">JHipster\u306e\u6d3b\u7528\u4e8b\u4f8b\uff1a5\u3064\u306e\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f8b<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-24\">\u4f01\u696d\u3067\u306e\u6d3b\u7528\u4e8b\u4f8b\u3068\u5f97\u3089\u308c\u305f\u52b9\u679c<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5927\u898f\u6a21EC\u30b5\u30a4\u30c8\u306e\u30ea\u30d7\u30ec\u30a4\u30b9\u4e8b\u4f8b<\/strong><\/li>\n<\/ol>\n\n\n<div id=\"id-76c76b95-8754-469d-abe3-8a87e7567c56\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u9805\u76ee<\/th><th>\u5c0e\u5165\u524d<\/th><th>\u5c0e\u5165\u5f8c<\/th><\/tr><\/thead><tbody><tr><td>\u958b\u767a\u671f\u9593<\/td><td>12\u30f6\u6708<\/td><td>6\u30f6\u6708<\/td><\/tr><tr><td>\u30d0\u30b0\u767a\u751f\u7387<\/td><td>15%<\/td><td>5%<\/td><\/tr><tr><td>\u30c7\u30d7\u30ed\u30a4\u983b\u5ea6<\/td><td>\u67081\u56de<\/td><td>\u90312\u56de<\/td><\/tr><tr><td>\u958b\u767a\u751f\u7523\u6027<\/td><td>\u57fa\u6e96\u5024<\/td><td>200%<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<p>\u4e3b\u306a\u6539\u5584\u30dd\u30a4\u30f3\u30c8\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u63a1\u7528\u306b\u3088\u308b\u67d4\u8edf\u306a\u62e1\u5f35\u6027\u306e\u5b9f\u73fe<\/li>\n\n\n\n<li>CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u81ea\u52d5\u5316\u306b\u3088\u308b\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a<\/li>\n\n\n\n<li>\u6a19\u6e96\u5316\u3055\u308c\u305f\u30b3\u30fc\u30c9\u69cb\u9020\u306b\u3088\u308b\u4fdd\u5b88\u6027\u306e\u5411\u4e0a<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30ea\u30d7\u30ec\u30a4\u30b9\u524d\u306e\u5b9f\u88c5\u4f8b\n@Controller\npublic class ProductController {\n    @Autowired\n    private ProductService productService;\n\n    @RequestMapping(\"\/products\")\n    public String listProducts(Model model) {\n        \/\/ \u30ab\u30b9\u30bf\u30e0\u5b9f\u88c5\u306b\u3088\u308b\u5197\u9577\u306a\u30b3\u30fc\u30c9\n        List&lt;Product&gt; products = productService.findAll();\n        model.addAttribute(\"products\", products);\n        return \"product\/list\";\n    }\n}\n\n\/\/ JHipster\u5c0e\u5165\u5f8c\u306e\u5b9f\u88c5\u4f8b\n@RestController\n@RequestMapping(\"\/api\")\npublic class ProductResource {\n    private final ProductService productService;\n\n    public ProductResource(ProductService productService) {\n        this.productService = productService;\n    }\n\n    @GetMapping(\"\/products\")\n    public ResponseEntity&lt;List&lt;ProductDTO&gt;&gt; getAllProducts(Pageable pageable) {\n        \/\/ \u6a19\u6e96\u5316\u3055\u308c\u305f\u5b9f\u88c5\n        Page&lt;ProductDTO&gt; page = productService.findAll(pageable);\n        return ResponseEntity.ok().body(page.getContent());\n    }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u91d1\u878d\u6a5f\u95a2\u306e\u5185\u90e8\u30b7\u30b9\u30c6\u30e0\u5237\u65b0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u5c0e\u5165\u52b9\u679c\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5bfe\u7b56\u306e\u6a19\u6e96\u5316\u306b\u3088\u308b\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u5bfe\u5fdc\u306e\u52b9\u7387\u5316<\/li>\n\n\n\n<li>\u76e3\u67fb\u30ed\u30b0\u306e\u81ea\u52d5\u53ce\u96c6\u3068\u5206\u6790\u57fa\u76e4\u306e\u69cb\u7bc9<\/li>\n\n\n\n<li>\u30de\u30eb\u30c1\u30c6\u30ca\u30f3\u30c8\u5bfe\u5fdc\u306b\u3088\u308b\u8907\u6570\u652f\u5e97\u306e\u30b7\u30b9\u30c6\u30e0\u7d71\u5408<\/li>\n<\/ul>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\u306e\u6a19\u6e96\u5316\u4f8b\njhipster:\n  security:\n    authentication:\n      jwt:\n        base64-secret: ${JWT_SECRET}\n        token-validity-in-seconds: 86400\n        token-validity-in-seconds-for-remember-me: 2592000\n    client-authorization:\n      access-token-validity-in-seconds: 300\n      refresh-token-validity-in-seconds: 7200<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7\u306eMVP\u958b\u767a<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u6210\u679c\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u958b\u767a\u671f\u9593\u30923\u30f6\u6708\u304b\u30891\u30f6\u6708\u306b\u77ed\u7e2e<\/li>\n\n\n\n<li>\u521d\u671f\u6295\u8cc7\u30b3\u30b9\u30c8\u309260%\u524a\u6e1b<\/li>\n\n\n\n<li>\u5e02\u5834\u6295\u5165\u307e\u3067\u306e\u6642\u9593\u3092\u5927\u5e45\u306b\u77ed\u7e2e<\/li>\n<\/ul>\n\n\n\n<p>\u63a1\u7528\u3057\u305f\u6a5f\u80fd\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306b\u3088\u308b\u9ad8\u901f\u306a\u6a5f\u80fd\u958b\u767a<\/li>\n\n\n\n<li>\u7d44\u307f\u8fbc\u307f\u306e\u30e6\u30fc\u30b6\u30fc\u7ba1\u7406\u6a5f\u80fd<\/li>\n\n\n\n<li>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u306aUI\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u88fd\u9020\u696d\u306e\u751f\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u6539\u5584\u52b9\u679c\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u6a5f\u80fd\u306e\u5b9f\u88c5\u671f\u9593\u309250%\u77ed\u7e2e<\/li>\n\n\n\n<li>\u30c7\u30fc\u30bf\u5206\u6790\u57fa\u76e4\u306e\u7d71\u5408\u306b\u3088\u308a\u610f\u601d\u6c7a\u5b9a\u306e\u8fc5\u901f\u5316<\/li>\n\n\n\n<li>\u30ec\u30ac\u30b7\u30fc\u30b7\u30b9\u30c6\u30e0\u3068\u306e\u9023\u643a\u30b3\u30b9\u30c8\u3092\u524a\u6e1b<\/li>\n<\/ul>\n\n\n\n<p>\u4e3b\u8981\u306a\u5b9f\u88c5\u30dd\u30a4\u30f3\u30c8\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30bb\u30f3\u30b5\u30fc\u30c7\u30fc\u30bf\u53ce\u96c6API\u306e\u5b9f\u88c5\u4f8b\n@RestController\n@RequestMapping(\"\/api\/sensor-data\")\npublic class SensorDataResource {\n    private final SensorDataService sensorDataService;\n    private final KafkaProducer&lt;String, SensorData&gt; kafkaProducer;\n\n    @PostMapping(\"\/collect\")\n    public ResponseEntity&lt;Void&gt; collectData(@RequestBody SensorDataDTO data) {\n        \/\/ \u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c7\u30fc\u30bf\u51e6\u7406\n        SensorData processed = sensorDataService.processData(data);\n        kafkaProducer.send(new ProducerRecord&lt;&gt;(\"sensor-topic\", processed));\n        return ResponseEntity.ok().build();\n    }\n}<\/pre>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong>\u6559\u80b2\u6a5f\u95a2\u306e\u5b66\u7fd2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u9054\u6210\u3055\u308c\u305f\u76ee\u6a19\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8907\u6570\u306e\u30ad\u30e3\u30f3\u30d1\u30b9\u306b\u5bfe\u5fdc\u3059\u308b\u30de\u30eb\u30c1\u30c6\u30ca\u30f3\u30c8\u69cb\u9020\u306e\u5b9f\u73fe<\/li>\n\n\n\n<li>\u5b66\u751f\u30fb\u6559\u8077\u54e1\u5411\u3051\u306e\u7570\u306a\u308bUI\u306e\u52b9\u7387\u7684\u306a\u7ba1\u7406<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30a2\u306a\u30c7\u30fc\u30bf\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u306e\u5b9f\u88c5<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-25\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u898f\u6a21\u5225\u306e\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5c0f\u898f\u6a21\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\uff081-5\u4eba\u898f\u6a21\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30e1\u30ea\u30c3\u30c8\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8fc5\u901f\u306a\u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/li>\n\n\n\n<li>\u6700\u5c0f\u9650\u306e\u8a2d\u5b9a\u3067\u5fc5\u8981\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u53ef\u80fd<\/li>\n\n\n\n<li>\u500b\u4eba\u958b\u767a\u8005\u3067\u3082\u9ad8\u54c1\u8cea\u306a\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u3092\u7dad\u6301<\/li>\n<\/ul>\n\n\n\n<p>\u63a8\u5968\u6a5f\u80fd\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30e2\u30ce\u30ea\u30b7\u30c3\u30af\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u63a1\u7528<\/li>\n\n\n\n<li>JDL\u306b\u3088\u308b\u7d20\u65e9\u3044\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u5b9a\u7fa9<\/li>\n\n\n\n<li>\u7d44\u307f\u8fbc\u307f\u306eCRUD\u6a5f\u80fd\u306e\u6d3b\u7528<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u4e2d\u898f\u6a21\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\uff085-20\u4eba\u898f\u6a21\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30e1\u30ea\u30c3\u30c8\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c1\u30fc\u30e0\u9593\u306e\u958b\u767a\u6a19\u6e96\u306e\u7d71\u4e00<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u54c1\u8cea\u306e\u4e00\u8cab\u6027\u7dad\u6301<\/li>\n\n\n\n<li>\u52b9\u7387\u7684\u306a\u30bf\u30b9\u30af\u5206\u62c5<\/li>\n<\/ul>\n\n\n\n<p>\u63a8\u5968\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30d6\u30e9\u30f3\u30c1\u30ef\u30fc\u30af\u30d5\u30ed\u30fc<\/li>\n\n\n\n<li>\u30c1\u30fc\u30e0\u5225\u306e\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u62c5\u5f53\u5236<\/li>\n\n\n\n<li>\u5171\u901a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u518d\u5229\u7528<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5927\u898f\u6a21\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\uff0820\u4eba\u4ee5\u4e0a\uff09<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30e1\u30ea\u30c3\u30c8\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u898f\u6a21\u306e\u958b\u767a\u7ba1\u7406<\/li>\n\n\n\n<li>\u8907\u6570\u30c1\u30fc\u30e0\u306e\u4e26\u884c\u958b\u767a\u5bfe\u5fdc<\/li>\n\n\n\n<li>\u5927\u898f\u6a21\u30c7\u30fc\u30bf\u51e6\u7406\u306e\u52b9\u7387\u5316<\/li>\n<\/ul>\n\n\n\n<p>\u5c0e\u5165\u30dd\u30a4\u30f3\u30c8\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u5b8c\u5168\u6d3b\u7528<\/li>\n\n\n\n<li>\u30ab\u30b9\u30bf\u30e0\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306e\u958b\u767a<\/li>\n\n\n\n<li>\u8a73\u7d30\u306a\u76e3\u8996\u30fb\u5206\u6790\u57fa\u76e4\u306e\u69cb\u7bc9<\/li>\n<\/ul>\n\n\n\n<p>\u5404\u898f\u6a21\u306b\u304a\u3051\u308b\u6210\u529f\u8981\u56e0\uff1a<\/p>\n\n\n<div id=\"id-9a8a117d-38c9-4574-ac02-bd20e65a5526\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u898f\u6a21<\/th><th>\u4e3b\u8981\u6210\u529f\u8981\u56e0<\/th><th>\u6ce8\u610f\u70b9<\/th><\/tr><\/thead><tbody><tr><td>\u5c0f\u898f\u6a21<\/td><td>\u6a5f\u80fd\u306e\u9078\u629e\u3068\u96c6\u4e2d<\/td><td>\u30aa\u30fc\u30d0\u30fc\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u306e\u56de\u907f<\/td><\/tr><tr><td>\u4e2d\u898f\u6a21<\/td><td>\u30c1\u30fc\u30e0\u9593\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/td><td>\u9069\u5207\u306a\u5206\u696d\u4f53\u5236\u306e\u69cb\u7bc9<\/td><\/tr><tr><td>\u5927\u898f\u6a21<\/td><td>\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u8a2d\u8a08<\/td><td>\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u306e\u78ba\u4fdd<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<p>\u6b21\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001JHipster\u3092\u4f7f\u7528\u3059\u308b\u4e0a\u3067\u306e\u6ce8\u610f\u70b9\u3068\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-26\">JHipster\u306e\u6ce8\u610f\u70b9\u3068\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-27\">\u3088\u304f\u3042\u308b\u554f\u984c\u3068\u89e3\u6c7a\u65b9\u6cd5<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30e1\u30e2\u30ea\u95a2\u9023\u306e\u554f\u984c<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u958b\u767a\u74b0\u5883\u3067\u306e\u30e1\u30e2\u30ea\u4e0d\u8db3\u5bfe\u5fdc\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">#\u958b\u767a\u74b0\u5883\u306e\u30e1\u30e2\u30ea\u8a2d\u5b9a\n# .mvn\/jvm.config\n-Xmx2g\n-Xms1g\n\n# Node.js\u306e\u30e1\u30e2\u30ea\u5236\u9650\u7de9\u548c\nexport NODE_OPTIONS=--max_old_space_size=4096<\/pre>\n\n\n\n<p>\u672c\u756a\u74b0\u5883\u3067\u306e\u30e1\u30e2\u30ea\u30ea\u30fc\u30af\u5bfe\u7b56\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u9069\u5207\u306a\u8a2d\u5b9a\n@CacheConfig(cacheNames = \"products\")\npublic class ProductService {\n    @Cacheable(key = \"#id\")\n    public ProductDTO findOne(Long id) {\n        \/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u5b9f\u88c5\n    }\n\n    @CacheEvict(allEntries = true)\n    @Scheduled(fixedDelay = 86400000) \/\/ 24\u6642\u9593\n    public void clearCache() {\n        \/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u30af\u30ea\u30fc\u30f3\u30a2\u30c3\u30d7\n    }\n}<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u95a2\u9023\u306e\u30c8\u30e9\u30d6\u30eb<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u3088\u304f\u3042\u308b\u554f\u984c\u3068\u5bfe\u51e6\u6cd5\uff1a<\/p>\n\n\n<div id=\"id-e1412734-8b52-4aa0-949b-935b68e9a3d2\">\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u554f\u984c<\/th><th>\u539f\u56e0<\/th><th>\u89e3\u6c7a\u7b56<\/th><\/tr><\/thead><tbody><tr><td>\u30b3\u30cd\u30af\u30b7\u30e7\u30f3\u30ea\u30fc\u30af<\/td><td>\u30b3\u30cd\u30af\u30b7\u30e7\u30f3\u306e\u30af\u30ed\u30fc\u30ba\u5fd8\u308c<\/td><td>AOP\u5c0e\u5165\u306b\u3088\u308b\u81ea\u52d5\u30af\u30ed\u30fc\u30ba<\/td><\/tr><tr><td>\u30c7\u30c3\u30c9\u30ed\u30c3\u30af<\/td><td>\u4e0d\u9069\u5207\u306a\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u7ba1\u7406<\/td><td>\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u5206\u96e2\u30ec\u30d9\u30eb\u306e\u8abf\u6574<\/td><\/tr><tr><td>\u6027\u80fd\u4f4e\u4e0b<\/td><td>N+1\u554f\u984c<\/td><td>JPA FetchType\u306e\u9069\u5207\u306a\u8a2d\u5b9a<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ N+1\u554f\u984c\u306e\u89e3\u6c7a\u4f8b\n@Repository\npublic interface OrderRepository extends JpaRepository&lt;Order, Long&gt; {\n    \/\/ N+1\u554f\u984c\u3092\u5f15\u304d\u8d77\u3053\u3059\u5b9f\u88c5\n    @Query(\"SELECT o FROM Order o\")\n    List&lt;Order&gt; findAllInefficient();\n\n    \/\/ \u6700\u9069\u5316\u3055\u308c\u305f\u5b9f\u88c5\n    @Query(\"SELECT o FROM Order o LEFT JOIN FETCH o.orderItems\")\n    List&lt;Order&gt; findAllOptimized();\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u95a2\u9023\u306e\u554f\u984c<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30d3\u30eb\u30c9\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u6700\u9069\u5316\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ Angular routing\u306e\u6700\u9069\u5316\nconst routes: Routes = [\n    {\n        path: 'admin',\n        loadChildren: () =&gt; import('.\/admin\/admin.module').then(m =&gt; m.AdminModule),\n        data: { preload: true }\n    }\n];\n\n\/\/ \u30ab\u30b9\u30bf\u30e0\u30d7\u30ea\u30ed\u30fc\u30c9\u6226\u7565\n@Injectable()\nexport class CustomPreloadStrategy implements PreloadAllModules {\n    preload(route: Route, load: () =&gt; Observable&lt;any&gt;): Observable&lt;any&gt; {\n        return route.data?.preload ? load() : EMPTY;\n    }\n}<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u95a2\u9023\u306e\u554f\u984c<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Docker\u74b0\u5883\u3067\u306e\u30c8\u30e9\u30d6\u30eb\u30b7\u30e5\u30fc\u30c6\u30a3\u30f3\u30b0\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># docker-compose.debug.yml\nversion: '3.8'\nservices:\n  app:\n    environment:\n      - JAVA_OPTS=-agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=*:5005\n    ports:\n      - \"5005:5005\"\n    volumes:\n      - .\/logs:\/logs\n      - .\/tmp:\/tmp\n    command: [\".\/wait-for-it.sh\", \"postgresql:5432\", \"--\", \"java\", \"org.springframework.boot.loader.JarLauncher\"]<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-28\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306e\u30dd\u30a4\u30f3\u30c8<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30ec\u30d9\u30eb\u306e\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Hibernate\u306e\u6700\u9069\u5316\u8a2d\u5b9a\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">spring:\n  jpa:\n    properties:\n      hibernate:\n        jdbc:\n          batch_size: 25\n        order_inserts: true\n        order_updates: true\n        batch_versioned_data: true<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u5b9f\u88c5<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ \u5206\u6563\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u8a2d\u5b9a\n@Configuration\n@EnableCaching\npublic class CacheConfiguration {\n    @Bean\n    public CacheManager cacheManager() {\n        RedisCacheManager.RedisCacheManagerBuilder builder = RedisCacheManager\n            .RedisCacheManagerBuilder\n            .fromConnectionFactory(redisConnectionFactory);\n\n        RedisCacheConfiguration config = RedisCacheConfiguration.defaultCacheConfig()\n            .entryTtl(Duration.ofHours(1))\n            .serializeKeysWith(RedisSerializationContext.SerializationPair\n                .fromSerializer(new StringRedisSerializer()))\n            .serializeValuesWith(RedisSerializationContext.SerializationPair\n                .fromSerializer(new GenericJackson2JsonRedisSerializer()));\n\n        builder.cacheDefaults(config);\n        return builder.build();\n    }\n}<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30d0\u30f3\u30c9\u30eb\u30b5\u30a4\u30ba\u306e\u524a\u6e1b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ webpack.prod.js\nmodule.exports = merge(common, {\n    optimization: {\n        splitChunks: {\n            chunks: 'all',\n            minSize: 30000,\n            maxSize: 250000,\n            minChunks: 1,\n            maxAsyncRequests: 5,\n            maxInitialRequests: 3\n        }\n    }\n});<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u3068\u30d7\u30ed\u30d5\u30a1\u30a4\u30ea\u30f3\u30b0<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30e1\u30c8\u30ea\u30af\u30b9\u306e\u53ce\u96c6\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@Timed(value = \"product.search\", percentiles = {0.5, 0.95, 0.99})\npublic Page&lt;ProductDTO&gt; search(String query, Pageable pageable) {\n    \/\/ \u691c\u7d22\u30ed\u30b8\u30c3\u30af\u306e\u5b9f\u88c5\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-29\">\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306e\u6700\u9069\u5316<\/strong><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u521d\u671f\u8a2d\u5b9a\u306e\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8<\/li>\n\n\n\n<li>\u9069\u5207\u306a\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u8a2d\u5b9a<\/li>\n\n\n\n<li>\u30ad\u30e3\u30c3\u30b7\u30e5\u6226\u7565\u306e\u6c7a\u5b9a<\/li>\n\n\n\n<li>\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a\u306e\u78ba\u8a8d<\/li>\n\n\n\n<li>\u30ed\u30b0\u30ec\u30d9\u30eb\u306e\u9069\u5207\u306a\u8a2d\u5b9a<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u904b\u7528\u76e3\u8996\u306e\u8a2d\u5b9a<\/strong><\/li>\n<\/ol>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># prometheus.yml\nscrape_configs:\n  - job_name: 'jhipster'\n    metrics_path: '\/management\/prometheus'\n    static_configs:\n      - targets: ['localhost:8080']\n    scrape_interval: 15s<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30c6\u30b9\u30c8<\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u8ca0\u8377\u30c6\u30b9\u30c8\u306e\u5b9f\u88c5\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">@SpringBootTest\npublic class PerformanceTest {\n    @Test\n    @Timed\n    public void testBulkOperations() {\n        List&lt;Product&gt; products = generateLargeProductList();\n        Instant start = Instant.now();\n        productService.saveAll(products);\n        Duration duration = Duration.between(start, Instant.now());\n        assertThat(duration).isLessThan(Duration.ofSeconds(5));\n    }\n}<\/pre>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u6ce8\u610f\u70b9\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u5b9f\u8df5\u3059\u308b\u3053\u3068\u3067\u3001JHipster\u3092\u4f7f\u7528\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u6210\u529f\u78ba\u7387\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warning: Undefined array key &#8220;is_admin&#8221; in \/home\/xs392991\/dexall.co.jp\/public_html\/articles\/wp-content\/themes\/ &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":{"0":"post-1208","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-java","7":"nothumb"},"_links":{"self":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1208"}],"version-history":[{"count":1,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1208\/revisions"}],"predecessor-version":[{"id":1209,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/1208\/revisions\/1209"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}