{"id":289,"date":"2024-10-23T10:30:58","date_gmt":"2024-10-23T01:30:58","guid":{"rendered":"https:\/\/dexall.co.jp\/articles\/?p=289"},"modified":"2025-03-24T08:53:26","modified_gmt":"2025-03-23T23:53:26","slug":"%e3%80%902024%e5%b9%b4%e6%9c%80%e6%96%b0%e3%80%91java-gui%e3%83%9e%e3%82%b9%e3%82%bf%e3%83%bc%e5%85%a5%e9%96%80%ef%bc%9a%e5%88%9d%e5%bf%83%e8%80%85%e3%81%a7%e3%82%82%e4%bd%9c%e3%82%8c%e3%82%8b","status":"publish","type":"post","link":"https:\/\/dexall.co.jp\/articles\/?p=289","title":{"rendered":"\u30102024\u5e74\u6700\u65b0\u3011Java GUI\u30de\u30b9\u30bf\u30fc\u5165\u9580\uff1a\u521d\u5fc3\u8005\u3067\u3082\u4f5c\u308c\u308b\u9b45\u529b\u7684\u306a\u30a2\u30d7\u30ea\u958b\u767a\u30ac\u30a4\u30c9"},"content":{"rendered":"<div id=\"sgb-css-id-1\">\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\">1. Java GUI\u306e\u57fa\u790e\uff1aSwing\u3068JavaFX\u306e\u9055\u3044\u3092\u5fb9\u5e95\u89e3\u8aac<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-1\">1.1 Swing\u306e\u7279\u5fb4\u3068\u4f7f\u7528\u4f8b<\/a>      <\/li>      <li>        <a href=\"#i-2\">1.2 JavaFX\u306e\u9b45\u529b\u3068\u6700\u65b0\u6a5f\u80fd<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-3\">1.3 \u521d\u5fc3\u8005\u306b\u304a\u52e7\u3081\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\uff1f<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-4\">2. \u624b\u9806\u3067\u5b66\u3076\uff01\u30b7\u30f3\u30d7\u30eb\u306aJava GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u308a\u65b9<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-5\">2.1 \u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/a>      <\/li>      <li>        <a href=\"#i-6\">2.2 \u57fa\u672c\u7684\u306a\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u4f5c\u6210<\/a>      <\/li>      <li>        <a href=\"#i-7\">2.3 \u30dc\u30bf\u30f3\u3084\u30c6\u30ad\u30b9\u30c8\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u8ffd\u52a0<\/a>      <\/li>      <li>        <a href=\"#i-8\">2.4 \u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\u306e\u5b9f\u88c5<\/a>      <\/li>      <li>        <a href=\"#i-9\">\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u6539\u5584\u70b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-10\">\u8ffd\u52a0\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-11\">3. Java GUI\u8a2d\u8a08\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b95\u9078<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-12\">3.1 \u30ec\u30a4\u30a2\u30a6\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306e\u52b9\u679c\u7684\u306a\u4f7f\u7528\u6cd5<\/a>      <\/li>      <li>        <a href=\"#i-13\">3.2 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u73fe\u65b9\u6cd5<\/a>      <\/li>      <li>        <a href=\"#i-14\">3.3 \u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u308bUI\u306e\u30b3\u30c4<\/a>      <\/li>      <li>        <a href=\"#i-15\">3.4 \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-16\">3.5 \u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3078\u306e\u914d\u616e<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-17\">4. \u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u5bfe\u5fdc\uff1aJava GUI\u30a2\u30d7\u30ea\u306e\u4e92\u63db\u6027\u3092\u78ba\u4fdd<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-18\">4.1 Windows\u3001Mac\u3001Linux\u3067\u52d5\u4f5c\u3059\u308bGUI\u306e\u4f5c\u308a\u65b9<\/a>      <\/li>      <li>        <a href=\"#i-19\">4.2 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u56fa\u6709\u306e\u6a5f\u80fd\u306e\u6271\u3044\u65b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-20\">4.3 \u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u30c6\u30b9\u30c8\u306e\u91cd\u8981\u6027\u3068\u65b9\u6cd5<\/a>      <\/li>    <\/ul>  <\/li>  <li>    <a href=\"#i-21\">5. 2024\u5e74\u6ce8\u76ee\u306eJava GUI\u30c8\u30ec\u30f3\u30c9\u3068\u30c4\u30fc\u30eb<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-22\">5.1 \u6700\u65b0\u306eGUI\u30c7\u30b6\u30a4\u30f3\u30c4\u30fc\u30eb\u7d39\u4ecb<\/a>      <\/li>      <li>        <a href=\"#i-23\">5.2 AI\u3092\u6d3b\u7528\u3057\u305fGUI\u958b\u767a\u306e\u53ef\u80fd\u6027<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-24\">5.3 \u30e2\u30d0\u30a4\u30eb\u3068\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u306e\u878d\u5408\uff1aJava GUI\u306e\u672a\u6765<\/a>      <\/li>    <\/ul>  <\/li>  <li class=\"last\">    <a href=\"#i-25\">6. Java GUI\u958b\u767a\u8005\u306e\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u6226\u7565<\/a>    <ul class=\"menu_level_1\">      <li class=\"first\">        <a href=\"#i-26\">6.1 \u6c42\u3081\u3089\u308c\u308b\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u3068\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9<\/a>      <\/li>      <li>        <a href=\"#i-27\">6.2 \u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u306e\u4f5c\u308a\u65b9\u3068\u898b\u305b\u65b9<\/a>      <\/li>      <li class=\"last\">        <a href=\"#i-28\">6.3 Java GUI\u5c02\u9580\u5bb6\u3068\u3057\u3066\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9<\/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\">1. Java GUI\u306e\u57fa\u790e\uff1aSwing\u3068JavaFX\u306e\u9055\u3044\u3092\u5fb9\u5e95\u89e3\u8aac<\/h2>\n<\/div>\n\n<div id=\"sgb-css-id-2\">\n<p class=\"wp-block-paragraph\">Java\u8a00\u8a9e\u3092\u4f7f\u3063\u3066\u30b0\u30e9\u30d5\u30a3\u30ab\u30eb\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\uff08GUI\uff09\u3092\u4f5c\u6210\u3059\u308b\u969b\u3001\u958b\u767a\u8005\u306f\u4e3b\u306b2\u3064\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u304b\u3089\u9078\u629e\u3059\u308b\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002Swing\u3068JavaFX\u3067\u3059\u3002\u3053\u308c\u3089\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\u3001\u76f4\u611f\u7684\u3067\u4f7f\u3044\u3084\u3059\u3044\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u3001\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u5bfe\u5fdc\u306e\u5b9f\u73fe\u3001\u305d\u3057\u3066\u30d3\u30b8\u30e5\u30a2\u30eb\u306a\u8981\u7d20\u306b\u3088\u308b\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-3\">\n<p class=\"wp-block-paragraph\">\u672c\u7ae0\u3067\u306f\u3001Swing\u3068JavaFX\u306e\u7279\u5fb4\u3001\u9577\u6240\u3001\u77ed\u6240\u3092\u5fb9\u5e95\u7684\u306b\u6bd4\u8f03\u3057\u3001\u521d\u5fc3\u8005\u306e\u65b9\u3005\u306b\u3069\u3061\u3089\u3092\u9078\u3076\u3079\u304d\u304b\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-4\">\n<h3 class=\"wp-block-heading\" id=\"i-1\">1.1 Swing\u306e\u7279\u5fb4\u3068\u4f7f\u7528\u4f8b<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-5\">\n<p class=\"wp-block-paragraph\">Swing\u306f1998\u5e74\u306bJDK 1.2\u3067\u5c0e\u5165\u3055\u308c\u305f\u53e4\u5178\u7684\u306aGUI\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002\u305d\u306e\u4e3b\u306a\u7279\u5fb4\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Swing\u306e\u7279\u5fb4<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-6\">\n<li>\u8efd\u91cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-7\">\n<li>\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u72ec\u7acb\u306e\u30eb\u30c3\u30af\u30a2\u30f3\u30c9\u30d5\u30a3\u30fc\u30eb<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-8\">\n<li>\u8c4a\u5bcc\u306a\u7d44\u307f\u8fbc\u307f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/li>\n<\/div>\n\n\n<li>\u9ad8\u3044\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u6027<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-11\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:#009EF3;color:#FFF\" class=\"sgb-box-simple__title\">Swing\u306e\u9577\u6240\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:#009EF3;background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-9\">\n<li>\u5b89\u5b9a\u6027\u3068\u6210\u719f\u5ea6\u306e\u9ad8\u3055<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-10\">\n<li>\u8c4a\u5bcc\u306a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30b5\u30dd\u30fc\u30c8<\/li>\n<\/div>\n\n\n<li>\u30ec\u30ac\u30b7\u30fc\u30b7\u30b9\u30c6\u30e0\u3068\u306e\u4e92\u63db\u6027<\/li>\n<\/ol>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:#ffb36b;color:#FFF\" class=\"sgb-box-simple__title\">Swing\u306e\u77ed\u6240\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:#ffb36b;background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-12\">\n<li>\u30e2\u30c0\u30f3\u306aUI\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u88c5\u304c\u96e3\u3057\u3044<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-13\">\n<li>\u30de\u30eb\u30c1\u30b9\u30ec\u30c3\u30c9\u5bfe\u5fdc\u306b\u6ce8\u610f\u304c\u5fc5\u8981<\/li>\n<\/div>\n\n\n<li>\u65b0\u6a5f\u80fd\u306e\u8ffd\u52a0\u304c\u5c11\u306a\u3044<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-14\">\n<p class=\"wp-block-paragraph\">Swing\u306f\u4e3b\u306b\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3001\u7ba1\u7406\u30c4\u30fc\u30eb\u3001\u958b\u767aIDE\u306a\u3069\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001Swing\u3092\u4f7f\u7528\u3057\u305f\u7c21\u5358\u306a\u30a6\u30a3\u30f3\u30c9\u30a6\u4f5c\u6210\u306e\u4f8b\u3067\u3059\u3002<\/p>\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=\"\">import javax.swing.*;\n\npublic class SimpleSwingApp {\n    public static void main(String[] args) {\n        SwingUtilities.invokeLater(() -&gt; {\n            JFrame frame = new JFrame(\"Simple Swing App\");\n            frame.setSize(300, 200);\n            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);\n\n            JLabel label = new JLabel(\"Hello, Swing!\");\n            frame.getContentPane().add(label);\n\n            frame.setVisible(true);\n        });\n    }\n}<\/pre>\n\n\n<div id=\"sgb-css-id-15\">\n<h3 class=\"wp-block-heading\" id=\"i-2\">1.2 JavaFX\u306e\u9b45\u529b\u3068\u6700\u65b0\u6a5f\u80fd<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-16\">\n<p class=\"wp-block-paragraph\">JavaFX\u306f2008\u5e74\u306b\u767b\u5834\u3057\u3001Java 8\u304b\u3089\u306f\u6a19\u6e96\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u3057\u3066\u7d44\u307f\u8fbc\u307e\u308c\u305f\u6b21\u4e16\u4ee3GUI\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002\u4e3b\u306a\u7279\u5fb4\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-20\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">JavaFX\u306e\u7279\u5fb4<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-17\">\n<li>\u30e2\u30c0\u30f3\u3067\u67d4\u8edf\u306aUI\u30c7\u30b6\u30a4\u30f3<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-18\">\n<li>CSS\u306b\u3088\u308b\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-19\">\n<li>FXML\u306b\u3088\u308bUI\u5b9a\u7fa9<\/li>\n<\/div>\n\n\n<li>\u8c4a\u5bcc\u306a\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30b9\u6a5f\u80fd\u30683D\u30b5\u30dd\u30fc\u30c8<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-24\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:#009EF3;color:#FFF\" class=\"sgb-box-simple__title\">JavaFX\u306e\u9577\u6240\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:#009EF3;background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-21\">\n<li>\u30ea\u30c3\u30c1\u306a\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u5b9f\u73fe<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-22\">\n<li>\u30e1\u30c7\u30a3\u30a2\u518d\u751f\u6a5f\u80fd\u306e\u5145\u5b9f<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-23\">\n<li>WebView\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308bWeb\u7d71\u5408<\/li>\n<\/div>\n\n\n<li>\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3084\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u5bb9\u6613\u306a\u5b9f\u88c5<\/li>\n<\/ol>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:#ffb36b;color:#FFF\" class=\"sgb-box-simple__title\">JavaFX\u306e\u77ed\u6240\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:#ffb36b;background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-25\">\n<li>\u5b66\u7fd2\u66f2\u7dda\u304c\u3084\u3084\u6025<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-26\">\n<li>Swing\u306b\u6bd4\u3079\u3066\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u5c0f\u3055\u3044<\/li>\n<\/div>\n\n\n<li>Java 11\u4ee5\u964d\u306f\u5225\u9014\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u3057\u3066\u306e\u5c0e\u5165\u304c\u5fc5\u8981<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-27\">\n<p class=\"wp-block-paragraph\">JavaFX\u306f\u4e3b\u306b\u30e2\u30c0\u30f3\u306a\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3001\u30c7\u30fc\u30bf\u53ef\u8996\u5316\u30c4\u30fc\u30eb\u3001\u30b2\u30fc\u30e0\u958b\u767a\u306a\u3069\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001JavaFX\u3092\u4f7f\u7528\u3057\u305f\u7c21\u5358\u306a\u30a6\u30a3\u30f3\u30c9\u30a6\u4f5c\u6210\u306e\u4f8b\u3067\u3059\u3002<\/p>\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=\"\">import javafx.application.Application;\nimport javafx.scene.Scene;\nimport javafx.scene.control.Label;\nimport javafx.scene.layout.StackPane;\nimport javafx.stage.Stage;\n\npublic class SimpleJavaFXApp extends Application {\n    @Override\n    public void start(Stage primaryStage) {\n        Label label = new Label(\"Hello, JavaFX!\");\n        StackPane root = new StackPane(label);\n        Scene scene = new Scene(root, 300, 200);\n\n        primaryStage.setTitle(\"Simple JavaFX App\");\n        primaryStage.setScene(scene);\n        primaryStage.show();\n    }\n\n    public static void main(String[] args) {\n        launch(args);\n    }\n}<\/pre>\n\n\n<div id=\"sgb-css-id-28\">\n<h3 class=\"wp-block-heading\" id=\"i-3\">1.3 \u521d\u5fc3\u8005\u306b\u304a\u52e7\u3081\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306f\uff1f<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-29\">\n<p class=\"wp-block-paragraph\">\u521d\u5fc3\u8005\u306e\u65b9\u3005\u306b\u3068\u3063\u3066\u3001Swing\u3068JavaFX\u306e\u3069\u3061\u3089\u3092\u9078\u3076\u3079\u304d\u304b\u60a9\u307e\u3057\u3044\u554f\u984c\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u4ee5\u4e0b\u306b\u3001\u305d\u308c\u305e\u308c\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u9078\u629e\u3059\u308b\u7406\u7531\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-32\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Swing\u3092\u9078\u3076\u7406\u7531<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-30\">\n<li>\u8c4a\u5bcc\u306a\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\u304c\u5229\u7528\u53ef\u80fd<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-31\">\n<li>\u30b7\u30f3\u30d7\u30eb\u306a\u69cb\u9020\u3067\u7406\u89e3\u3057\u3084\u3059\u3044<\/li>\n<\/div>\n\n\n<li>\u591a\u304f\u306e\u4f01\u696d\u3067\u4f9d\u7136\u3068\u3057\u3066\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-35\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">JavaFX\u3092\u9078\u3076\u7406\u7531<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-33\">\n<li>\u6700\u65b0\u306eUI\u30c8\u30ec\u30f3\u30c9\u306b\u5bfe\u5fdc<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-34\">\n<li>\u5c06\u6765\u6027\u304c\u9ad8\u3044<\/li>\n<\/div>\n\n\n<li>\u30ea\u30c3\u30c1\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306b\u9069\u3057\u3066\u3044\u308b<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-36\">\n<p class=\"wp-block-paragraph\">\u7d50\u8ad6\u3068\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8981\u4ef6\u3084\u500b\u4eba\u306e\u8208\u5473\u306b\u5fdc\u3058\u3066\u9078\u629e\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u77ed\u671f\u7684\u306b\u306fSwing\u306e\u65b9\u304c\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\u304c\u8c4a\u5bcc\u3067\u53d6\u308a\u7d44\u307f\u3084\u3059\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u9577\u671f\u7684\u306b\u306fJavaFX\u306e\u65b9\u304c\u5c06\u6765\u6027\u304c\u9ad8\u3044\u3068\u8a00\u3048\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-37\">\n<p class=\"wp-block-paragraph\">\u3069\u3061\u3089\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u9078\u629e\u3057\u3066\u3082\u3001\u4ee5\u4e0b\u306e\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\u304c\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-40\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Swing\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-38\">\n<li>Oracle\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\uff1a Java Tutorials \u2013 Creating a GUI With Swing<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-39\">\n<li>\u66f8\u7c4d\uff1a \u2018Core Java Volume II\u2014Advanced Features\u2019 by Cay S. Horstmann<\/li>\n<\/div>\n\n\n<li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30fc\u30b9\uff1a Udemy \u2018Java Swing (GUI) Programming: From Beginner to Expert\u2019<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-43\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">JavaFX\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-41\">\n<li>OpenJFX\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-42\">\n<li>\u66f8\u7c4d\uff1a \u2018Pro JavaFX 9: A Definitive Guide to Building Desktop, Mobile, and Embedded Java Clients\u2019 by Johan Vos<\/li>\n<\/div>\n\n\n<li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30fc\u30b9\uff1a Pluralsight \u2018JavaFX Fundamentals\u2019<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-44\">\n<p class=\"wp-block-paragraph\">Swing\u3068JavaFX\u306e\u9055\u3044\u3092\u7406\u89e3\u3057\u3001\u9069\u5207\u306a\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u9078\u629e\u3059\u308b\u3053\u3068\u3067\u3001Java GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u958b\u767a\u306e\u4e16\u754c\u3078\u306e\u7b2c\u4e00\u6b69\u3092\u8e0f\u307f\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u7ae0\u3067\u306f\u3001\u5b9f\u969b\u306b\u30b7\u30f3\u30d7\u30eb\u306aJava GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u624b\u9806\u3092\u5b66\u3093\u3067\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-45\">\n<h2 class=\"wp-block-heading\" id=\"i-4\">2. \u624b\u9806\u3067\u5b66\u3076\uff01\u30b7\u30f3\u30d7\u30eb\u306aJava GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u308a\u65b9<\/h2>\n<\/div>\n\n<div id=\"sgb-css-id-46\">\n<p class=\"wp-block-paragraph\">\u672c\u7ae0\u3067\u306f\u3001JavaFX\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30f3\u30d7\u30eb\u306a\u8a08\u7b97\u6a5f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u624b\u9806\u3092\u5b66\u3073\u307e\u3059\u3002\u3053\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u901a\u3058\u3066\u3001\u57fa\u672c\u7684\u306aGUI\u8981\u7d20\u306e\u4f7f\u7528\u65b9\u6cd5\u3068\u3001\u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\u306e\u5b9f\u88c5\u65b9\u6cd5\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-47\">\n<h3 class=\"wp-block-heading\" id=\"i-5\">2.1 \u958b\u767a\u74b0\u5883\u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-48\">\n<p class=\"wp-block-paragraph\">\u307e\u305a\u3001\u958b\u767a\u74b0\u5883\u3092\u6574\u3048\u307e\u3057\u3087\u3046\u3002\u4ee5\u4e0b\u306e\u30c4\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30c4\u30fc\u30eb\u4e00\u89a7<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-49\">\n<li>JDK 11\u4ee5\u964d\uff08OpenJDK\u3092\u63a8\u5968\uff09<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-50\">\n<li>IDE\uff08IntelliJ IDEA, Eclipse, NetBeans\u306a\u3069\uff09<\/li>\n<\/div>\n\n\n<li>JavaFX\u30e9\u30a4\u30d6\u30e9\u30ea\uff08OpenJFX\uff09<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-51\">\n<p class=\"wp-block-paragraph\">\u6b21\u306b\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3092\u4ee5\u4e0b\u306e\u9806\u306b\u884c\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u624b\u9806<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-52\">\n<li>JDK\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3001JAVA_HOME\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-53\">\n<li>\u9078\u629e\u3057\u305fIDE\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/li>\n<\/div>\n\n\n<li>JavaFX\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002(\u203b)<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-54\">\n<p class=\"wp-block-paragraph\"> \u203b \u4e0a\u8a18\u306e\u300c3.JavaFX\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\u300d\u306e\u969b\u3001Maven\u306e\u4f7f\u7528\u306e\u5834\u5408\u306f\u3001pom.xml\u306b\u4ee5\u4e0b\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\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=\"\">&lt;dependency&gt;\n    &lt;groupId&gt;org.openjfx&lt;\/groupId&gt;\n    &lt;artifactId&gt;javafx-controls&lt;\/artifactId&gt;\n    &lt;version&gt;16&lt;\/version&gt;\n&lt;\/dependency&gt;<\/pre>\n\n\n<div id=\"sgb-css-id-55\">\n<h3 class=\"wp-block-heading\" id=\"i-6\">2.2 \u57fa\u672c\u7684\u306a\u30a6\u30a3\u30f3\u30c9\u30a6\u306e\u4f5c\u6210<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-56\">\n<p class=\"wp-block-paragraph\">JavaFX\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u69cb\u9020\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\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=\"\">import javafx.application.Application;\nimport javafx.scene.Scene;\nimport javafx.scene.layout.GridPane;\nimport javafx.stage.Stage;\n\npublic class SimpleCalculator extends Application {\n    @Override\n    public void start(Stage primaryStage) {\n        GridPane root = new GridPane();\n        Scene scene = new Scene(root, 300, 250);\n    \n        primaryStage.setTitle(\"Simple Calculator\");\n        primaryStage.setScene(scene);\n        primary\n        \n        primaryStage.setTitle(\"Simple Calculator\");\n        primaryStage.setScene(scene);\n        primaryStage.show();\n    }\n\n    Copypublic static void main(String[] args) {\n        launch(args);\n    }\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u57fa\u672c\u69cb\u9020\u3067\u306f\u3001<code>GridPane<\/code>\u3092\u30eb\u30fc\u30c8\u30b3\u30f3\u30c6\u30ca\u3068\u3057\u3066\u4f7f\u7528\u3057\u3001300\u00d7250\u30d4\u30af\u30bb\u30eb\u306e\u30b7\u30fc\u30f3\u3092\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n<div id=\"sgb-css-id-57\">\n<h3 class=\"wp-block-heading\" id=\"i-7\">2.3 \u30dc\u30bf\u30f3\u3084\u30c6\u30ad\u30b9\u30c8\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u8ffd\u52a0<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-58\">\n<p class=\"wp-block-paragraph\">\u6b21\u306b\u3001\u8a08\u7b97\u6a5f\u306b\u5fc5\u8981\u306aUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\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=\"\">import javafx.scene.control.Button;\nimport javafx.scene.control.Label;\nimport javafx.scene.control.TextField;\n\npublic class SimpleCalculator extends Application {\n\n    private TextField num1Field, num2Field;\n    private Label resultLabel;\n    private Button addButton, subtractButton, multiplyButton, divideButton;\n\n    @Override\n    public void start(Stage primaryStage) {\n        GridPane root = new GridPane();\n        root.setHgap(10);\n        root.setVgap(10);\n        root.setPadding(new Insets(10));\n\n        num1Field = new TextField();\n        num2Field = new TextField();\n        resultLabel = new Label(\"Result: \");\n        addButton = new Button(\"+\");\n        subtractButton = new Button(\"-\");\n        multiplyButton = new Button(\"*\");\n        divideButton = new Button(\"\/\");\n\n        root.add(new Label(\"Number 1:\"), 0, 0);\n        root.add(num1Field, 1, 0);\n        root.add(new Label(\"Number 2:\"), 0, 1);\n        root.add(num2Field, 1, 1);\n        root.add(addButton, 0, 2);\n        root.add(subtractButton, 1, 2);\n        root.add(multiplyButton, 0, 3);\n        root.add(divideButton, 1, 3);\n        root.add(resultLabel, 0, 4, 2, 1);\n\n        \/\/ ... (\u4ee5\u524d\u306e\u30b3\u30fc\u30c9)\n    }\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u3053\u3067\u306f\u30012\u3064\u306e<code>TextField<\/code>\u30014\u3064\u306e<code>Button<\/code>\u3001\u305d\u3057\u3066\u7d50\u679c\u8868\u793a\u7528\u306e<code>Label<\/code>\u3092\u8ffd\u52a0\u3057\u3066\u3044\u307e\u3059\u3002<code>GridPane<\/code>\u306e<code>add<\/code>\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u5404\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u9069\u5207\u306a\u4f4d\u7f6e\u306b\u914d\u7f6e\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-8\">2.4 \u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\u306e\u5b9f\u88c5<\/h3>\n\n\n<div id=\"sgb-css-id-59\">\n<p class=\"wp-block-paragraph\">\u6700\u5f8c\u306b\u3001\u30dc\u30bf\u30f3\u30af\u30ea\u30c3\u30af\u6642\u306e\u52d5\u4f5c\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\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=\"\">private void setupEventHandlers() {\n    addButton.setOnAction(e -&gt; performCalculation((a, b) -&gt; a + b));\n    subtractButton.setOnAction(e -&gt; performCalculation((a, b) -&gt; a - b));\n    multiplyButton.setOnAction(e -&gt; performCalculation((a, b) -&gt; a * b));\n    divideButton.setOnAction(e -&gt; performCalculation((a, b) -&gt; a \/ b));\n}\n\nprivate void performCalculation(BinaryOperator operation) {\n    try {\n        double num1 = Double.parseDouble(num1Field.getText());\n        double num2 = Double.parseDouble(num2Field.getText());\n        double result = operation.apply(num1, num2);\n        resultLabel.setText(\"Result: \" + result);\n    } catch (NumberFormatException ex) {\n        resultLabel.setText(\"Invalid input\");\n    } catch (ArithmeticException ex) {\n        resultLabel.setText(\"Error: \" + ex.getMessage());\n    }\n}<\/pre>\n\n\n<div id=\"sgb-css-id-60\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u5b9f\u88c5\u3067\u306f\u3001\u5404\u30dc\u30bf\u30f3\u306b<code>setOnAction<\/code>\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30e9\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<code>performCalculation<\/code>\u30e1\u30bd\u30c3\u30c9\u306f\u3001\u30e9\u30e0\u30c0\u5f0f\u3092\u4f7f\u7528\u3057\u3066\u67d4\u8edf\u306b\u6f14\u7b97\u3092\u884c\u3044\u307e\u3059\u3002\u307e\u305f\u3001\u9069\u5207\u306a\u4f8b\u5916\u51e6\u7406\u3082\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-61\">\n<p class=\"wp-block-paragraph\">\u6700\u5f8c\u306b\u3001<code>start<\/code>\u30e1\u30bd\u30c3\u30c9\u5185\u3067<code>setupEventHandlers()<\/code>\u3092\u547c\u3073\u51fa\u3059\u3053\u3068\u3092\u5fd8\u308c\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\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=\"\">@Override\npublic void start(Stage primaryStage) {\n    \/\/ \u2026 (\u4ee5\u524d\u306e\u30b3\u30fc\u30c9)\n    setupEventHandlers();\n    \/\/ \u2026 (\u4ee5\u524d\u306e\u30b3\u30fc\u30c9)\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u308c\u3067\u3001\u30b7\u30f3\u30d7\u30eb\u306a\u8a08\u7b97\u6a5f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5b8c\u6210\u3067\u3059\uff01<\/p>\n\n\n<div id=\"sgb-css-id-62\">\n<h3 class=\"wp-block-heading\" id=\"i-9\">\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u6539\u5584\u70b9<\/h3>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u6539\u5584\u70b9<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-63\">\n<li>MVC\u30d1\u30bf\u30fc\u30f3\u306e\u9069\u7528\uff1a\u30e2\u30c7\u30eb\uff08\u8a08\u7b97\u30ed\u30b8\u30c3\u30af\uff09\u3001\u30d3\u30e5\u30fc\uff08UI\uff09\u3001\u30b3\u30f3\u30c8\u30ed\u30fc\u30e9\uff08\u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\uff09\u3092\u5206\u96e2\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-64\">\n<li>\u5165\u529b\u5024\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff1a\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u306e\u30c1\u30a7\u30c3\u30af\u3092\u3088\u308a\u53b3\u5bc6\u306b\u884c\u3046\u3053\u3068\u3067\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5805\u7262\u6027\u304c\u5897\u3057\u307e\u3059\u3002<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-65\">\n<li>\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\u306e\u8ffd\u52a0\uff1aCSS\u3092\u4f7f\u7528\u3057\u3066UI\u3092\u3088\u308a\u9b45\u529b\u7684\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/div>\n\n\n<li>\u30ad\u30fc\u30dc\u30fc\u30c9\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u306e\u5b9f\u88c5\uff1a\u30ad\u30fc\u30dc\u30fc\u30c9\u64cd\u4f5c\u306b\u3082\u5bfe\u5fdc\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-66\">\n<h3 class=\"wp-block-heading\" id=\"i-10\">\u8ffd\u52a0\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-69\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-67\">\n<li>JavaFX\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\uff1ahttps:\/\/openjfx.io\/javadoc\/16\/<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-68\">\n<li>Udemy\u8b1b\u5ea7\u300cJavaFX 11 Masterclass: Build Desktop Applications in Java\u300d<\/li>\n<\/div>\n\n\n<li>\u66f8\u7c4d\u300cPro JavaFX 9\u300dby Johan Vos<\/li>\n<\/ol>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-70\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u8a08\u7b97\u6a5f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u57fa\u306b\u3001\u3055\u3089\u306b\u6a5f\u80fd\u3092\u8ffd\u52a0\u3057\u305f\u308a\u3001UI\u3092\u6539\u5584\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u3067\u3001Java GUI\u958b\u767a\u306e\u30b9\u30ad\u30eb\u3092\u78e8\u3044\u3066\u3044\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6b21\u306e\u30b9\u30c6\u30c3\u30d7\u3068\u3057\u3066\u3001\u79d1\u5b66\u8a08\u7b97\u6a5f\u80fd\u306e\u8ffd\u52a0\u3084\u3001\u30b0\u30e9\u30d5\u63cf\u753b\u6a5f\u80fd\u306e\u5b9f\u88c5\u306b\u30c1\u30e3\u30ec\u30f3\u30b8\u3057\u3066\u307f\u308b\u306e\u3082\u826f\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-71\">\n<h2 class=\"wp-block-heading\" id=\"i-11\">3. Java GUI\u8a2d\u8a08\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b95\u9078<\/h2>\n<\/div>\n\n<div id=\"sgb-css-id-72\">\n<p class=\"wp-block-paragraph\">Java GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3059\u308b\u969b\u3001\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u52b9\u7387\u7684\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u8a2d\u8a08\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u672c\u7ae0\u3067\u306f\u3001JavaFX\u3092\u4e2d\u5fc3\u306b\u3001GUI\u8a2d\u8a08\u306b\u304a\u3051\u308b\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u30925\u3064\u7d39\u4ecb\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u539f\u5247\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u4f7f\u3044\u3084\u3059\u304f\u3001\u4fdd\u5b88\u6027\u306e\u9ad8\u3044\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-73\">\n<h3 class=\"wp-block-heading\" id=\"i-12\">3.1 \u30ec\u30a4\u30a2\u30a6\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306e\u52b9\u679c\u7684\u306a\u4f7f\u7528\u6cd5<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-74\">\n<p class=\"wp-block-paragraph\">\u30ec\u30a4\u30a2\u30a6\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306f\u3001GUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u914d\u7f6e\u3068\u5927\u304d\u3055\u3092\u7ba1\u7406\u3059\u308b\u91cd\u8981\u306a\u8981\u7d20\u3067\u3059\u3002JavaFX\u306b\u306f\u8907\u6570\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u304c\u3042\u308a\u3001\u305d\u308c\u305e\u308c\u7279\u5fb4\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-79\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u4e3b\u8981\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-75\">\n<li>GridPane\uff1a \u30b0\u30ea\u30c3\u30c9\u30d9\u30fc\u30b9\u306e\u30ec\u30a4\u30a2\u30a6\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-76\">\n<li>BorderPane\uff1a \u9818\u57df\u30d9\u30fc\u30b9\u306e\u30ec\u30a4\u30a2\u30a6\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-77\">\n<li>HBox\/VBox\uff1a \u6c34\u5e73\/\u5782\u76f4\u65b9\u5411\u306e\u914d\u7f6e<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-78\">\n<li>StackPane\uff1a \u91cd\u306d\u5408\u308f\u305b\u30ec\u30a4\u30a2\u30a6\u30c8<\/li>\n<\/div>\n\n\n<li>FlowPane\uff1a \u30d5\u30ed\u30fc\u30ec\u30a4\u30a2\u30a6\u30c8<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u52b9\u679c\u7684\u306a\u4f7f\u7528\u6cd5<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-80\">\n<li>\u9069\u5207\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306e\u9078\u629e\uff1aUI\u306e\u69cb\u9020\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u9078\u3073\u307e\u3059\u3002<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-81\">\n<li>\u30cd\u30b9\u30c8\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u6d3b\u7528\uff1a\u8907\u96d1\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u306f\u3001\u8907\u6570\u306e\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n<\/div>\n\n\n<li>\u7a7a\u767d\u3084\u30d1\u30c7\u30a3\u30f3\u30b0\u306e\u9069\u5207\u306a\u8a2d\u5b9a\uff1a\u8996\u899a\u7684\u306a\u30d0\u30e9\u30f3\u30b9\u3092\u6574\u3048\u307e\u3059\u3002<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-82\">\n<p class=\"wp-block-paragraph\">\u8907\u5408\u7684\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u4f5c\u6210\u4f8b\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\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=\"\">BorderPane mainLayout = new BorderPane();\nVBox leftMenu = new VBox(10); \/\/ 10px\u306e\u9593\u9694\nGridPane centerContent = new GridPane();\n\nmainLayout.setLeft(leftMenu);\nmainLayout.setCenter(centerContent);\n\n\/\/ \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u8ffd\u52a0\nleftMenu.getChildren().addAll(new Button(\"Menu 1\"), new Button(\"Menu 2\"));\ncenterContent.add(new Label(\"Welcome\"), 0, 0);\ncenterContent.add(new TextField(), 1, 0);\n\n\/\/ \u30d1\u30c7\u30a3\u30f3\u30b0\u306e\u8a2d\u5b9a\nmainLayout.setPadding(new Insets(10));\nleftMenu.setPadding(new Insets(5));<\/pre>\n\n\n<div id=\"sgb-css-id-83\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b3\u30fc\u30c9\u4f8b\u3067\u306f\u3001<code>BorderPane<\/code>\u3092\u4f7f\u7528\u3057\u3066\u30e1\u30a4\u30f3\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f5c\u6210\u3057\u3001\u5de6\u5074\u306b<code>VBox<\/code>\u3067\u30e1\u30cb\u30e5\u30fc\u3092\u3001\u4e2d\u592e\u306b<code>GridPane<\/code>\u3067\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u914d\u7f6e\u3057\u3066\u3044\u307e\u3059\u3002\u9069\u5207\u306a\u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u8996\u899a\u7684\u306b\u6574\u3063\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-84\">\n<h3 class=\"wp-block-heading\" id=\"i-13\">3.2 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u73fe\u65b9\u6cd5<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-85\">\n<p class=\"wp-block-paragraph\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u7570\u306a\u308b\u753b\u9762\u30b5\u30a4\u30ba\u3084\u30c7\u30d0\u30a4\u30b9\u306b\u9069\u5fdc\u3059\u308bUI\u8a2d\u8a08\u624b\u6cd5\u3067\u3059\u3002JavaFX\u3067\u306f\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-86\">\n<li>\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u4f7f\u7528\u3057\u305f\u52d5\u7684\u30b5\u30a4\u30ba\u8abf\u6574<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-87\">\n<li>\u30d1\u30fc\u30bb\u30f3\u30c6\u30fc\u30b8\u30d9\u30fc\u30b9\u306e\u30ec\u30a4\u30a2\u30a6\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-88\">\n<li>\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u6d3b\u7528<\/li>\n<\/div>\n\n\n<li>\u52d5\u7684\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u8868\u793a\/\u975e\u8868\u793a\u306e\u5207\u308a\u66ff\u3048<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-89\">\n<p class=\"wp-block-paragraph\">\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u3092\u4f7f\u7528\u3057\u305f\u52d5\u7684\u30b5\u30a4\u30ba\u8abf\u6574\u306e\u4f8b\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\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=\"\">Button responsiveButton = new Button(\"Resize me\");\nresponsiveButton.prefWidthProperty().bind(\n               scene.widthProperty().multiply(0.8));\nresponsiveButton.prefHeightProperty().bind(\n               scene.heightProperty().multiply(0.1));<\/pre>\n\n\n<div id=\"sgb-css-id-90\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u4f8b\u3067\u306f\u3001\u30dc\u30bf\u30f3\u306e\u30b5\u30a4\u30ba\u3092\u30b7\u30fc\u30f3\u306e\u5927\u304d\u3055\u306b\u9023\u52d5\u3055\u305b\u3066\u3044\u307e\u3059\u3002\u30b7\u30fc\u30f3\u306e\u30b5\u30a4\u30ba\u304c\u5909\u66f4\u3055\u308c\u308b\u3068\u3001\u30dc\u30bf\u30f3\u3082\u81ea\u52d5\u7684\u306b\u30ea\u30b5\u30a4\u30ba\u3055\u308c\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-91\">\n<h3 class=\"wp-block-heading\" id=\"i-14\">3.3 \u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u308bUI\u306e\u30b3\u30c4<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-92\">\n<p class=\"wp-block-paragraph\">\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u306e\u9ad8\u3044UI\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6e80\u8db3\u5ea6\u3092\u9ad8\u3081\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u52b9\u7387\u7684\u306a\u4f7f\u7528\u3092\u4fc3\u9032\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306e\u30b3\u30c4\u3092\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u308bUI\u306e\u30b3\u30c4<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-93\">\n<li>\u4e00\u8cab\u6027\u306e\u3042\u308b\u30c7\u30b6\u30a4\u30f3\u30d1\u30bf\u30fc\u30f3\u306e\u4f7f\u7528<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-94\">\n<li>\u9069\u5207\u306a\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u3068\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u306e\u9078\u629e<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-95\">\n<li>\u5206\u304b\u308a\u3084\u3059\u3044\u30e9\u30d9\u30ea\u30f3\u30b0\u3068\u30a2\u30a4\u30b3\u30f3\u306e\u4f7f\u7528<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-96\">\n<li>\u52b9\u679c\u7684\u306a\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3068\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306e\u63d0\u4f9b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-97\">\n<li>\u30ad\u30fc\u30dc\u30fc\u30c9\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u306e\u5b9f\u88c5<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-98\">\n<li>\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u306e\u6d3b\u7528<\/li>\n<\/div>\n\n\n<li>\u30e6\u30fc\u30b6\u30fc\u306e\u64cd\u4f5c\u30b9\u30c6\u30c3\u30d7\u6570\u306e\u6700\u5c0f\u5316<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-99\">\n<p class=\"wp-block-paragraph\">\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u3068\u30ad\u30fc\u30dc\u30fc\u30c9\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u3092\u5b9f\u88c5\u3057\u305f\u4f8b\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\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=\"\">Button saveButton = new Button(\"Save\");\nsaveButton.setTooltip(new Tooltip(\"Save the current document (Ctrl+S)\"));\nsaveButton.setOnAction(e -&gt; saveDocument());\n\nscene.addEventHandler(KeyEvent.KEY_PRESSED, event -&gt; {\n    if (event.isControlDown() &amp;&amp; event.getCode() == KeyCode.S) {\n        saveDocument();\n        event.consume();\n    }\n});<\/pre>\n\n\n<div id=\"sgb-css-id-100\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u4f8b\u3067\u306f\u3001\u4fdd\u5b58\u30dc\u30bf\u30f3\u306b\u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u3092\u8ffd\u52a0\u3057\u3001Ctrl+S\u30ad\u30fc\u30dc\u30fc\u30c9\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u3092\u5b9f\u88c5\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-101\">\n<h3 class=\"wp-block-heading\" id=\"i-15\">3.4 \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u30c6\u30af\u30cb\u30c3\u30af<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-102\">\n<p class=\"wp-block-paragraph\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u6700\u9069\u5316\u306f\u3001\u7279\u306b\u5927\u898f\u6a21\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u91cd\u8981\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6d3b\u7528\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\u306e\u30c6\u30af\u30cb\u30c3\u30af<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-103\">\n<li>\u9069\u5207\u306a\u30c7\u30fc\u30bf\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u306e\u4f7f\u7528<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-104\">\n<li>\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-105\">\n<li>\u80cc\u666f\u3067\u306e\u91cd\u3044\u51e6\u7406\u306e\u5b9f\u884c<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-106\">\n<li>\u30ea\u30bd\u30fc\u30b9\u306e\u9069\u5207\u306a\u89e3\u653e<\/li>\n<\/div>\n\n\n<li>\u753b\u50cf\u306e\u6700\u9069\u5316<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-107\">\n<p class=\"wp-block-paragraph\">\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u3067\u306e\u91cd\u3044\u51e6\u7406\u306e\u5b9f\u884c\u4f8b\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\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=\"\">Task&lt;List&lt;String&gt;&gt; task = new Task&lt;&gt;() {\n    @Override\n    protected List&lt;String&gt; call() throws Exception {\n        \/\/ \u6642\u9593\u306e\u304b\u304b\u308b\u51e6\u7406\n        return heavyComputation();\n    }\n};\n\ntask.setOnSucceeded(event -&gt; {\n    List&lt;String&gt; result = task.getValue();\n    \/\/ UI\u306e\u66f4\u65b0\n    updateUI(result);\n});\n\nnew Thread(task).start();<\/pre>\n\n\n<div id=\"sgb-css-id-108\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u4f8b\u3067\u306f\u3001<code>Task<\/code>\u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066\u91cd\u3044\u51e6\u7406\u3092\u80cc\u666f\u3067\u5b9f\u884c\u3057\u3001\u51e6\u7406\u304c\u5b8c\u4e86\u3057\u305f\u3089UI\u3092\u66f4\u65b0\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-109\">\n<h3 class=\"wp-block-heading\" id=\"i-16\">3.5 \u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3078\u306e\u914d\u616e<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-110\">\n<p class=\"wp-block-paragraph\">\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306b\u914d\u616e\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u591a\u304f\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u5feb\u9069\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002JavaFX\u3067\u306f\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306e\u914d\u616e\u30dd\u30a4\u30f3\u30c8<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-111\">\n<li>\u9069\u5207\u306a\u30d5\u30a9\u30fc\u30ab\u30b9\u7ba1\u7406<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-112\">\n<li>\u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u5bfe\u5fdc<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-113\">\n<li>\u30ad\u30fc\u30dc\u30fc\u30c9\u64cd\u4f5c\u306e\u30b5\u30dd\u30fc\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-114\">\n<li>\u9ad8\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u30e2\u30fc\u30c9\u306e\u63d0\u4f9b<\/li>\n<\/div>\n\n\n<li>\u30c6\u30ad\u30b9\u30c8\u306e\u30b5\u30a4\u30ba\u5909\u66f4\u30aa\u30d7\u30b7\u30e7\u30f3<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-115\">\n<p class=\"wp-block-paragraph\">\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u5c5e\u6027\u306e\u8a2d\u5b9a\u4f8b\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\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=\"\">Button submitButton = new Button(\"Submit\");\nsubmitButton.setAccessibleText(\"Submit form and send data\");\nsubmitButton.setAccessibleHelp(\"Clicking this button will validate and submit the form\");<\/pre>\n\n\n<div id=\"sgb-css-id-116\">\n<p class=\"wp-block-paragraph\">\u3053\u306e\u4f8b\u3067\u306f\u3001\u30dc\u30bf\u30f3\u306b\u30a2\u30af\u30bb\u30b7\u30d6\u30eb\u306a\u30c6\u30ad\u30b9\u30c8\u3068\u30d8\u30eb\u30d7\u60c5\u5831\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u30e6\u30fc\u30b6\u30fc\u306b\u8ffd\u52a0\u306e\u60c5\u5831\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-117\">\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0a\u306e5\u3064\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u9069\u5207\u306b\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u4f7f\u3044\u3084\u3059\u304f\u3001\u52b9\u7387\u7684\u3067\u3001\u5e45\u5e83\u3044\u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u5fdc\u3057\u305fJava GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u3001\u3053\u308c\u3089\u306e\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u6bb5\u968e\u7684\u306b\u5c0e\u5165\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u57fa\u306b\u7d99\u7d9a\u7684\u306b\u6539\u5584\u3057\u3066\u3044\u304f\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-118\">\n<h2 class=\"wp-block-heading\" id=\"i-17\">4. \u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u5bfe\u5fdc\uff1aJava GUI\u30a2\u30d7\u30ea\u306e\u4e92\u63db\u6027\u3092\u78ba\u4fdd<\/h2>\n<\/div>\n\n<div id=\"sgb-css-id-119\">\n<p class=\"wp-block-paragraph\">Java GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u5bfe\u5fdc\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u57fa\u76e4\u306e\u62e1\u5927\u3001\u958b\u767a\u30b3\u30b9\u30c8\u306e\u524a\u6e1b\u3001\u4fdd\u5b88\u6027\u306e\u5411\u4e0a\u3001\u305d\u3057\u3066\u30d3\u30b8\u30cd\u30b9\u6a5f\u4f1a\u306e\u62e1\u5927\u306b\u3064\u306a\u304c\u308b\u91cd\u8981\u306a\u8981\u7d20\u3067\u3059\u3002JavaFX\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u201dWrite Once, Run Anywhere (WORA)\u201d\u306e\u7406\u5ff5\u3092\u5b9f\u73fe\u3057\u3001Windows\u3001Mac\u3001Linux\u306a\u3069\u7570\u306a\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u4e00\u8cab\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-120\">\n<h3 class=\"wp-block-heading\" id=\"i-18\">4.1 Windows\u3001Mac\u3001Linux\u3067\u52d5\u4f5c\u3059\u308bGUI\u306e\u4f5c\u308a\u65b9<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-121\">\n<p class=\"wp-block-paragraph\">\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0GUI\u3092\u958b\u767a\u3059\u308b\u969b\u306f\u3001\u4ee5\u4e0b\u306e\u70b9\u306b\u6ce8\u610f\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n\n<ol class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-122\">\n<li><strong>\u5171\u901a\u30b3\u30fc\u30c9\u57fa\u76e4\u306e\u6d3b\u7528<\/strong><\/li>\n<\/div><\/ol>\n\n\n\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-123\">\n<li>JavaFX\u306e\u6a19\u6e96\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u975e\u4f9d\u5b58\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u7ba1\u7406\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-124\">\n<li>\u30ea\u30bd\u30fc\u30b9\u30d0\u30f3\u30c9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u591a\u8a00\u8a9e\u5bfe\u5fdc\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/li>\n<\/div><\/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=\"\">   ResourceBundle bundle = ResourceBundle.getBundle(\"messages\", Locale.getDefault());\n   Label welcomeLabel = new Label(bundle.getString(\"welcome.message\"));<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-125\">\n<li><strong>\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u9593\u5dee\u7570\u306e\u5438\u53ce<\/strong><\/li>\n<\/div><\/ol>\n\n\n\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-126\">\n<li>OS\u3092\u691c\u51fa\u3057\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u51e6\u7406\u3092\u5206\u5c90\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/div><\/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=\"\">   String os = System.getProperty(\"os.name\").toLowerCase();\n   if (os.contains(\"win\")) {\n       \/\/ Windows\u56fa\u6709\u306e\u51e6\u7406\n   } else if (os.contains(\"mac\")) {\n       \/\/ Mac\u56fa\u6709\u306e\u51e6\u7406\n   } else if (os.contains(\"nix\") || os.contains(\"nux\")) {\n       \/\/ Linux\u56fa\u6709\u306e\u51e6\u7406\n   }<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-127\">\n<li><strong>\u30ec\u30a4\u30a2\u30a6\u30c8\u8abf\u6574<\/strong><\/li>\n<\/div><\/ol>\n\n\n\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-128\">\n<li>\u76f8\u5bfe\u7684\u306a\u30b5\u30a4\u30ba\u6307\u5b9a\u3092\u4f7f\u7528\u3057\u3001\u52d5\u7684\u30ec\u30a4\u30a2\u30a6\u30c8\u8abf\u6574\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/li>\n<\/div><\/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=\"\">   Button button = new Button(\"Click me\");\n   button.prefWidthProperty().bind(scene.widthProperty().multiply(0.2));<\/pre>\n\n\n<div id=\"sgb-css-id-129\">\n<h3 class=\"wp-block-heading\" id=\"i-19\">4.2 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u56fa\u6709\u306e\u6a5f\u80fd\u306e\u6271\u3044\u65b9<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-130\">\n<p class=\"wp-block-paragraph\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u56fa\u6709\u306e\u6a5f\u80fd\u3092\u6271\u3046\u969b\u306f\u3001\u4ee5\u4e0b\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n\n\n<ol class=\"wp-block-list is-style-sango-list-simple\">\n<li><strong>\u6761\u4ef6\u5206\u5c90\u306b\u3088\u308b\u5b9f\u88c5<\/strong>\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-131\">\n<li>OS\u3092\u691c\u51fa\u3057\u3001\u9069\u5207\u306a\u51e6\u7406\u3092\u884c\u3044\u307e\u3059\u3002<\/li>\n<\/div><\/ul>\n<\/li>\n\n\n\n<li><strong>\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u56fa\u6709API\u306e\u5229\u7528<\/strong>\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-132\">\n<li>JNA (Java Native Access) \u3084JNI (Java Native Interface) \u3092\u4f7f\u7528\u3057\u3066\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/li>\n<\/div><\/ul>\n<\/li>\n\n\n\n<li><strong>\u62bd\u8c61\u5316\u30ec\u30a4\u30e4\u30fc\u306e\u4f5c\u6210<\/strong>\n<ul class=\"wp-block-list is-style-sango-list-simple\">\n<li>\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u3066\u6a5f\u80fd\u3092\u62bd\u8c61\u5316\u3057\u3001\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u30d1\u30bf\u30fc\u30f3\u3067\u5b9f\u88c5\u3092\u5207\u308a\u66ff\u3048\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/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 SystemTray {\n    void displayNotification(String title, String message);\n}\n\npublic class WindowsSystemTray implements SystemTray {\n    \/\/ Windows\u56fa\u6709\u306e\u5b9f\u88c5\n}\n\npublic class MacSystemTray implements SystemTray {\n    \/\/ Mac\u56fa\u6709\u306e\u5b9f\u88c5\n}\n\n\/\/ \u4f7f\u7528\u4f8b\nSystemTray tray = SystemTrayFactory.getSystemTray();\ntray.displayNotification(\"Hello\", \"This is a cross-platform notification\");<\/pre>\n\n\n<div id=\"sgb-css-id-133\">\n<h3 class=\"wp-block-heading\" id=\"i-20\">4.3 \u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u30c6\u30b9\u30c8\u306e\u91cd\u8981\u6027\u3068\u65b9\u6cd5<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-134\">\n<p class=\"wp-block-paragraph\">\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u30c6\u30b9\u30c8\u306f\u3001\u7570\u306a\u308bOS\u3067\u306e\u4e00\u8cab\u3057\u305f\u52d5\u4f5c\u3092\u78ba\u4fdd\u3057\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u56fa\u6709\u306e\u30d0\u30b0\u3092\u65e9\u671f\u306b\u767a\u898b\u3059\u308b\u305f\u3081\u306b\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-135\">\n<p class=\"wp-block-paragraph\">1.<strong>\u4eee\u60f3\u74b0\u5883\u3092\u4f7f\u7528\u3057\u305f\u30c6\u30b9\u30c8<\/strong><\/p>\n<\/div>\n\n<div id=\"sgb-css-id-137\">\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-136\">\n<li>VirtualBox\u3084VMware\u306a\u3069\u3092\u4f7f\u7528\u3057\u3066\u3001\u8907\u6570\u306eOS\u74b0\u5883\u3092\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002<\/li>\n<\/div><\/ul>\n<\/div>\n\n<div id=\"sgb-css-id-138\">\n<p class=\"wp-block-paragraph\">2.<strong>\u81ea\u52d5\u5316\u30c6\u30b9\u30c8\u306e\u6d3b\u7528<\/strong><\/p>\n<\/div>\n\n<div id=\"sgb-css-id-140\">\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-139\">\n<li>TestFX\u306a\u3069\u306eJavaFX\u5c02\u7528\u30c6\u30b9\u30c8\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u7528\u3057\u3066\u3001UI\u30c6\u30b9\u30c8\u3092\u81ea\u52d5\u5316\u3057\u307e\u3059\u3002<\/li>\n<\/div><\/ul>\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=\"\">   @Test\n   public void testButtonClick() {\n       clickOn(\"#myButton\");\n       verifyThat(\"#resultLabel\", hasText(\"Button clicked!\"));\n   }<\/pre>\n\n\n<div id=\"sgb-css-id-141\">\n<p class=\"wp-block-paragraph\">3.<strong>CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306e\u69cb\u7bc9<\/strong><\/p>\n<\/div>\n\n<div id=\"sgb-css-id-143\">\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-142\">\n<li>Jenkins\u3001GitLab CI\u3001GitHub Actions\u306a\u3069\u3092\u4f7f\u7528\u3057\u3066\u3001\u8907\u6570\u306eOS\u3067\u81ea\u52d5\u30c6\u30b9\u30c8\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/li>\n<\/div><\/ul>\n<\/div>\n\n<div id=\"sgb-css-id-144\">\n<p class=\"wp-block-paragraph\">4.<strong>\u30e6\u30fc\u30b6\u30fc\u30c6\u30b9\u30c8\u306e\u5b9f\u65bd<\/strong><\/p>\n<\/div>\n\n<div id=\"sgb-css-id-145\">\n<ul class=\"wp-block-list is-style-sango-list-simple\">\n<li>\u7570\u306a\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u30e6\u30fc\u30b6\u30fc\u30b0\u30eb\u30fc\u30d7\u3092\u7d44\u7e54\u3057\u3001\u5b9a\u671f\u7684\u306b\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n<\/div>\n\n<div id=\"sgb-css-id-146\">\n<p class=\"wp-block-paragraph\">\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u958b\u767a\u3067\u306f\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u56fa\u6709\u306e\u6a5f\u80fd\u306b\u904e\u5ea6\u306b\u4f9d\u5b58\u305b\u305a\u3001UI\u8a2d\u8a08\u6642\u304b\u3089\u4e92\u63db\u6027\u3092\u8003\u616e\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u307e\u305f\u3001\u5b9a\u671f\u7684\u306a\u30c6\u30b9\u30c8\u3068\u30e6\u30fc\u30b6\u30fc\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306e\u53ce\u96c6\u3092\u901a\u3058\u3066\u3001\u7d99\u7d9a\u7684\u306b\u54c1\u8cea\u3092\u5411\u4e0a\u3055\u305b\u3066\u3044\u304f\u3053\u3068\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-147\">\n<p class=\"wp-block-paragraph\">\u5c06\u6765\u7684\u306b\u306f\u3001Web\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3068\u306e\u878d\u5408\u3084\u30e2\u30d0\u30a4\u30eb\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u306e\u5bfe\u5fdc\u62e1\u5927\u306a\u3069\u3001\u65b0\u305f\u306a\u8ab2\u984c\u306b\u76f4\u9762\u3059\u308b\u3053\u3068\u3082\u4e88\u60f3\u3055\u308c\u307e\u3059\u3002\u5e38\u306b\u6700\u65b0\u306e\u6280\u8853\u52d5\u5411\u3092\u30ad\u30e3\u30c3\u30c1\u30a2\u30c3\u30d7\u3057\u3001\u67d4\u8edf\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u304f\u3053\u3068\u304c\u3001\u6210\u529f\u3059\u308b\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0Java GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u9375\u3068\u306a\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-148\">\n<h2 class=\"wp-block-heading\" id=\"i-21\">5. 2024\u5e74\u6ce8\u76ee\u306eJava GUI\u30c8\u30ec\u30f3\u30c9\u3068\u30c4\u30fc\u30eb<\/h2>\n<\/div>\n\n<div id=\"sgb-css-id-149\">\n<p class=\"wp-block-paragraph\">Java GUI\u958b\u767a\u306e\u4e16\u754c\u306f\u5e38\u306b\u9032\u5316\u3057\u7d9a\u3051\u3066\u304a\u308a\u30012024\u5e74\u3082\u65b0\u3057\u3044\u30c8\u30ec\u30f3\u30c9\u3084\u30c4\u30fc\u30eb\u304c\u6ce8\u76ee\u3092\u96c6\u3081\u3066\u3044\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001\u6700\u65b0\u306eGUI\u30c7\u30b6\u30a4\u30f3\u30c4\u30fc\u30eb\u3001AI\u3092\u6d3b\u7528\u3057\u305fGUI\u958b\u767a\u306e\u53ef\u80fd\u6027\u3001\u305d\u3057\u3066\u30e2\u30d0\u30a4\u30eb\u3068\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u306e\u878d\u5408\u304cJava GUI\u306b\u4e0e\u3048\u308b\u5f71\u97ff\u306b\u3064\u3044\u3066\u63a2\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-150\">\n<h3 class=\"wp-block-heading\" id=\"i-22\">5.1 \u6700\u65b0\u306eGUI\u30c7\u30b6\u30a4\u30f3\u30c4\u30fc\u30eb\u7d39\u4ecb<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-151\">\n<p class=\"wp-block-paragraph\">2024\u5e74\u3001Java GUI\u958b\u767a\u8005\u306b\u3068\u3063\u3066\u6b20\u304b\u305b\u306a\u3044\u6700\u65b0\u306e\u30c7\u30b6\u30a4\u30f3\u30c4\u30fc\u30eb\u3092\u3044\u304f\u3064\u304b\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-155\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">1.Scene Builder<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-152\">\n<li>JavaFX\u7528\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u30ec\u30a4\u30a2\u30a6\u30c8\u30c4\u30fc\u30eb<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-153\">\n<li>\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3067UI\u8a2d\u8a08\u304c\u53ef\u80fd<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-154\">\n<li>FXML\u30d5\u30a1\u30a4\u30eb\u306e\u81ea\u52d5\u751f\u6210\u6a5f\u80fd<\/li>\n<\/div>\n\n\n<li>\u30ab\u30b9\u30bf\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30b5\u30dd\u30fc\u30c8<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-159\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">2.JFormDesigner<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-156\">\n<li>Swing\u3068JavaFX\u4e21\u65b9\u3092\u30b5\u30dd\u30fc\u30c8<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-157\">\n<li>\u30b0\u30ea\u30c3\u30c9\u30d9\u30fc\u30b9\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u8a08\u3067\u7cbe\u5bc6\u306aUI\u69cb\u7bc9\u304c\u53ef\u80fd<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-158\">\n<li>\u8c4a\u5bcc\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u63d0\u4f9b<\/li>\n<\/div>\n\n\n<li>\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u3088\u308b\u62e1\u5f35\u6027\u304c\u9ad8\u3044<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">3.Gluon Scene Builder<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list is-style-sango-list-simple\"><div id=\"sgb-css-id-160\">\n<li>JavaFX\u3068Gluon Mobile\u306e\u30b5\u30dd\u30fc\u30c8\u3067\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u958b\u767a\u306b\u6700\u9069<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-161\">\n<li>\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u5411\u3051\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u6a5f\u80fd\u3092\u642d\u8f09<\/li>\n<\/div>\n\n\n<li>\u30c6\u30fc\u30de\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u6a5f\u80fd\u3067\u67d4\u8edf\u306a\u30c7\u30b6\u30a4\u30f3\u304c\u53ef\u80fd<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u308c\u3089\u306e\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u52b9\u7387\u306e\u5411\u4e0a\u3068\u9ad8\u54c1\u8cea\u306aUI\u306e\u4f5c\u6210\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n<div id=\"sgb-css-id-162\">\n<h3 class=\"wp-block-heading\" id=\"i-23\">5.2 AI\u3092\u6d3b\u7528\u3057\u305fGUI\u958b\u767a\u306e\u53ef\u80fd\u6027<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-163\">\n<p class=\"wp-block-paragraph\">AI\u6280\u8853\u306e\u9032\u6b69\u306b\u3088\u308a\u3001GUI\u958b\u767a\u306b\u3082\u9769\u65b0\u7684\u306a\u5909\u5316\u304c\u8d77\u304d\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-167\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u73fe\u72b6\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-164\">\n<li>AI\u306b\u3088\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u6700\u9069\u5316<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-165\">\n<li>\u30e6\u30fc\u30b6\u30fc\u884c\u52d5\u4e88\u6e2c\u306b\u57fa\u3065\u304fUI\u8abf\u6574<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-166\">\n<li>\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u3092\u7528\u3044\u305fUI\u30c6\u30ad\u30b9\u30c8\u751f\u6210<\/li>\n<\/div>\n\n\n<li>\u753b\u50cf\u8a8d\u8b58\u306b\u3088\u308bUI\u8981\u7d20\u306e\u81ea\u52d5\u5206\u985e<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u5c06\u6765\u306e\u53ef\u80fd\u6027\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-168\">\n<li>\u5b8c\u5168\u81ea\u52d5\u5316\u3055\u308c\u305fUI\u751f\u6210<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-169\">\n<li>\u30e6\u30fc\u30b6\u30fc\u306e\u611f\u60c5\u3092\u8003\u616e\u3057\u305f\u30c0\u30a4\u30ca\u30df\u30c3\u30afUI<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-170\">\n<li>AI\u306b\u3088\u308b\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306e\u81ea\u52d5\u6700\u9069\u5316<\/li>\n<\/div>\n\n\n<li>\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u5fdc\u3058\u305f\u9069\u5fdc\u578b\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-171\">\n<p class=\"wp-block-paragraph\">\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u3067AI\u306b\u3088\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u6700\u9069\u5316\u3092\u5b9f\u88c5\u3067\u304d\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\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=\"\">import ai.layout.Optimizer;\n\npublic class AIEnhancedLayout extends GridPane {\n    public AIEnhancedLayout() {\n        Optimizer aiOptimizer = new Optimizer();\n        aiOptimizer.analyzeUserBehavior(getUserData());\n        aiOptimizer.optimizeLayout(this);\n    }\n}<\/pre>\n\n\n<div id=\"sgb-css-id-172\">\n<p class=\"wp-block-paragraph\">\u305f\u3060\u3057\u3001AI\u6d3b\u7528\u306b\u306f\u8ab2\u984c\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-176\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:#ffb36b;color:#FFF\" class=\"sgb-box-simple__title\">AI\u6d3b\u7528\u306e\u8ab2\u984c<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:#ffb36b;background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-173\">\n<li>AI\u30e2\u30c7\u30eb\u306e\u5b66\u7fd2\u30c7\u30fc\u30bf\u306e\u54c1\u8cea\u3068\u591a\u69d8\u6027\u306e\u78ba\u4fdd<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-174\">\n<li>\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u3068\u30c7\u30fc\u30bf\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3078\u306e\u914d\u616e<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-175\">\n<li>AI\u751f\u6210UI\u306e\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u5236\u9650<\/li>\n<\/div>\n\n\n<li>\u4eba\u9593\u306e\u76f4\u611f\u3068AI\u5224\u65ad\u306e\u8abf\u548c<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-177\">\n<h3 class=\"wp-block-heading\" id=\"i-24\">5.3 \u30e2\u30d0\u30a4\u30eb\u3068\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u306e\u878d\u5408\uff1aJava GUI\u306e\u672a\u6765<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-178\">\n<p class=\"wp-block-paragraph\">\u30e2\u30d0\u30a4\u30eb\u3068\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u306e\u5883\u754c\u304c\u66d6\u6627\u306b\u306a\u308b\u4e2d\u3001Java GUI\u3082\u9032\u5316\u3092\u9042\u3052\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-182\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30c8\u30ec\u30f3\u30c9\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-179\">\n<li>\u30e6\u30cb\u30d0\u30fc\u30b5\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u53f0\u982d<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-180\">\n<li>\u30bf\u30c3\u30c1\u30b9\u30af\u30ea\u30fc\u30f3\u3068\u30de\u30a6\u30b9\/\u30ad\u30fc\u30dc\u30fc\u30c9\u64cd\u4f5c\u306e\u5171\u5b58<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-181\">\n<li>\u30af\u30e9\u30a6\u30c9\u3068\u306e\u9023\u643a\u5f37\u5316<\/li>\n<\/div>\n\n\n<li>\u30c7\u30d0\u30a4\u30b9\u9593\u306e\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u540c\u671f<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">Java GUI\u3078\u306e\u5f71\u97ff\uff1a<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-183\">\n<li>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u91cd\u8981\u6027\u304c\u5897\u5927<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-184\">\n<li>\u30de\u30eb\u30c1\u30bf\u30c3\u30c1\u64cd\u4f5c\u306e\u30b5\u30dd\u30fc\u30c8\u5f37\u5316<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-185\">\n<li>\u30c7\u30d0\u30a4\u30b9\u9593\u3067\u306eUI\u72b6\u614b\u4fdd\u6301\u6a5f\u80fd\u306e\u5b9f\u88c5<\/li>\n<\/div>\n\n\n<li>\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u767a\u5c55<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-186\">\n<p class=\"wp-block-paragraph\">\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u3067\u30c7\u30d0\u30a4\u30b9\u306b\u5fdc\u3058\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u8abf\u6574\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\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=\"\">public class ResponsiveLayout extends GridPane {\n    public ResponsiveLayout() {\n        if (PlatformUtils.isMobile()) {\n            setMobileLayout();\n        } else {\n            setDesktopLayout();\n        }\n    }\n\n    private void setMobileLayout() {\n        \/\/ \u30e2\u30d0\u30a4\u30eb\u5411\u3051\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a\n    }\n\n    private void setDesktopLayout() {\n        \/\/ \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u5411\u3051\u30ec\u30a4\u30a2\u30a6\u30c8\u8a2d\u5b9a\n    }\n}<\/pre>\n\n\n<div id=\"sgb-css-id-187\">\n<p class=\"wp-block-paragraph\">\u5c06\u6765\u306eJava GUI\u958b\u767a\u306f\u3001\u30af\u30e9\u30a6\u30c9\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u306e\u7d71\u5408\u3001AI\u3068\u6a5f\u68b0\u5b66\u7fd2\u306e\u7d44\u307f\u8fbc\u307f\u3001IoT\u30c7\u30d0\u30a4\u30b9\u3068\u306e\u9023\u643a\u5f37\u5316\u3001\u305d\u3057\u3066\u62e1\u5f35\u73fe\u5b9f\uff08AR\uff09\u3068\u4eee\u60f3\u73fe\u5b9f\uff08VR\uff09\u306e\u7d71\u5408\u306a\u3069\u304c\u671f\u5f85\u3055\u308c\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-188\">\n<p class=\"wp-block-paragraph\">\u958b\u767a\u8005\u306f\u3001\u6700\u65b0\u306eJavaFX\u30d0\u30fc\u30b8\u30e7\u30f3\u3068\u305d\u306e\u6a5f\u80fd\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u539f\u5247\u3001AI\/\u6a5f\u68b0\u5b66\u7fd2\u306e\u57fa\u790e\u77e5\u8b58\u3001\u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30d3\u30b9\u3068\u306e\u7d71\u5408\u65b9\u6cd5\u3001UX\/UI\u30c7\u30b6\u30a4\u30f3\u306e\u539f\u5247\u3001\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u958b\u767a\u6280\u8853\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u306b\u95a2\u3059\u308b\u77e5\u8b58\u306a\u3069\u3092\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-189\">\n<p class=\"wp-block-paragraph\">\u3053\u308c\u3089\u306e\u30c8\u30ec\u30f3\u30c9\u3084\u30c4\u30fc\u30eb\u3092\u52b9\u679c\u7684\u306b\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u9b45\u529b\u7684\u3067\u6a5f\u80fd\u7684\u306aJava GUI\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u304c\u53ef\u80fd\u306b\u306a\u308b\u3067\u3057\u3087\u3046\u3002\u5e38\u306b\u6700\u65b0\u306e\u6280\u8853\u52d5\u5411\u3092\u30ad\u30e3\u30c3\u30c1\u30a2\u30c3\u30d7\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u9769\u65b0\u7684\u306aUI\u306e\u5275\u9020\u306b\u6311\u6226\u3057\u7d9a\u3051\u308b\u3053\u3068\u304c\u3001Java GUI\u958b\u767a\u8005\u306e\u6210\u529f\u3078\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-190\">\n<h2 class=\"wp-block-heading\" id=\"i-25\">6. Java GUI\u958b\u767a\u8005\u306e\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u6226\u7565<\/h2>\n<\/div>\n\n<div id=\"sgb-css-id-191\">\n<p class=\"wp-block-paragraph\">Java GUI\u958b\u767a\u8005\u3068\u3057\u3066\u6210\u9577\u3057\u3001\u30ad\u30e3\u30ea\u30a2\u3092\u767a\u5c55\u3055\u305b\u308b\u305f\u3081\u306b\u306f\u3001\u6280\u8853\u30b9\u30ad\u30eb\u306e\u5411\u4e0a\u3060\u3051\u3067\u306a\u304f\u3001\u591a\u9762\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u5fc5\u8981\u3067\u3059\u3002\u672c\u7ae0\u3067\u306f\u3001\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u306b\u5fc5\u8981\u306a\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u3001\u52b9\u679c\u7684\u306a\u5b66\u7fd2\u65b9\u6cd5\u3001\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u306e\u4f5c\u6210\u3001\u305d\u3057\u3066\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u306e\u9078\u629e\u80a2\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-192\">\n<h3 class=\"wp-block-heading\" id=\"i-26\">6.1 \u6c42\u3081\u3089\u308c\u308b\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u3068\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-193\">\n<p class=\"wp-block-paragraph\">Java GUI\u958b\u767a\u8005\u306b\u6c42\u3081\u3089\u308c\u308b\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u306f\u591a\u5c90\u306b\u308f\u305f\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-202\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">1.\u6280\u8853\u30b9\u30ad\u30eb<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-194\">\n<li>Java\u8a00\u8a9e\uff08Java 8\u4ee5\u964d\u306e\u6a5f\u80fd\uff09<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-195\">\n<li>JavaFX\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-196\">\n<li>CSS\uff08JavaFX\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0\uff09<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-197\">\n<li>FXML\uff08UI\u30ec\u30a4\u30a2\u30a6\u30c8\u5b9a\u7fa9\uff09<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-198\">\n<li>\u30de\u30eb\u30c1\u30b9\u30ec\u30c3\u30c9\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-199\">\n<li>\u30c7\u30b6\u30a4\u30f3\u30d1\u30bf\u30fc\u30f3<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-200\">\n<li>\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\uff08Git\uff09<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-201\">\n<li>\u30d3\u30eb\u30c9\u30c4\u30fc\u30eb\uff08Maven, Gradle\uff09<\/li>\n<\/div>\n\n\n<li>\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\uff08JUnit, TestFX\uff09<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-206\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">2.\u30c7\u30b6\u30a4\u30f3\u30b9\u30ad\u30eb<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-203\">\n<li>UI\/UX\u30c7\u30b6\u30a4\u30f3\u306e\u57fa\u672c\u539f\u5247<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-204\">\n<li>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-205\">\n<li>\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u8a2d\u8a08<\/li>\n<\/div>\n\n\n<li>\u30d3\u30b8\u30e5\u30a2\u30eb\u30c7\u30b6\u30a4\u30f3\u30c4\u30fc\u30eb\uff08Adobe XD, Figma\uff09<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">3.\u30bd\u30d5\u30c8\u30b9\u30ad\u30eb<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-207\">\n<li>\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u80fd\u529b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-208\">\n<li>\u554f\u984c\u89e3\u6c7a\u80fd\u529b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-209\">\n<li>\u30c1\u30fc\u30e0\u30ef\u30fc\u30af<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-210\">\n<li>\u6642\u9593\u7ba1\u7406<\/li>\n<\/div>\n\n\n<li>\u7d99\u7d9a\u7684\u5b66\u7fd2\u80fd\u529b<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-211\">\n<p class=\"wp-block-paragraph\">\u3053\u308c\u3089\u306e\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97\u30fb\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u5b66\u7fd2\u30ea\u30bd\u30fc\u30b9\u306b\u3064\u3044\u3066\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n<ul class=\"wp-block-list is-style-sango-list-simple\">\n<li>\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30fc\u30b9\uff1aUdemy\u300cJavaFX: \u57fa\u790e\u304b\u3089\u5fdc\u7528\u307e\u3067\u300d\u3001Coursera\u300cJava Programming and Software Engineering Fundamentals\u300d<\/li>\n\n\n\n<li>\u66f8\u7c4d\uff1a\u300cMastering JavaFX 11\u300dby Paul Anderson\u3001\u300cEffective Java\u300dby Joshua Bloch<\/li>\n\n\n\n<li>\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\uff1aOracle JavaFX Documentation\u3001Java Design Patterns\u3001Baeldung Java Tutorials<\/li>\n\n\n\n<li>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\uff1aStack Overflow\u3001Reddit r\/JavaFX\u3001GitHub Discussions<\/li>\n<\/ul>\n\n\n<div id=\"sgb-css-id-212\">\n<h3 class=\"wp-block-heading\" id=\"i-27\">6.2 \u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u306e\u4f5c\u308a\u65b9\u3068\u898b\u305b\u65b9<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-213\">\n<p class=\"wp-block-paragraph\">\u52b9\u679c\u7684\u306a\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u306f\u3001\u3042\u306a\u305f\u306e\u30b9\u30ad\u30eb\u3068\u7d4c\u9a13\u3092\u8996\u899a\u7684\u306b\u793a\u3059\u5f37\u529b\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u30dd\u30a4\u30f3\u30c8\u306b\u6ce8\u610f\u3057\u3066\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u4f5c\u6210\u306e\u30dd\u30a4\u30f3\u30c8<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-214\">\n<li>\u591a\u69d8\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u542b\u3081\u308b\uff08\u500b\u4eba\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u8ca2\u732e\u306a\u3069\uff09<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-215\">\n<li>\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3068\u53ef\u8aad\u6027\u3092\u91cd\u8996\u3059\u308b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-216\">\n<li>UI\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u30a2\u30d4\u30fc\u30eb\u3092\u5f37\u8abf\u3059\u308b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-217\">\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8ab2\u984c\u3068\u89e3\u6c7a\u7b56\u3092\u660e\u78ba\u306b\u8aac\u660e\u3059\u308b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-218\">\n<li>\u4f7f\u7528\u6280\u8853\u3068\u30b9\u30ad\u30eb\u3092\u660e\u793a\u3059\u308b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-219\">\n<li>\u30e9\u30a4\u30d6\u30c7\u30e2\u3084GitHub\u30ea\u30dd\u30b8\u30c8\u30ea\u3078\u306e\u30ea\u30f3\u30af\u3092\u63d0\u4f9b\u3059\u308b<\/li>\n<\/div><\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-220\">\n<p class=\"wp-block-paragraph\">\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8aac\u660e\u3092\u542b\u3081\u308b\u3068\u3088\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-232\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u306b\u542b\u3081\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u8aac\u660e\u306e\u4f8b<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\"><div id=\"sgb-css-id-221\">\n<p class=\"wp-block-paragraph\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\uff1a\u9ad8\u5ea6\u306a\u30bf\u30b9\u30af\u7ba1\u7406\u30a2\u30d7\u30ea<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-222\">\n<p class=\"wp-block-paragraph\">\u6280\u8853\u30b9\u30bf\u30c3\u30af\uff1a<kbd>JavaFX, CSS, FXML, SQLite<\/kbd><\/p>\n<\/div>\n\n<div id=\"sgb-css-id-223\">\n<p class=\"wp-block-paragraph\">\u4e3b\u306a\u6a5f\u80fd\uff1a<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-224\">\n<p class=\"wp-block-paragraph\">\u3000\u25cf \u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u306b\u3088\u308b\u30bf\u30b9\u30af\u7ba1\u7406<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-225\">\n<p class=\"wp-block-paragraph\">\u3000\u25cf \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-226\">\n<p class=\"wp-block-paragraph\">\u3000\u25cf \u30c7\u30fc\u30bf\u306e\u8996\u899a\u5316\uff08\u30c1\u30e3\u30fc\u30c8\u3068\u30b0\u30e9\u30d5\uff09<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-227\">\n<p class=\"wp-block-paragraph\">\u8ab2\u984c\u3068\u89e3\u6c7a\u7b56\uff1a<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-228\">\n<p class=\"wp-block-paragraph\">\u3000\u25cf \u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6700\u9069\u5316\uff1a\u30ab\u30b9\u30bf\u30e0\u30bb\u30eb\u30d5\u30a1\u30af\u30c8\u30ea\u3092\u5b9f\u88c5\u3057\u3001\u5927\u91cf\u306e\u30bf\u30b9\u30af\u306e\u8868\u793a\u3092\u52b9\u7387\u5316<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-229\">\n<p class=\"wp-block-paragraph\">\u3000\u25cf \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\uff1aFlexbox\u30e9\u30a4\u30af\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u3092JavaFX\u3067\u518d\u73fe\u3057\u3001\u7570\u306a\u308b\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5bfe\u5fdc<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-230\">\n<p class=\"wp-block-paragraph\"><kbd>GitHub<\/kbd>\uff1a [\u30ea\u30dd\u30b8\u30c8\u30ea\u3078\u306e\u30ea\u30f3\u30af]\n<\/div>\n\n<div id=\"sgb-css-id-231\">\n<p class=\"wp-block-paragraph\">\u30e9\u30a4\u30d6\u30c7\u30e2\uff1a [\u30c7\u30e2\u30b5\u30a4\u30c8\u3078\u306e\u30ea\u30f3\u30af]\n<\/div><\/div><\/div>\n<\/div>\n\n<div id=\"sgb-css-id-233\">\n<h3 class=\"wp-block-heading\" id=\"i-28\">6.3 Java GUI\u5c02\u9580\u5bb6\u3068\u3057\u3066\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9<\/h3>\n<\/div>\n\n<div id=\"sgb-css-id-234\">\n<p class=\"wp-block-paragraph\">Java GUI\u958b\u767a\u8005\u306e\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u306f\u591a\u69d8\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u9078\u629e\u80a2\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30ad\u30e3\u30ea\u30a2\u30d1\u30b9\u306e\u9078\u629e\u80a2<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-235\">\n<li>Junior Java Developer \u2192 JavaFX Specialist \u2192 Senior GUI Developer<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-236\">\n<li>UI\/UX Architect\uff1a\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u5168\u4f53\u306e\u8a2d\u8a08\u3068\u6700\u9069\u5316\u3092\u62c5\u5f53<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-237\">\n<li>Technical Lead\uff1a\u6280\u8853\u6226\u7565\u306e\u7acb\u6848\u3068\u8907\u6570\u30c1\u30fc\u30e0\u306e\u6307\u63ee<\/li>\n<\/div>\n\n\n<li>Java GUI Consultant\uff1a\u4f01\u696d\u3078\u306eGUI\u958b\u767a\u30a2\u30c9\u30d0\u30a4\u30b9\u3068\u6226\u7565\u63d0\u6848<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-238\">\n<p class=\"wp-block-paragraph\">\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u306b\u304a\u3051\u308b\u8ab2\u984c\u3068\u514b\u670d\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n<\/div>\n\n\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u306b\u304a\u3051\u308b\u8ab2\u984c\u3068\u514b\u670d\u65b9\u6cd5<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ul class=\"wp-block-list\"><div id=\"sgb-css-id-239\">\n<li>\u6025\u901f\u306a\u6280\u8853\u306e\u9032\u5316\uff1a\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u3068\u6700\u65b0\u30c8\u30ec\u30f3\u30c9\u306e\u30d5\u30a9\u30ed\u30fc\u304c\u4e0d\u53ef\u6b20<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-240\">\n<li>\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u958b\u767a\u306e\u8907\u96d1\u3055\uff1a\u7570\u306a\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306e\u958b\u767a\u7d4c\u9a13\u3092\u7a4d\u3080<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-241\">\n<li>\u30c7\u30b6\u30a4\u30f3\u3068\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u306e\u30d0\u30e9\u30f3\u30b9\uff1a\u4e21\u5206\u91ce\u306e\u30b9\u30ad\u30eb\u3092\u78e8\u304d\u3001\u5354\u696d\u80fd\u529b\u3092\u9ad8\u3081\u308b<\/li>\n<\/div>\n\n\n<li>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u7ba1\u7406\u30b9\u30ad\u30eb\u306e\u4e0d\u8db3\uff1a\u5c0f\u898f\u6a21\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u3092\u767a\u63ee\u3059\u308b\u6a5f\u4f1a\u3092\u6c42\u3081\u308b<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<div id=\"sgb-css-id-242\">\n<p class=\"wp-block-paragraph\">\u5c06\u6765\u306e\u30c8\u30ec\u30f3\u30c9\u3092\u898b\u636e\u3048\u305f\u30ad\u30e3\u30ea\u30a2\u6226\u7565\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n<\/div>\n\n<div id=\"sgb-css-id-247\">\n<div class=\"wp-block-sgb-block-simple sgb-box-simple sgb-box-simple--title-normal sgb-box-simple--with-border\"><div style=\"background-color:var(--wp--preset--color--sango-main);color:#FFF\" class=\"sgb-box-simple__title\">\u5c06\u6765\u306e\u30ad\u30e3\u30ea\u30a2\u6226\u7565<\/div><div class=\"sgb-box-simple__body\" style=\"border-color:var(--wp--preset--color--sango-main);background-color:#FFF\">\n<ol class=\"wp-block-list\"><div id=\"sgb-css-id-243\">\n<li>AI\u3068\u6a5f\u68b0\u5b66\u7fd2\u306e\u7d71\u5408\uff1a\u57fa\u790e\u7684\u306a\u6a5f\u68b0\u5b66\u7fd2\u30b9\u30ad\u30eb\u3092\u7fd2\u5f97\u3057\u3001GUI\u3078\u306e\u9069\u7528\u65b9\u6cd5\u3092\u5b66\u3076<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-244\">\n<li>\u30af\u30e9\u30a6\u30c9\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\uff1a\u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30d3\u30b9\u3068\u306e\u9023\u643a\u6280\u8853\u3092\u7fd2\u5f97\u3059\u308b<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-245\">\n<li>IoT\u30c7\u30d0\u30a4\u30b9\u3068\u306e\u9023\u643a\uff1a\u30bb\u30f3\u30b5\u30fc\u30c7\u30fc\u30bf\u306e\u53ef\u8996\u5316\u3084\u30ea\u30e2\u30fc\u30c8\u5236\u5fa1UI\u306e\u8a2d\u8a08\u30b9\u30ad\u30eb\u3092\u78e8\u304f<\/li>\n<\/div>\n\n<div id=\"sgb-css-id-246\">\n<li>\u30d0\u30ea\u30a2\u30d5\u30ea\u30fc\u30c7\u30b6\u30a4\u30f3\uff1a\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u306b\u6cbf\u3063\u305f\u958b\u767a\u624b\u6cd5\u3092\u5b66\u3076<\/li>\n<\/div>\n\n\n<li>\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u958b\u767a\uff1aJavaFX\u3068Web\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306e\u878d\u5408\u3092\u63a2\u6c42\u3059\u308b<\/li>\n<\/ol>\n<\/div><\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Java GUI\u958b\u767a\u8005\u3068\u3057\u3066\u30ad\u30e3\u30ea\u30a2\u3092\u7bc9\u304f\u306b\u306f\u3001\u6280\u8853\u30b9\u30ad\u30eb\u306e\u7d99\u7d9a\u7684\u306a\u5411\u4e0a\u3001\u5e45\u5e83\u3044\u77e5\u8b58\u306e\u7372\u5f97\u3001\u305d\u3057\u3066\u5b9f\u8df5\u7684\u306a\u7d4c\u9a13\u306e\u84c4\u7a4d\u304c\u91cd\u8981\u3067\u3059\u3002\u5e38\u306b\u65b0\u3057\u3044\u6311\u6226\u3092\u6c42\u3081\u3001\u696d\u754c\u306e\u30c8\u30ec\u30f3\u30c9\u306b\u654f\u611f\u3067\u3042\u308b\u3053\u3068\u3067\u3001\u9577\u671f\u7684\u306a\u6210\u529f\u3092\u5b9f\u73fe\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u3002\u81ea\u8eab\u306e\u76ee\u6a19\u3092\u660e\u78ba\u306b\u3057\u3001\u8a08\u753b\u7684\u306b\u30b9\u30ad\u30eb\u3092\u78e8\u3044\u3066\u3044\u304f\u3053\u3068\u3067\u3001Java GUI\u958b\u767a\u306e\u5c02\u9580\u5bb6\u3068\u3057\u3066\u8f1d\u304b\u3057\u3044\u30ad\u30e3\u30ea\u30a2\u3092\u7bc9\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/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":3060,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,68],"tags":[],"class_list":["post-289","post","type-post","status-publish","format-standard","has-post-thumbnail","category-java","category-java-best-practice"],"_links":{"self":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/289","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=289"}],"version-history":[{"count":8,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/289\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/posts\/289\/revisions\/496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=\/wp\/v2\/media\/3060"}],"wp:attachment":[{"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dexall.co.jp\/articles\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}