{"id":2361,"date":"2026-08-26T12:00:00","date_gmt":"2026-08-26T03:00:00","guid":{"rendered":"http:\/\/it-challenge.net\/?work=flexbox-factory"},"modified":"2026-08-27T08:13:59","modified_gmt":"2026-08-26T23:13:59","slug":"flexbox-factory","status":"publish","type":"work","link":"http:\/\/it-challenge.net\/?work=flexbox-factory","title":{"rendered":"Flexbox\u30d5\u30a1\u30af\u30c8\u30ea\u30fc"},"content":{"rendered":"

justify-content\u3068align-items\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u8377\u7269\u3092\u6307\u5b9a\u4f4d\u7f6e\u3078\u904b\u307c\u3046\u3002CSS Flexbox\u306e\u914d\u7f6e\u3092\u76f4\u611f\u7684\u306b\u5b66\u3079\u308b60\u79d2\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b2\u30fc\u30e0\u3067\u3059\u3002<\/p>\n

\u904a\u3073\u65b9<\/h2>\n
    \n
  1. \u6ce8\u6587\u30ab\u30fc\u30c9\u306b\u8868\u793a\u3055\u308c\u305f\u30bf\u30fc\u30b2\u30c3\u30c8\u4f4d\u7f6e\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n
  2. \u6a2a\u65b9\u5411\u306ejustify-content\u3068\u7e26\u65b9\u5411\u306ealign-items\u3092\u305d\u308c\u305e\u308c\u9078\u3073\u307e\u3059\u3002PC\u3067\u306f\u77e2\u5370\u30ad\u30fc\u3067\u3082\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n
  3. \u7bb1\u304c\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u91cd\u306a\u3063\u305f\u3089\u51fa\u8377\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u307e\u3059\u300260\u79d2\u4ee5\u5185\u306b12\u4ef6\u306e\u5b8c\u4e86\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n

    \u3053\u306e\u30b2\u30fc\u30e0\u3067\u8eab\u306b\u3064\u304f\u3053\u3068<\/h2>\n
      \n
    • justify-content\u304c\u4e3b\u8ef8\u65b9\u5411\u306e\u914d\u7f6e\u3092\u6c7a\u3081\u308b\u3053\u3068<\/li>\n
    • align-items\u304c\u4ea4\u5dee\u8ef8\u65b9\u5411\u306e\u914d\u7f6e\u3092\u6c7a\u3081\u308b\u3053\u3068<\/li>\n
    • flex-start\u30fbcenter\u30fbflex-end\u3092\u7d44\u307f\u5408\u308f\u305b\u305f9\u65b9\u5411\u306e\u30ec\u30a4\u30a2\u30a6\u30c8<\/li>\n<\/ul>\n

      \u3053\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081<\/h2>\n

      CSS\u3084Web\u5236\u4f5c\u3092\u3053\u308c\u304b\u3089\u5b66\u3073\u305f\u3044\u5c0f\u5b66\u751f\u30fb\u4e2d\u5b66\u751f\u30fb\u9ad8\u6821\u751f\u30fb\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u521d\u5b66\u8005<\/p>\n","protected":false},"excerpt":{"rendered":"

      CSS\u306ejustify-content\u3068align-items\u3092\u9078\u3073\u3001\u7bb1\u3092\u76ee\u6a19\u4f4d\u7f6e\u3078\u52d5\u304b\u3059\u7121\u6599\u30d6\u30e9\u30a6\u30b6\u30b2\u30fc\u30e0\u3067\u3059\u3002Flexbox\u306e\u6a2a\u30fb\u7e26\u65b9\u5411\u306e\u914d\u7f6e\u309260\u79d2\u306e\u30d1\u30ba\u30eb\u3067\u76f4\u611f\u7684\u306b\u5b66\u3079\u307e\u3059\u3002<\/p>\n","protected":false},"featured_media":2363,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"work_genre":[7],"work_platform":[6],"class_list":["post-2361","work","type-work","status-publish","has-post-thumbnail","hentry","work_genre-7","work_platform-6"],"uagb_featured_image_src":{"full":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10.png",1200,675,false],"thumbnail":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10-150x150.png",150,150,true],"medium":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10-300x169.png",300,169,true],"medium_large":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10-768x432.png",768,432,true],"large":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10-1024x576.png",820,461,true],"1536x1536":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10.png",1200,675,false],"2048x2048":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10.png",1200,675,false],"kobo-card":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10-640x480.png",640,480,true],"kobo-hero":["http:\/\/it-challenge.net\/wp-content\/uploads\/2026\/08\/thumbnail-10.png",1200,675,false]},"uagb_author_info":{"display_name":"","author_link":"http:\/\/it-challenge.net\/?author=0"},"uagb_comment_info":0,"uagb_excerpt":"CSS\u306ejustify-content\u3068align-items\u3092\u9078\u3073\u3001\u7bb1\u3092\u76ee\u6a19\u4f4d\u7f6e\u3078\u52d5\u304b\u3059\u7121\u6599\u30d6\u30e9\u30a6\u30b6\u30b2\u30fc\u30e0\u3067…","_links":{"self":[{"href":"http:\/\/it-challenge.net\/index.php?rest_route=\/wp\/v2\/work\/2361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/it-challenge.net\/index.php?rest_route=\/wp\/v2\/work"}],"about":[{"href":"http:\/\/it-challenge.net\/index.php?rest_route=\/wp\/v2\/types\/work"}],"replies":[{"embeddable":true,"href":"http:\/\/it-challenge.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2361"}],"version-history":[{"count":13,"href":"http:\/\/it-challenge.net\/index.php?rest_route=\/wp\/v2\/work\/2361\/revisions"}],"predecessor-version":[{"id":2463,"href":"http:\/\/it-challenge.net\/index.php?rest_route=\/wp\/v2\/work\/2361\/revisions\/2463"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/it-challenge.net\/index.php?rest_route=\/wp\/v2\/media\/2363"}],"wp:attachment":[{"href":"http:\/\/it-challenge.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2361"}],"wp:term":[{"taxonomy":"work_genre","embeddable":true,"href":"http:\/\/it-challenge.net\/index.php?rest_route=%2Fwp%2Fv2%2Fwork_genre&post=2361"},{"taxonomy":"work_platform","embeddable":true,"href":"http:\/\/it-challenge.net\/index.php?rest_route=%2Fwp%2Fv2%2Fwork_platform&post=2361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}