{"id":2282,"date":"2020-12-01T12:11:53","date_gmt":"2020-12-01T03:11:53","guid":{"rendered":"https:\/\/qol-kk.com\/wp2\/?p=2282"},"modified":"2020-12-01T12:11:53","modified_gmt":"2020-12-01T03:11:53","slug":"post-2282","status":"publish","type":"post","link":"https:\/\/qol-kk.com\/wp2\/blog\/2020\/12\/01\/post-2282\/","title":{"rendered":"\u3010Bootstrap\u3011\u30b0\u30e9\u30d5\u4f5c\u6210\u3067\u6a2a\u8ef8\u306e\u65e5\u4ed8\u304c\u8868\u793a\u3055\u308c\u306a\u304b\u3063\u305f\u7406\u7531"},"content":{"rendered":"

\u3010Bootstrap\u3011\u30b0\u30e9\u30d5\u4f5c\u6210\u3067\u6a2a\u8ef8\u306e\u65e5\u4ed8\u304c\u8868\u793a\u3055\u308c\u306a\u304b\u3063\u305f\u7406\u7531<\/h2>\n

Django\u306eViews.py\u3067DB\u304b\u3089\u53d6\u5f97\u3057\u305f\u5024\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u9001\u308a\u3001Bootstrap\u306e\u6a5f\u80fd\u3067\u30b0\u30e9\u30d5\u5316\u3092\u3057\u3088\u3046\u3068\u3057\u307e\u3057\u305f\u3002
\n\u3067\u3001\u30b0\u30e9\u30d5\u307e\u3067\u306f\u51fa\u529b\u3059\u308b\u306e\u3067\u3059\u304c\u3010X\u8ef8(\u6a2a\u8ef8)\u3011\u306e\u30e9\u30d9\u30eb\u304c\u4ed8\u3044\u3066\u304f\u308c\u305a3\u6642\u9593\u307b\u3069\u53f3\u5f80\u5de6\u5f80\u3002
\n\"\"\u3000\u203b\u65e5\u4ed8\u304c\u7121\u3044\u306e\u3067\u3069\u306e\u6642\u70b9\u306e\u5024\u304b\u308f\u304b\u3089\u306a\u3044\u3002<\/p>\n

\u3061\u306a\u307f\u306b\u3001\u79c1\u304c\u5229\u7528\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u3010gentelella<\/a>\u3011\u3067\u3059\u3002<\/p>\n

\u539f\u56e0\u306f...\u79d2\u304b\u30de\u30a4\u30af\u30ed\u79d2\u304b\u3068\u3044\u3046\u554f\u984c<\/h3>\n

\u89e3\u3063\u3066\u3057\u307e\u3048\u3070\u300c\u3042\u3041\uff5e\u300d\u3068\u3044\u3046\u539f\u56e0\u306a\u3093\u3067\u3059\u3051\u3069\u3001Timespan\u306e\u4e2d\u8eab\u306e\u6570\u5b57\u306a\u3093\u3066\u666e\u6bb5\u898b\u306a\u3044\u3067\u3059\u304b\u3089\u306d\u3002
\n\u6c17\u4ed8\u304f\u307e\u3067\u539f\u56e0\u3068\u3057\u3066\u5168\u304f\u8003\u3048\u3066\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n

\u25a02020\u5e741\u67081\u65e5\u306eTimespan\u8868\u8a18<\/p>\n

\n
    \n
  • \u30de\u30a4\u30af\u30ed\u79d2\uff1a1577804400000<\/li>\n
  • \u79d2\uff1a1577804400<\/li>\n<\/ul>\n<\/div>\n

    \u305d\u308c\u305e\u308c\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u6e21\u3059Timespan\u306e\u5f62\u5f0f\u306f\u9055\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001\u4eca\u56de\u306f\u3010\u30de\u30a4\u30af\u30ed\u79d2\u3011\u304c\u6b63\u89e3\u3067\u3057\u305f\u3002
    \n\u3053\u308c\u3092\u79d2\u3067\u9001\u3063\u3066\u3044\u305f\u306e\u3067\u65e5\u4ed8\u304c\u8868\u793a\u3055\u308c\u306a\u304b\u3063\u305f\u3088\u3046\u3067\u3059\u3002<\/p>\n

    \u8a18\u8f09\u3057\u305f\u30b9\u30af\u30ea\u30d7\u30c8<\/h3>\n

    \u25a0 views.py \u203b\u30de\u30a4\u30af\u30ed\u79d2<\/p>\n

    import logging\r\nfrom django.shortcuts import render\r\nfrom django.views import generic\r\nfrom .models import Weekly_quantity\r\n\r\nlogger = logging.getLogger(__name__)\r\n\r\ndef ContentIndexView(request):\r\n    data = Weekly_quantity.objects.order_by('end_date')\r\n\r\n    test_plot = [\r\n    \t[1577844574000,40],\r\n    \t[1578582000000,30],\r\n    \t[1579446000000,10],\r\n    \t[1580310000000,5],\r\n    \t[1580482800000,10],\r\n    \t[1581260400000,10],\r\n    \t[1582124400000,20],\r\n    \t[1582988400000,1],\r\n    \t[1583766000000,3],\r\n    \t[1584630000000,4],\r\n    \t[1585494000000,8],\r\n    \t[1585666800000,9],\r\n    \t[1586444400000,10],\r\n    \t[1587308400000,10],\r\n    \t[1588172400000,20],\r\n    \t[1588258800000,60],\r\n    \t[1589036400000,60],\r\n    \t[1589900400000,40],\r\n    \t[1590764400000,20],\r\n    \t[1590937200000,30],\r\n    \t[1591714800000,15],\r\n    \t[1592578800000,18],\r\n    \t[1593442800000,12],\r\n    \t[1593529200000,10],\r\n    \t[1594306800000,5],\r\n    \t[1595170800000,5],\r\n    \t[1596034800000,0],\r\n    \t[1596207600000,2],\r\n    \t[1596985200000,1],\r\n    \t[1597849200000,6],\r\n    \t[1598713200000,3],\r\n    \t[1598886000000,8],\r\n    \t[1599663600000,20],\r\n    \t[1600527600000,10],\r\n    \t[1601391600000,11],\r\n    \t[1601478000000,19],\r\n    \t[1602255600000,10],\r\n    \t[1603119600000,6],\r\n    \t[1603983600000,9],\r\n    \t[1604156400000,15],\r\n    \t[1604934000000,10],\r\n    \t[1605798000000,8],\r\n    \t[1606662000000,3],\r\n    \t[1606748400000,5]\r\n    ]\r\n\r\n    params = {\r\n        'title': '\u30b3\u30f3\u30c6\u30f3\u30c4\u6570',\r\n        'data': data,\r\n        'js': test_plot\r\n    }\r\n    return render(request, 'index.html', params)<\/pre>\n
    \u25a0 index.html<\/p>\n
    {% extends \"base_site.html\" %}\r\n\r\n{% block title %} Dashboard 2 {% endblock title %}\r\n\r\n{% block stylesheets %}\r\n  {{ block.super }}\r\n{% endblock stylesheets %}\r\n\r\n{% block content %}\r\n(\u4e2d\u7565)\r\n\r\n            <div class=\"x_content\">\r\n              <div class=\"col-md-9 col-sm-12 col-xs-12\">\r\n                <!-- \u30b0\u30e9\u30d5 -->\r\n                <div class=\"demo-container\" style=\"height:280px\">\r\n                  <div id=\"chart_plot_02\" class=\"demo-placeholder\"><\/div>\r\n                <\/div>\r\n                <!-- \u30b0\u30e9\u30d5\u3053\u3053\u307e\u3067 -->\r\n(\u4e2d\u7565)\r\n{% endblock content %}\r\n\r\n{% block javascripts %}\r\n(\u4e2d\u7565)\r\n  <!-- JS\u306b\u5909\u6570\u767b\u9332 -->\r\n  <script>\r\n    var chart_plot_02_data = {{ js|safe }}\r\n  <\/script>\r\n{% endblock javascripts %}<\/pre>\n
    \"\"\u3000\u203b\u30de\u30a4\u30af\u30ed\u79d2\u306b\u3057\u305f\u3089\u65e5\u4ed8\u304c\u8868\u793a\u3055\u308c\u305f<\/p>\n
    \u30b5\u30f3\u30d7\u30eb\u306e\u30b0\u30e9\u30d5\u3092\u751f\u6210\u3057\u3066\u3044\u305fJavaScript<\/h3>\n
    #custom.js \u5185\r\n\r\nvar chart_plot_02_data = [];\r\n\r\n    for (var i = 0; i < 20; i++) {\r\n        chart_plot_02_data.push([\r\n            new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10\r\n        ]);\r\n    }<\/pre>\n
    20\u500b\u306e\u30ec\u30b3\u30fc\u30c9\u3092[ new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10 ] \u3067\u751f\u6210\u3057\u3066\u3044\u307e\u3059\u3002
    \ngetTime()\u306a\u306e\u3067\u65e5\u4ed8\u3092\u30bf\u30a4\u30e0\u30b9\u30d1\u30f3\u306b\u5909\u66f4\u3057\u3066\u3044\u308b\u308f\u3051\u3067\u3059\u304c\u3001\u3053\u308c\u304c\u3010\u79d2\u3011\u3067\u306f\u306a\u304f\u3010\u30de\u30a4\u30af\u30ed\u79d2\u3011\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
    \u307e\u3068\u3081<\/h3>\n
    \u3044\u3084\u3041\u3001\u601d\u308f\u306c\u3068\u3053\u308d\u3067\u8e93\u3044\u305f\u611f\u3058\u3067\u75b2\u308c\u307e\u3057\u305f\u3002<\/p>\n
    \u6c17\u4ed8\u3044\u3066\u3057\u307e\u3048\u3070\u7c21\u5358\u306a\u3093\u3067\u3059\u3051\u3069\u306d\u3047\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
    \u3010Bootstrap\u3011\u30b0\u30e9\u30d5\u4f5c\u6210\u3067\u6a2a\u8ef8\u306e\u65e5\u4ed8\u304c\u8868\u793a\u3055\u308c\u306a\u304b\u3063\u305f\u7406\u7531 Django\u306eViews.py\u3067DB\u304b\u3089\u53d6\u5f97\u3057\u305f\u5024\u3092\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u9001\u308a\u3001Bootstrap\u306e\u6a5f\u80fd\u3067\u30b0\u30e9\u30d5\u5316\u3092\u3057\u3088\u3046\u3068\u3057\u307e\u3057\u305f\u3002 \u3067\u3001\u30b0\u30e9\u30d5\u307e\u3067\u306f\u51fa\u529b\u3059\u308b […]<\/p>\n","protected":false},"author":1,"featured_media":2281,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[36],"tags":[845,814,365,846,97,847,53,247,188],"class_list":["post-2282","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-memorandum","tag-bootstrap4","tag-django","tag-javascript","tag-template","tag-97","tag-847","tag-53","tag-247","tag-188"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_publicize_connections":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2020\/12\/bootstrap.gif","_links":{"self":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/2282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/comments?post=2282"}],"version-history":[{"count":0,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/2282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media\/2281"}],"wp:attachment":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media?parent=2282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/categories?post=2282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/tags?post=2282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}