{"id":3126,"date":"2023-03-11T23:33:55","date_gmt":"2023-03-11T14:33:55","guid":{"rendered":"https:\/\/ubun2m.com\/?p=3126"},"modified":"2023-03-12T00:45:35","modified_gmt":"2023-03-11T15:45:35","slug":"anki%e3%82%a2%e3%83%97%e3%83%aa%e3%81%ae%e5%95%8f%e9%a1%8c%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e7%bd%ae%e3%81%8d%e5%a0%b4","status":"publish","type":"post","link":"https:\/\/ubun2m.com\/?p=3126","title":{"rendered":"Anki\u30a2\u30d7\u30ea\u306e\u554f\u984c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7f6e\u304d\u5834"},"content":{"rendered":"\n<p>\u3000\u5b50\u3069\u3082\u306e\u5b66\u7fd2\u7528\u306b\u4f5c\u6210\u3057\u305fAnki\u30a2\u30d7\u30ea\u306e\u554f\u984c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7f6e\u304d\u5834\u3002\u968f\u6642\u4e88\u5b9a\u3002<\/p>\n\n\n\n<div class=\"app-box\"><div class=\"app-containar\"><a href=\"https:\/\/apple.co\/3BZ3k7q\"><img decoding=\"async\" class=\"app-containar-icon\" src=\"https:\/\/is2-ssl.mzstatic.com\/image\/thumb\/Purple122\/v4\/b1\/66\/43\/b16643bf-dbb7-a440-f795-7ffbe802e361\/AppIcon-1x_U007emarketing-0-4-0-85-220.png\/540x540bb.jpg\" alt=\"\"><\/a><div class=\"app-content\"><a href=\"https:\/\/apple.co\/3BZ3k7q\">AnkiMobile Flashcards<\/a><ul class=\"app-button\"><li><a href=\"https:\/\/apple.co\/3BZ3k7q\"><img decoding=\"async\" src=\"https:\/\/tools.applemediaservices.com\/api\/badges\/download-on-the-app-store\/black\/ja-jp?size=250x83&amp;releaseDate=1594771200?h=758a04a074141bc0e9190e886a5dee72\" alt=\"Download on the App Store\" style=\"border-radius: 13px; width: 250px; height: 83px;\"><\/a><\/li><\/ul><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u5185\u5bb9<\/h2>\n\n\n\n<p>\u3000Anki\u30a2\u30d7\u30ea\u3060\u3051\u3067\u5c0f\u5b66\u6821\u304b\u3089\u306e\u52c9\u5f37\u306e\u5fa9\u7fd2\u3092\u5b8c\u7d50\u3067\u304d\u308b\u306e\u304b\uff1f\u3068\u3044\u3046\u5b9f\u9a13\u3067\u4f5c\u6210\u3057\u305f\u554f\u984c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d39\u4ecb\u3059\u308b\u3002<\/p>\n\n\n\n<p>\u3000\u52d5\u4f5c\u78ba\u8a8d\u306f\u3001iPad\uff08iPadOS\uff09\u3001iPhone\uff08iOS\uff09\u3002<\/p>\n\n\n\n<div class=\"affiliate-box\"><div class=\"affiliate-containar\"><a href=\"https:\/\/amzn.to\/3YobAHn\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"https:\/\/m.media-amazon.com\/images\/I\/61hZrbHRMWL._AC_SX679_.jpg\" target=\"_blank\"><\/a><div class=\"affiliate-content\"><a href=\"https:\/\/amzn.to\/3YobAHn\" rel=\"nofollow\">2022 Apple 10.9\u30a4\u30f3\u30c1iPad (Wi-Fi, 64GB) - \u30d4\u30f3\u30af (\u7b2c10\u4e16\u4ee3)<\/a><ul class=\"affiliate-button\"><li><a href=\"https:\/\/amzn.to\/3YobAHn\" rel=\"nofollow\">Amazon<\/a><\/li><\/ul><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u30c7\u30c3\u30ad\u3078\u306e\u8ffd\u52a0\u65b9\u6cd5<\/h2>\n\n\n\n<p>\u30fbAnki\u30a2\u30d7\u30ea\u3067\u8868\u9762\u3068\u88cf\u9762\u3060\u3051\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u30ce\u30fc\u30c8\u30bf\u30a4\u30d7\u30fb\u30c7\u30c3\u30ad\u3092\u4f5c\u6210\u3059\u308b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.13.32-1-800x468.png\" alt=\"\" class=\"wp-image-3139\" width=\"666\" height=\"390\" srcset=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.13.32-1-800x468.png 800w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.13.32-1-400x234.png 400w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.13.32-1-768x449.png 768w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.13.32-1.png 1324w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/figure>\n\n\n\n<p>\u30fb\u30c7\u30c3\u30ad\u306b\u30ab\u30fc\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u969b\u306b\u3001\u53f3\u4e0a\u306eHTML\u30a8\u30c7\u30a3\u30bf\u3092\u62bc\u3057\u3066\u3001\u8868\u9762\u3068\u88cf\u9762\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u305d\u308c\u305e\u308c\u30b3\u30d4\u30fc\u3057\u3066\u30da\u30fc\u30b9\u30c8\u3059\u308b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.22.43-800x471.png\" alt=\"\" class=\"wp-image-3145\" width=\"668\" height=\"393\" srcset=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.22.43-800x471.png 800w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.22.43-400x236.png 400w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.22.43-768x452.png 768w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/Screenshot-2023-03-11-at-15.22.43.png 1314w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><figcaption class=\"wp-element-caption\">\u8868\u9762\u306e\u30ab\u30fc\u30c9\u306b\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u8cbc\u308a\u4ed8\u3051\u305f\u69d8\u5b50\u3002<\/figcaption><\/figure>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u30c8\u30b0\u30eb\u30dc\u30bf\u30f3\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u8a72\u5f53\u306e\u30c8\u30b0\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\/\u975e\u8868\u793a\u306b\u3059\u308b\u51e6\u7406\n  $('.toggle').click(function(e) {\n    e.preventDefault();\n    $(this).next('.toggle-content').slideToggle(500);\n    $(this).toggle();\n    $(this).siblings('.close-toggle').toggle();\n  });\n  \/\/ \u9589\u3058\u308b\u30dc\u30bf\u30f3\u304c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u8a72\u5f53\u306e\u30c8\u30b0\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u975e\u8868\u793a\u306b\u3059\u308b\u51e6\u7406\n  $('.close-toggle').click(function(e) {\n    e.preventDefault();\n    $(this).prev('.toggle-content').slideToggle(500);\n    $(this).toggle();\n    $(this).siblings('.toggle').toggle();\n  });\n});\n\n<\/script>\n<style>\n.close-toggle {\n  display: none;\n}\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading\">\u5c0f\u5b66\u6821\uff11\u5e74\u751f<\/h2>\n\n\n\n<p>\u3000\u6587\u90e8\u79d1\u5b66\u7701\u306e\u5b66\u7fd2\u6307\u5c0e\u8981\u9818\u3084\u5b9f\u969b\u306e\u6559\u79d1\u66f8\u3001\u554f\u984c\u96c6\u306a\u3069\u3092\u53c2\u8003\u306b\u4f5c\u6210\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7b97\u6570\u554f\u984c<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\n\n\n<h3 class=\"wp-block-heading\">\u6642\u523b\u3092\u8aad\u3080\u554f\u984c<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>B\u3000\u91cf\u3068\u6e2c\u5b9a<br>\uff082\uff09\u3000\u65e5\u5e38\u751f\u6d3b\u306e\u4e2d\u3067\u6642\u523b\u3092\u8aad\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3002<\/p>\n<cite>\u6587\u90e8\u79d1\u5b66\u7701, \u5b66\u7fd2\u6307\u5c0e\u8981\u9818\u300c\u751f\u304d\u308b\u529b\u300dhttps:\/\/www.mext.go.jp\/a_menu\/shotou\/new-cs\/youryou\/syo\/san.htm<\/cite><\/blockquote>\n\n\n\n<p>\u30ab\u30fc\u30c9\u8868\u9762\u3067\u3001\u30e9\u30f3\u30c0\u30e0\u306a\u6642\u9593\u3092\u8868\u793a\u3057\u3001\u88cf\u9762\u3067\u305d\u306e\u7b54\u3048\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"800\" height=\"525\" data-id=\"3129\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0646-800x525.jpg\" alt=\"\" class=\"wp-image-3129\" srcset=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0646-800x525.jpg 800w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0646-400x263.jpg 400w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0646-768x504.jpg 768w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0646-1536x1009.jpg 1536w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0646.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">\u30ab\u30fc\u30c9\u8868\u9762<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0647-800x525.jpg\" alt=\"\u753b\u50cf\u306b alt \u5c5e\u6027\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u30d5\u30a1\u30a4\u30eb\u540d: IMG_0647-800x525.jpg\"\/><figcaption class=\"wp-element-caption\">\u30ab\u30fc\u30c9\u88cf\u9762<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<a class=\"toggle\" href=\"#\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u8868\u793a\u3059\u308b<\/a>\n<div class=\"toggle-content\" style=\"display:none;\">\n\n\n\n<h2 class=\"wp-block-heading\">\u30ab\u30fc\u30c9\u8868\u9762<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;h1&gt;\u306a\u3093\u3058\u306a\u3093\u3077\u3093\u3067\u3059\u304b\uff1f&lt;\/h1&gt;\n&lt;canvas id=&quot;canvas&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;\/canvas&gt;\n&lt;h1&gt;&lt;div id=&quot;clock&quot;&gt;&lt;\/div&gt;&lt;\/h1&gt;\n&lt;script type=&quot;text\/javascript&quot;&gt;\n    \/\/ sessionStorage\u7528\u306e\u63a5\u982d\u6587\u5b57\n    var id = &quot;anki\/&quot;;\n\t\t\/\/ Canvas\u8981\u7d20\u306e\u53d6\u5f97\n\t\tvar canvas = document.getElementById(&quot;canvas&quot;);\n\t\tvar ctx = canvas.getContext(&quot;2d&quot;);\n\n    \/\/ \u753b\u8cea\u30922\u500d\u306b\u3059\u308b\n    canvas.width = canvas.width * 2;\n    canvas.height = canvas.height * 2;\n    ctx.scale(2, 2);\n\n\t\t\/\/ Canvas\u6642\u8a08\u306e\u4e2d\u5fc3\u5ea7\u6a19\n\t\tvar centerX = canvas.width \/ 4;\n\t\tvar centerY = canvas.height \/ 4;\n\n\t\t\/\/ Canvas\u6642\u8a08\u306e\u534a\u5f84\n\t\tvar radius = 70;\n\n\t\t\/\/ \u6642\u8a08\u306e\u9762\u3092\u63cf\u753b\u3059\u308b\u95a2\u6570\n\t\tfunction drawClockFace() {\n\t\t\tctx.beginPath();\n\t\t\tctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);\n\t\t\tctx.fillStyle = &quot;white&quot;;\n\t\t\tctx.fill();\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.strokeStyle = &quot;black&quot;;\n\t\t\tctx.stroke();\n\n\t\t\t\/\/ 1~12\u306e\u6570\u5b57\u3092\u63cf\u753b\u3059\u308b\n\t\t\tctx.font = &quot;18px Arial&quot;;\n\t\t\tctx.fillStyle = &quot;black&quot;;\n\t\t\tctx.textAlign = &quot;center&quot;;\n\t\t\tctx.textBaseline = &quot;middle&quot;;\n\t\t\tfor (var i = 1; i &lt;= 12; i++) {\n\t\t\t\tvar angle = (i - 3) * Math.PI \/ 6;\n\t\t\t\tvar x = centerX + (radius - 20) * Math.cos(angle);\n\t\t\t\tvar y = centerY + (radius - 20) * Math.sin(angle);\n\t\t\t\tctx.fillText(i, x, y);\n\t\t\t}\n\n\t\t\t\/\/ 1\u5206\u3054\u3068\u306e\u76ee\u76db\u308a\u3092\u63cf\u753b\u3059\u308b\n\t\t\tctx.lineWidth = 1;\n\t\t\tctx.strokeStyle = &quot;black&quot;;\n\t\t\tfor (var i = 0; i &lt; 60; i++) {\n\t\t\t\tvar angle = (i - 15) * Math.PI \/ 30;\n\t\t\t\tvar x1 = centerX + (radius - 10) * Math.cos(angle);\n\t\t\t\tvar y1 = centerY + (radius - 10) * Math.sin(angle);\n\t\t\t\tvar x2 = centerX + (radius - 5) * Math.cos(angle);\n\t\t\t\tvar y2 = centerY + (radius - 5) * Math.sin(angle);\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(x1, y1);\n\t\t\t\tctx.lineTo(x2, y2);\n\t\t\t\tctx.stroke();\n\t\t\t}\n            \/\/ 5\u5206\u3054\u3068\u306e\u76ee\u76db\u308a\u3092\u63cf\u753b\u3059\u308b\n            ctx.lineWidth = 2;\n            for (var i = 0; i &lt; 60; i += 5) {\n                var angle = (i - 15) * Math.PI \/ 30;\n                var x1 = centerX + (radius - 11) * Math.cos(angle);\n                var y1 = centerY + (radius - 11) * Math.sin(angle);\n                var x2 = centerX + (radius - 5) * Math.cos(angle);\n                var y2 = centerY + (radius - 5) * Math.sin(angle);\n                ctx.beginPath();\n                ctx.moveTo(x1, y1);\n                ctx.lineTo(x2, y2);\n                ctx.stroke();\n            }    \n\t\t}\n\n\t\t\/\/ \u91dd\u3092\u63cf\u753b\u3059\u308b\u95a2\u6570\n\t\tfunction drawHand(angle, length, width, color) {\n\t\t\tctx.beginPath();\n\t\t\tctx.lineWidth = width;\n\t\t\tctx.strokeStyle = color;\n\t\t\tctx.moveTo(centerX, centerY);\n\t\t\t\/\/ \u4fee\u6b63\uff1a\u9577\u91dd\u3068\u77ed\u91dd\u306e\u89d2\u5ea6\u306e\u30aa\u30d5\u30bb\u30c3\u30c8\u3092\u4fee\u6b63\n\t\t\tctx.lineTo(centerX + length * Math.sin(angle), centerY - length * Math.cos(angle));\n\t\t\tctx.stroke();\n\t\t}\n\n    \/\/ \u30e9\u30f3\u30c0\u30e0\u306a\u6574\u6570\u3092\u8fd4\u3059\u95a2\u6570\n\t\tfunction getRandomInt(min, max) {\n\t\t\treturn Math.floor(Math.random() * (max - min + 1) + min);\n\t\t}\n\t\t\/\/ \u6642\u8a08\u3092\u66f4\u65b0\u3059\u308b\u95a2\u6570\n\t\tfunction questionClock() {\n\t\t\t\/\/ \u6642\u523b\u3092\u6307\u5b9a\u3059\u308b\n\t\t\tvar hours = getRandomInt(1,12);\n\t\t\tvar minutes = getRandomInt(0,59);\n\n            sessionStorage.setItem(id+&quot;hours&quot;, hours.toString());\n            sessionStorage.setItem(id+&quot;minutes&quot;, minutes.toString());\n\n\t\t\t\/\/ \u6642\u91dd\u3092\u63cf\u753b\u3059\u308b\n\t\t\tvar hourAngle = (hours % 12) * Math.PI \/ 6 + (minutes \/ 60) * Math.PI \/ 6;\n\t\t\tdrawHand(hourAngle, radius * 0.5, 5, &quot;black&quot;);\n\n\t\t\t\/\/ \u5206\u91dd\u3092\u63cf\u753b\u3059\u308b\n\t\t\tvar minuteAngle = minutes * Math.PI \/ 30;\n\t\t\tdrawHand(minuteAngle, radius * 0.8, 4, &quot;black&quot;);\n\t\t}\n\n\t\t\/\/ \u6642\u8a08\u306e\u9762\u3092\u63cf\u753b\u3059\u308b\n    drawClockFace();\n    questionClock();\n\t&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u30ab\u30fc\u30c9\u88cf\u9762<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;h1&gt;\u3053\u305f\u3048&lt;\/h1&gt;\n&lt;canvas id=&quot;canvas&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;\/canvas&gt;\n&lt;h1&gt;&lt;div id=&quot;clock&quot;&gt;&lt;\/div&gt;&lt;\/h1&gt;\n&lt;script type=&quot;text\/javascript&quot;&gt;\n    \/\/ sessionStorage\u7528\u306e\u63a5\u982d\u6587\u5b57\n    var id = &quot;anki\/&quot;;\n\t\t\/\/ Canvas\u8981\u7d20\u306e\u53d6\u5f97\n\t\tvar canvas = document.getElementById(&quot;canvas&quot;);\n\t\tvar ctx = canvas.getContext(&quot;2d&quot;);\n\n    \/\/ \u753b\u8cea\u30922\u500d\u306b\u3059\u308b\n    canvas.width = canvas.width * 2;\n    canvas.height = canvas.height * 2;\n    ctx.scale(2, 2);\n\n\t\t\/\/ Canvas\u6642\u8a08\u306e\u4e2d\u5fc3\u5ea7\u6a19\n\t\tvar centerX = canvas.width \/ 4;\n\t\tvar centerY = canvas.height \/ 4;\n\n\t\t\/\/ Canvas\u6642\u8a08\u306e\u534a\u5f84\n\t\tvar radius = 70;\n\n\t\t\/\/ \u6642\u8a08\u306e\u9762\u3092\u63cf\u753b\u3059\u308b\u95a2\u6570\n\t\tfunction drawClockFace() {\n\t\t\tctx.beginPath();\n\t\t\tctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);\n\t\t\tctx.fillStyle = &quot;white&quot;;\n\t\t\tctx.fill();\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.strokeStyle = &quot;black&quot;;\n\t\t\tctx.stroke();\n\n\t\t\t\/\/ 1~12\u306e\u6570\u5b57\u3092\u63cf\u753b\u3059\u308b\n\t\t\tctx.font = &quot;18px Arial&quot;;\n\t\t\tctx.fillStyle = &quot;black&quot;;\n\t\t\tctx.textAlign = &quot;center&quot;;\n\t\t\tctx.textBaseline = &quot;middle&quot;;\n\t\t\tfor (var i = 1; i &lt;= 12; i++) {\n\t\t\t\tvar angle = (i - 3) * Math.PI \/ 6;\n\t\t\t\tvar x = centerX + (radius - 20) * Math.cos(angle);\n\t\t\t\tvar y = centerY + (radius - 20) * Math.sin(angle);\n\t\t\t\tctx.fillText(i, x, y);\n\t\t\t}\n\n\t\t\t\/\/ 1\u5206\u3054\u3068\u306e\u76ee\u76db\u308a\u3092\u63cf\u753b\u3059\u308b\n\t\t\tctx.lineWidth = 1;\n\t\t\tctx.strokeStyle = &quot;black&quot;;\n\t\t\tfor (var i = 0; i &lt; 60; i++) {\n\t\t\t\tvar angle = (i - 15) * Math.PI \/ 30;\n\t\t\t\tvar x1 = centerX + (radius - 10) * Math.cos(angle);\n\t\t\t\tvar y1 = centerY + (radius - 10) * Math.sin(angle);\n\t\t\t\tvar x2 = centerX + (radius - 5) * Math.cos(angle);\n\t\t\t\tvar y2 = centerY + (radius - 5) * Math.sin(angle);\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(x1, y1);\n\t\t\t\tctx.lineTo(x2, y2);\n\t\t\t\tctx.stroke();\n\t\t\t}\n            \/\/ 5\u5206\u3054\u3068\u306e\u76ee\u76db\u308a\u3092\u63cf\u753b\u3059\u308b\n            ctx.lineWidth = 2;\n            for (var i = 0; i &lt; 60; i += 5) {\n                var angle = (i - 15) * Math.PI \/ 30;\n                var x1 = centerX + (radius - 11) * Math.cos(angle);\n                var y1 = centerY + (radius - 11) * Math.sin(angle);\n                var x2 = centerX + (radius - 5) * Math.cos(angle);\n                var y2 = centerY + (radius - 5) * Math.sin(angle);\n                ctx.beginPath();\n                ctx.moveTo(x1, y1);\n                ctx.lineTo(x2, y2);\n                ctx.stroke();\n            }           \n\n\t\t}\n\n\t\t\/\/ \u91dd\u3092\u63cf\u753b\u3059\u308b\u95a2\u6570\n\t\tfunction drawHand(angle, length, width, color) {\n\t\t\tctx.beginPath();\n\t\t\tctx.lineWidth = width;\n\t\t\tctx.strokeStyle = color;\n\t\t\tctx.moveTo(centerX, centerY);\n\t\t\t\/\/ \u4fee\u6b63\uff1a\u9577\u91dd\u3068\u77ed\u91dd\u306e\u89d2\u5ea6\u306e\u30aa\u30d5\u30bb\u30c3\u30c8\u3092\u4fee\u6b63\n\t\t\tctx.lineTo(centerX + length * Math.sin(angle), centerY - length * Math.cos(angle));\n\t\t\tctx.stroke();\n\t\t}\n\n    \/\/ \u30e9\u30f3\u30c0\u30e0\u306a\u6574\u6570\u3092\u8fd4\u3059\u95a2\u6570\n\t\tfunction getRandomInt(min, max) {\n\t\t\treturn Math.floor(Math.random() * (max - min + 1) + min);\n\t\t}\n\t\t\/\/ \u6642\u8a08\u3092\u66f4\u65b0\u3059\u308b\u95a2\u6570\n\t\tfunction answerClock() {\n\t\t\t\/\/ \u6642\u523b\u3092\u6307\u5b9a\u3059\u308b\n\t\t\tvar hours = Number(sessionStorage.getItem(id+&quot;hours&quot;));\n\t\t\tvar minutes = Number(sessionStorage.getItem(id+&quot;minutes&quot;));\n            var clockElement = document.getElementById(&quot;clock&quot;);\n            clockElement.innerHTML = hours+ &quot;\u3058\uff1a&quot;+minutes+&quot;\u3075\u3093&quot;;\/\/sessionStorage.getItem(id+&quot;answer&quot;);\n\n\t\t\t\/\/ \u6642\u91dd\u3092\u63cf\u753b\u3059\u308b\n\t\t\tvar hourAngle = (hours % 12) * Math.PI \/ 6 + (minutes \/ 60) * Math.PI \/ 6;\n\t\t\tdrawHand(hourAngle, radius * 0.5, 5, &quot;black&quot;);\n\n\t\t\t\/\/ \u5206\u91dd\u3092\u63cf\u753b\u3059\u308b\n\t\t\tvar minuteAngle = minutes * Math.PI \/ 30;\n\t\t\tdrawHand(minuteAngle, radius * 0.8, 4, &quot;black&quot;);\n\t\t}\n\n\t\t\/\/ \u6642\u8a08\u306e\u9762\u3092\u63cf\u753b\u3059\u308b\n    drawClockFace();\n    answerClock();\n\t&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n\n<\/div><a class=\"close-toggle\" href=\"#\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u9589\u3058\u308b<\/a>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\n\n\n<h3 class=\"wp-block-heading\">\u3081\u3082\u308a\u3092\u8aad\u3080\u554f\u984c<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>B\u3000\u91cf\u3068\u6e2c\u5b9a<br>\uff081\uff09\u3000\u5927\u304d\u3055\u3092\u6bd4\u8f03\u3059\u308b\u306a\u3069\u306e\u6d3b\u52d5\u3092\u901a\u3057\u3066\uff0c\u91cf\u3068\u305d\u306e\u6e2c\u5b9a\u306b\u3064\u3044\u3066\u306e\u7406\u89e3\u306e\u57fa\u790e\u3068\u306a\u308b\u7d4c\u9a13\u3092\u8c4a\u304b\u306b\u3059\u308b\u3002<\/p>\n<cite>\u6587\u90e8\u79d1\u5b66\u7701, \u5b66\u7fd2\u6307\u5c0e\u8981\u9818\u300c\u751f\u304d\u308b\u529b\u300dhttps:\/\/www.mext.go.jp\/a_menu\/shotou\/new-cs\/youryou\/syo\/san.htm<\/cite><\/blockquote>\n\n\n\n<p> \uff11\u304b\u3089\uff11\uff12\uff10\u307e\u3067\u306e\u3001\u304b\u305a\u306e\u7dda\u3092\u898b\u3066\u3001\u2460\u304b\u3089\u2462\u306e\u3081\u3082\u308a\u304c\u793a\u3059\u5024\u3092\u8aad\u3080\u554f\u984c\u3002<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"800\" height=\"525\" data-id=\"3162\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0656-1-800x525.jpg\" alt=\"\" class=\"wp-image-3162\" srcset=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0656-1-800x525.jpg 800w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0656-1-400x263.jpg 400w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0656-1-768x504.jpg 768w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0656-1-1536x1009.jpg 1536w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0656-1.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">\u30ab\u30fc\u30c9\u8868\u9762<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"800\" height=\"525\" data-id=\"3161\" src=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0658-1-800x525.jpg\" alt=\"\" class=\"wp-image-3161\" srcset=\"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0658-1-800x525.jpg 800w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0658-1-400x263.jpg 400w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0658-1-768x504.jpg 768w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0658-1-1536x1009.jpg 1536w, https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/IMG_0658-1.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">\u30ab\u30fc\u30c9\u88cf\u9762<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<a class=\"toggle\" href=\"#\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u8868\u793a\u3059\u308b<\/a>\n<div class=\"toggle-content\" style=\"display:none;\">\n\n\n\n<h2 class=\"wp-block-heading\">\u30ab\u30fc\u30c9\u8868\u9762<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;h2&gt;\u304b\u305a\u306e\u305b\u3093\u3092\u3000\u307f\u3066\u3001\u3000\u2460\u3001\u2461\u3001\u2462\u306e\u3000\u3081\u3082\u308a\u304c\u3000\u3042\u3089\u308f\u3059\u3000\u304b\u305a\u3092\u3000\u3044\u3044\u307e\u3057\u3087\u3046\u3002&lt;\/h2&gt;\n&lt;canvas id=&quot;myCanvas&quot;&gt;&lt;\/canvas&gt;\n&lt;script&gt;\nvar canvas = document.getElementById(&#39;myCanvas&#39;);\nvar ctx = canvas.getContext(&#39;2d&#39;);\nvar id = &quot;anki\/&quot;;\n\/\/ Canvas\u30b5\u30a4\u30ba\u306e\u8a2d\u5b9a\ncanvas.width = 900;\ncanvas.height = 100;\n\n        \/\/ \u753b\u8cea\u30922\u500d\u306b\u3059\u308b\n        canvas.width = canvas.width * 2;\n        canvas.height = canvas.height * 2;\n        ctx.scale(2, 2);\n\/\/ \u3082\u306e\u3055\u3057\u306e\u9577\u3055\nvar rulerLength = 125;\n\n\/\/ 1cm\u3042\u305f\u308a\u306ePixel\u6570\nvar pixelPerCm = (canvas.width\/2 - 100) \/ rulerLength; \/\/ \u5de6\u53f3\u306b50px\u305a\u3064\u4f59\u767d\u3092\u8a2d\u3051\u308b\n\n\/\/ \u76ee\u76db\u308a\u306e\u9577\u3055\nvar tickLength = 25;\n\n\/\/ \u76ee\u76db\u308a\u306e\u6587\u5b57\u5217\u306e\u30d5\u30a9\u30f3\u30c8\nctx.font = &#39;12px sans-serif&#39;;\n\n\/\/ \u3082\u306e\u3055\u3057\u306e\u63cf\u753b\nctx.beginPath();\nctx.lineWidth = 3;\nctx.moveTo(50, canvas.height \/ 4);\nctx.lineTo(canvas.width \/2 - 50, canvas.height \/ 4);\nctx.stroke();\n\nctx.lineWidth = 1;\n\/\/ \u76ee\u76db\u308a\u3068\u6570\u5b57\u306e\u63cf\u753b\nfor (let i = 0; i &lt;= rulerLength; i++) {\n  \/\/ \u76ee\u76db\u308a\u306e\u9577\u3055\n  let tickLen = tickLength \/ 2; \/\/ \u521d\u671f\u5024\u306f\u77ed\u3081\u306etickLength\u306b\u3059\u308b\n\n  if (i % 10 === 0) {\n    tickLen = tickLength * 1.3; \/\/ 10\u306e\u500d\u6570\u306e\u5834\u5408\u306f\u9577\u3081\u306etickLength\u306b\u3059\u308b\n  } else if (i % 5 === 0) {\n    tickLen = tickLength; \/\/ 5\u306e\u500d\u6570\u306e\u5834\u5408\u306f\u666e\u901a\u306etickLength\u306b\u3059\u308b\n  }\n  \/\/ \u76ee\u76db\u308a\u306e\u63cf\u753b\n  ctx.beginPath();\n  ctx.moveTo(50 + i * pixelPerCm, canvas.height \/ 4);\n  ctx.lineTo(50 + i * pixelPerCm, canvas.height \/ 4 + tickLen \/ 2);\n  ctx.stroke();\n  \n  ctx.font = &quot;18px Arial&quot;;\n  if (i % 10 == 0) {\n  var textWidth = ctx.measureText(i).width; \/\/ \u6587\u5b57\u5217\u306e\u5e45\u3092\u53d6\u5f97\n  ctx.fillText(i, 50 + i * pixelPerCm - textWidth \/ 2, canvas.height \/ 4 + tickLength + 6);\n}\n\n}\n\/\/ 3\u3064\u306e\u30e9\u30f3\u30c0\u30e0\u306a\u6570\u5024\u3092\u751f\u6210\u3057\u3001\u77e2\u5370\u3092\u63cf\u753b\u3059\u308b\nfor (var i = 1; i &lt;= 3; i++) {\n var randomNum = Math.floor(Math.random() * (rulerLength + 1)); \/\/ 0\u304b\u3089rulerLength\u307e\u3067\u306e\u30e9\u30f3\u30c0\u30e0\u306a\u6574\u6570\n sessionStorage.setItem(id+&quot;mem&quot;+i, randomNum.toString());\n  ctx.beginPath();\n  ctx.lineWidth = 1;\n  ctx.moveTo(50 + randomNum * pixelPerCm, canvas.height \/ 4);\n  ctx.lineTo(50 + randomNum * pixelPerCm, canvas.height \/ 4 - 30 \/ 2);\n  ctx.stroke();\n\n  \/\/ \u77e2\u5370\u306e\u4e0a\u306b\u6570\u5b57\u3092\u8868\u793a\u3059\u308b\n  ctx.font = &quot;bold 18px Arial&quot;;\n  var textWidth = ctx.measureText(i).width; \/\/ \u6587\u5b57\u5217\u306e\u5e45\u3092\u53d6\u5f97\n  ctx.fillText(`\u2460\u2461\u2462`[i - 1], 50 + randomNum * pixelPerCm - textWidth \/ 2 - 4, canvas.height \/ 4 - 20);\n}\n\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u30ab\u30fc\u30c9\u88cf\u9762<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;h1&gt;\u3053\u305f\u3048&lt;\/h1&gt;\n&lt;canvas id=&quot;canvas&quot; width=&quot;900&quot; height=&quot;100&quot;&gt;&lt;\/canvas&gt;\n&lt;h1&gt;&lt;div id=&quot;answer&quot;&gt;&lt;\/div&gt;&lt;\/h1&gt;\n&lt;script&gt;\nvar canvas = document.getElementById(&#39;canvas&#39;);\nvar ctx = canvas.getContext(&#39;2d&#39;);\nvar id = &quot;anki\/&quot;;\n\n        \/\/ \u753b\u8cea\u30922\u500d\u306b\u3059\u308b\n        canvas.width = canvas.width * 2;\n        canvas.height = canvas.height * 2;\n        ctx.scale(2, 2);\n\/\/ \u3082\u306e\u3055\u3057\u306e\u9577\u3055\nvar rulerLength = 125;\n\n\/\/ 1cm\u3042\u305f\u308a\u306ePixel\u6570\nvar pixelPerCm = (canvas.width\/2 - 100) \/ rulerLength; \/\/ \u5de6\u53f3\u306b50px\u305a\u3064\u4f59\u767d\u3092\u8a2d\u3051\u308b\n\n\/\/ \u76ee\u76db\u308a\u306e\u9577\u3055\nvar tickLength = 25;\n\n\/\/ \u76ee\u76db\u308a\u306e\u6587\u5b57\u5217\u306e\u30d5\u30a9\u30f3\u30c8\nctx.font = &#39;12px sans-serif&#39;;\n\n\/\/ \u3082\u306e\u3055\u3057\u306e\u63cf\u753b\nctx.beginPath();\nctx.lineWidth = 3;\nctx.moveTo(50, canvas.height \/ 4);\nctx.lineTo(canvas.width \/2 - 50, canvas.height \/ 4);\nctx.stroke();\n\nctx.lineWidth = 1;\n\/\/ \u76ee\u76db\u308a\u3068\u6570\u5b57\u306e\u63cf\u753b\nfor (let i = 0; i &lt;= rulerLength; i++) {\n  \/\/ \u76ee\u76db\u308a\u306e\u9577\u3055\n  let tickLen = tickLength \/ 2; \/\/ \u521d\u671f\u5024\u306f\u77ed\u3081\u306etickLength\u306b\u3059\u308b\n\n  if (i % 10 === 0) {\n    tickLen = tickLength * 1.3; \/\/ 10\u306e\u500d\u6570\u306e\u5834\u5408\u306f\u9577\u3081\u306etickLength\u306b\u3059\u308b\n  } else if (i % 5 === 0) {\n    tickLen = tickLength; \/\/ 5\u306e\u500d\u6570\u306e\u5834\u5408\u306f\u666e\u901a\u306etickLength\u306b\u3059\u308b\n  }\n  \/\/ \u76ee\u76db\u308a\u306e\u63cf\u753b\n  ctx.beginPath();\n  ctx.moveTo(50 + i * pixelPerCm, canvas.height \/ 4);\n  ctx.lineTo(50 + i * pixelPerCm, canvas.height \/ 4 + tickLen \/ 2);\n  ctx.stroke();\n  \n  ctx.font = &quot;18px Arial&quot;;\n  if (i % 10 == 0) {\n  var textWidth = ctx.measureText(i).width; \/\/ \u6587\u5b57\u5217\u306e\u5e45\u3092\u53d6\u5f97\n  ctx.fillText(i, 50 + i * pixelPerCm - textWidth \/ 2, canvas.height \/ 4 + tickLength + 6);\n}\n\n}\n\nvar answerText = &quot;&quot;;\n\/\/ 3\u3064\u306e\u30e9\u30f3\u30c0\u30e0\u306a\u6570\u5024\u3092\u751f\u6210\u3057\u3001\u77e2\u5370\u3092\u63cf\u753b\u3059\u308b\nfor (var i = 1; i &lt;= 3; i++) {\n  var randomNum =  Number(sessionStorage.getItem(id+&quot;mem&quot;+i));\n  ctx.beginPath();\n  ctx.lineWidth = 1;\n  ctx.moveTo(50 + randomNum * pixelPerCm, canvas.height \/ 4);\n  ctx.lineTo(50 + randomNum * pixelPerCm, canvas.height \/ 4 - 30 \/ 2);\n  ctx.stroke();\n\n  answerText = answerText + `\u2460\u2461\u2462`[i - 1] + &quot; \u306f &quot; + randomNum + &quot;\u3067\u3059\u3002&lt;BR&gt;&quot;;\n   \/\/ \u77e2\u5370\u306e\u4e0a\u306b\u6570\u5b57\u3092\u8868\u793a\u3059\u308b\n  ctx.font = &quot;bold 18px Arial&quot;;\n  var textWidth = ctx.measureText(i).width; \/\/ \u6587\u5b57\u5217\u306e\u5e45\u3092\u53d6\u5f97\n  ctx.fillText(`\u2460\u2461\u2462`[i - 1], 50 + randomNum * pixelPerCm - textWidth \/ 2 - 4, canvas.height \/ 4 - 20);\n}\n        var answerElement = document.getElementById(&quot;answer&quot;);\n        answerElement.innerHTML = answerText;\n&lt;\/script&gt;<\/code><\/pre><\/div>\n\n\n\n<\/div><a class=\"close-toggle\" href=\"#\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u9589\u3058\u308b<\/a>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"affiliate-box\"><div class=\"affiliate-containar\"><a href=\"https:\/\/amzn.to\/3FcjKec\" rel=\"nofollow\"><img decoding=\"async\" style=\"border: none;\" src=\"https:\/\/m.media-amazon.com\/images\/I\/51dvt-eCYtL.jpg\" target=\"_blank\"><\/a><div class=\"affiliate-content\"><a href=\"https:\/\/amzn.to\/3FcjKec\" rel=\"nofollow\">\u8a9e\u5b66\u7fd2\u5f97\u306e\u795e\u30a2\u30d7\u30ea\u3000Anki\u3092\u6975\u3081\u308b\uff01: \u82f1\u30fb\u4ecf\u30fb\u72ec\u30fb\u691c1\u7d1a\u306e\u8457\u8005\u304c\u30ce\u30a6\u30cf\u30a6\u3092\u60dc\u3057\u307f\u306a\u304f\u4f1d\u6388\uff01 Anki\u6d3b\u7528\u30ce\u30a6\u30cf\u30a6 Kindle\u7248<\/a><ul class=\"affiliate-button\"><li><a href=\"https:\/\/amzn.to\/3FcjKec\" rel=\"nofollow\">Amazon<\/a><\/li><\/ul><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u3000\u5b50\u3069\u3082\u306e\u5b66\u7fd2\u7528\u306b\u4f5c\u6210\u3057\u305fAnki\u30a2\u30d7\u30ea\u306e\u554f\u984c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7f6e\u304d\u5834\u3002\u968f\u6642\u4e88\u5b9a\u3002 AnkiMobile Flashcards \u5185\u5bb9 \u3000Anki\u30a2\u30d7\u30ea\u3060\u3051\u3067\u5c0f\u5b66\u6821\u304b\u3089\u306e\u52c9\u5f37\u306e\u5fa9\u7fd2\u3092\u5b8c\u7d50\u3067\u304d\u308b\u306e\u304b\uff1f\u3068\u3044\u3046\u5b9f\u9a13\u3067\u4f5c\u6210\u3057\u305f\u554f\u984c\u30c6\u30f3\u30d7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-3126","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/ubun2m.com\/wp-content\/uploads\/2023\/03\/540x540bb.jpg","_links":{"self":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/3126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3126"}],"version-history":[{"count":0,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/posts\/3126\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=\/wp\/v2\/media\/3135"}],"wp:attachment":[{"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubun2m.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}