{"id":2394,"date":"2020-12-18T18:40:34","date_gmt":"2020-12-18T09:40:34","guid":{"rendered":"https:\/\/www.nblog09.com\/w\/?p=2394"},"modified":"2022-01-18T16:35:24","modified_gmt":"2022-01-18T07:35:24","slug":"flask-extends","status":"publish","type":"post","link":"https:\/\/www.nblog09.com\/w\/2020\/12\/18\/flask-extends\/","title":{"rendered":"Flask\u3067\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u306e\u3084\u308a\u65b9\u306b\u3064\u3044\u3066\u307e\u3068\u3081\u307e\u3057\u305f\uff5eblock, extends\uff5e"},"content":{"rendered":"<p>Flask\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u3082\u5225\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<br \/>\n\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u3067\u3001\u5171\u901a\u306e\u6a5f\u80fd\uff08bootstrap, jquery\u306a\u3069\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u8aad\u8fbc\u307f\u3001\u305d\u306e\u4ed6\uff09\u30921\u3064\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u8a18\u8ff0\u3057\u3066\u5171\u6709\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<br \/>\n\u307e\u305f\u3001\u7d99\u627f\u5143\u3067\u8a18\u8ff0\u3057\u305f\u5185\u5bb9\u3092\u5404\u7d99\u627f\u5148\u304c\u5229\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\uff08\u5f8c\u8ff0\uff09<\/p>\n<p>[rtoc_mokuji title=\"\" title_display=\"\" heading=\"h3\" list_h2_type=\"\" list_h3_type=\"\" display=\"\" frame_design=\"\" animation=\"\"]<\/p>\n<h2 class=\"title-border\"><strong>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u3092\u7528\u3044\u308b\u3002<\/strong><\/h2>\n<p>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306e\u7d99\u627f\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3059\u308b\u3002<\/p>\n<div class=\"emphasis-box\">\n\u30fb\u7d99\u627f\u5143<\/p>\n<p style='color:red;'>\n{% block \u540d\u524d %}<br \/>\n:<br \/>\n{% endblock %}\n<\/p>\n<p>\u30fb\u7d99\u627f\u5148<\/p>\n<p style='color:red;'>\n{% extends \u7d99\u627f\u5143\u306e\u30d5\u30a1\u30a4\u30eb\u540d %}<br \/>\n{% block \u540d\u524d %}<br \/>\n: # \u7d99\u627f\u5143\u306e\u5185\u5bb9\u3092\u518d\u5b9a\u7fa9\u3057\u306a\u304a\u3059<br \/>\n{% endblock %}\n<\/p>\n<\/div>\n<p>&nbsp;<br \/>\n\u307e\u305f\u3001\u7d99\u627f\u5143\u306e{% block \u540d\u524d %} \uff5e {% endblock %}\u9593\u3067\u8a18\u8ff0\u3057\u305f\u5185\u5bb9\u3092\u7d99\u627f\u5148\u3067\u3082\u5229\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3066\u3001\u305d\u308c\u306b\u306f\u3001{{ super() }} \u3092\u7528\u3044\u308c\u3070\u3088\u3044\u3002<br \/>\n\u4ee5\u4e0b\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u306e\u5177\u4f53\u4f8b\u3092\u8a18\u8ff0\u3057\u305f\u3002<\/p>\n<div class=\"programming-gray\">\n<h4>Example<\/h4>\n<ul>\n<li><strong>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u5143(base.html)<\/strong><\/li>\n<\/ul>\n<div class=\"programming-inside\">\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang=\"ja\"&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta charset=\"utf-8\"&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;{% block title %}MyPage{% endblock %}&lt;\/title&gt; <strong>&lt;-- \u7d99\u627f\u5148\u3067\u5b9a\u7fa9\u3057\u305f\u3044\u5185\u5bb9\u306f\u3001block \u25cb\u25cb \uff5e endblock\u3068\u3059\u308b --&gt;<\/strong><br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/head&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;header&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;\u30d8\u30c3\u30c0\u30fc&lt;\/p&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/header&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block content %} <strong>&lt;-- \u7d99\u627f\u5148\u3067\u5b9a\u7fa9\u3057\u305f\u3044\u5185\u5bb9\u306f\u3001block \u25cb\u25cb \uff5e endblock\u3068\u3059\u308b --&gt;<\/strong><br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endblock %}<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/body&gt;<br \/>\n&lt;\/html&gt;\n<\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7d99\u627f\u5148(home.html)<\/strong><\/li>\n<\/ul>\n<div class=\"programming-inside\">\n{% extends \"base.html\" %} <strong>&lt;!-- base.html\u3092\u7d99\u627f\u3057\u3066\u5229\u7528\u3059\u308b --&gt;<\/strong><br \/>\n{% block title %}Home - {{ super() }}{% endblock %}<strong>&lt;!-- {{ super() }}\u3067\u89aa\u30af\u30e9\u30b9\u306e\u5024\uff08\u3053\u306e\u5834\u5408MyPage\uff09\u3092\u8868\u793a\u3067\u304d\u308b --&gt;<\/strong><br \/>\n{% block content %} <strong>&lt;!-- {% block content %} \uff5e {% endblock %}\u3068\u3059\u308b\u3053\u3068\u3067\u3001\u89aa\u30af\u30e9\u30b9\u306e\u8a72\u5f53\u3059\u308b\u90e8\u5206\u3092\u4e0a\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u308b  --&gt;<\/strong><br \/>\n    &lt;h1&gt;\u30db\u30fc\u30e0&lt;\/h1&gt;<br \/>\n{% endblock %}\n<\/div>\n<p>&nbsp;<br \/>\n\u3053\u306e\u3088\u3046\u306b\u3001\u7d99\u627f\u3059\u308b\u3068\u3001\u89aa\u306e\u5b9a\u7fa9\u3092\u305d\u306e\u307e\u307e\u4f7f\u3044\u307e\u308f\u3057\u3001\u52a0\u3048\u305f\u3044\u90e8\u5206\u3060\u3051\u52a0\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002<br \/>\n\u3061\u306a\u307f\u306b\u3001\u4e0a\u306ehome.html\u3092\u5b9f\u969b\u306b\u8868\u793a\u3057\u3066\u3001html\u3092\u8868\u793a\u3059\u308b\u3068\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308b\u3002<\/p>\n<ul>\n<li><strong>home.html\u306eHTML\u30b3\u30fc\u30c9<\/strong><\/li>\n<\/ul>\n<div class=\"programming-inside\">\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang=\"ja\"&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta charset=\"utf-8\"&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;Home - MyPage&lt;\/title&gt;<strong>&lt;!-- home.html\u306e\u5b9a\u7fa9\u3068base.html\u3092\u5408\u308f\u305b\u3066\u3044\u308b --&gt;<\/strong><br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/head&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;body&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;header&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;\u30d8\u30c3\u30c0\u30fc&lt;\/p&gt;<strong>&lt;!-- \u3053\u3053\u306f\u3001base.html\u306e\u5b9a\u7fa9\u5185\u5bb9 --&gt;<\/strong><br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/header&gt;<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;\u30db\u30fc\u30e0&lt;\/h1&gt;<strong>&lt;!-- home.html\u306e\u5b9a\u7fa9\u5185\u5bb9 --&gt;<\/strong><br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/body&gt;<br \/>\n&lt;\/html&gt;\n<\/div>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>\u30d5\u30a1\u30a4\u30eb\u306e\u968e\u5c64\u69cb\u9020<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2020\/12\/1-11.png\" alt=\"\" width=\"219\" height=\"168\" class=\"alignnone size-full wp-image-2399\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>\u753b\u9762\u306e\u8868\u793a\u7d50\u679c<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.nblog09.com\/w\/wp-content\/uploads\/2020\/12\/1-10.png\" alt=\"\" width=\"300\" height=\"233\" class=\"alignnone size-full wp-image-2398\" \/><\/p>\n<\/div>\n<div class=\"flask-adsense\"><\/div>\n<hr>\n<div class=\"previous_next_button\">\n    <a href=\"https:\/\/www.nblog09.com\/w\/2020\/12\/13\/flask-for-if\/\"><\/p>\n<div class=\"previous_chapter\">\n<p class=\"title\">&laquo; Previous<\/p>\n<p>      <span class=\"sub_title\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306efor, if, \u30b3\u30e1\u30f3\u30c8\u6587<\/span>\n    <\/div>\n<p><\/a><a href=\"https:\/\/www.nblog09.com\/w\/2020\/12\/20\/flask-filter\/\"><\/p>\n<div class=\"next_chapter\" \">\n<p class=\"title\">Next &raquo;<\/p>\n<p>      <span class=\"sub_title\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30d5\u30a3\u30eb\u30bf\u30fc<\/span>\n       <\/div>\n<p>    <\/a>\n<\/div>\n<hr>\n<div class=\"course_link\">\n<a href=\"https:\/\/www.nblog09.com\/w\/0%e3%81%8b%e3%82%89%e5%ad%a6%e3%81%b6flask%e5%85%a5%e9%96%80%e8%ac%9b%e5%ba%a7\/\"><\/p>\n<div class=\"inner\">\n<p class=\"title\">Flask\u5165\u9580\u8a18\u4e8b\u4e00\u89a7\u306f\u3053\u3061\u3089<\/p>\n<\/div>\n<p><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Flask\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u3082\u5225\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u3067\u3001\u5171\u901a\u306e\u6a5f\u80fd\uff08bootstrap, jquery\u306a\u3069\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u8aad\u8fbc\u307f\u3001\u305d\u306e\u4ed6\uff09\u30921\u3064\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u8a18\u8ff0\u3057\u3066\u5171\u6709\u3059\u308b\u3053\u3068\u304c\u3067 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[213],"tags":[212,14,218],"class_list":{"0":"post-2394","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-flask","7":"tag-flask","8":"tag-python","9":"tag-218","10":"entry","11":"has-post-thumbnail"},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"home-middle":false,"home-top":false,"sidebar-thumbnail":false},"uagb_author_info":{"display_name":"9nmatsumoto","author_link":"https:\/\/www.nblog09.com\/w\/author\/9nmatsumoto\/"},"uagb_comment_info":3,"uagb_excerpt":"Flask\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u3082\u5225\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002 \u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u7d99\u627f\u3059\u308b\u3053\u3068\u3067\u3001\u5171\u901a\u306e\u6a5f\u80fd&hellip;","_links":{"self":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts\/2394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/comments?post=2394"}],"version-history":[{"count":10,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts\/2394\/revisions"}],"predecessor-version":[{"id":4071,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/posts\/2394\/revisions\/4071"}],"wp:attachment":[{"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/media?parent=2394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/categories?post=2394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nblog09.com\/w\/wp-json\/wp\/v2\/tags?post=2394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}