{"id":6490,"date":"2014-09-29T05:52:38","date_gmt":"2014-09-29T05:52:38","guid":{"rendered":"https:\/\/dev.railscarma.com\/app-native-web-hybrid\/"},"modified":"2021-06-07T05:49:06","modified_gmt":"2021-06-07T05:49:06","slug":"app-native-web-hybrid","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/app-native-web-hybrid\/","title":{"rendered":"\u30a2\u30d7\u30ea: \u30cd\u30a4\u30c6\u30a3\u30d6\u3001\u30a6\u30a7\u30d6\u3001\u305d\u308c\u3068\u3082\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9?"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"6490\" class=\"elementor elementor-6490\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b54d905 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b54d905\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-311547b1\" data-id=\"311547b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-381bed9d elementor-widget elementor-widget-text-editor\" data-id=\"381bed9d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\">\u30e2\u30d0\u30a4\u30eb\u306e\u4e16\u754c\u306f\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3084\u30bf\u30d6\u30ec\u30c3\u30c8\u306e\u6025\u6fc0\u306a\u666e\u53ca\u3068\u3001\u3053\u306e\u65b0\u3057\u3044\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u65b9\u6cd5\u306b\u3088\u308a\u3001\u65b0\u3057\u3044\u30bf\u30a4\u30d7\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3067\u3042\u308b\u30e2\u30d0\u30a4\u30eb \u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u5c0e\u5165\u304c\u6c42\u3081\u3089\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u5e38\u306b\u9032\u5316\u3057\u3066\u3044\u308b\u4e16\u754c\u3067\u3059\u3002 be) \u73fe\u5728\u3001\u6700\u3082\u52b9\u679c\u7684\u304b\u3064\u76f4\u63a5\u7684\u306a\u65b9\u6cd5\u306e 1 \u3064\u306f\u30a2\u30d7\u30ea\u306e\u4f5c\u6210\u3067\u3059\u3002<\/p>\n<p style=\"text-align: justify;\">Google\u3001Facebook\u3001Amazon\u3001Twitter \u306f\u3059\u3067\u306b\u3001iOS \u304a\u3088\u3073 Android \u7528\u306e\u30cd\u30a4\u30c6\u30a3\u30d6 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306b\u30ab\u30d7\u30bb\u30eb\u5316\u3055\u308c\u305f HTML 5\u3001CSS3\u3001\u304a\u3088\u3073 JavaScript \u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u72ec\u81ea\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306e APP \u3092\u30ea\u30ea\u30fc\u30b9\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u30013 \u7a2e\u985e\u306e\u30a2\u30d7\u30ea\u3092\u5206\u6790\u3057\u3001\u305d\u306e\u9055\u3044\u3092\u898b\u3064\u3051\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<p style=\"text-align: justify;\"><strong>\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea<\/strong><\/p>\n<p style=\"text-align: justify;\">\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u306f\u3001 <strong>\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u958b\u767a<\/strong> \u72ec\u81ea\u306e\u30b3\u30fc\u30c9\u3068\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u542b\u307e\u308c\u3066\u304a\u308a\u3001\u7121\u6599\u307e\u305f\u306f\u6709\u6599\u3067\u3001\u30b9\u30c8\u30a2 (\u305f\u3068\u3048\u3070\u3001Mac \u30c7\u30d0\u30a4\u30b9\u306e\u5834\u5408\u306f Apple Store\u3001Android \u30de\u30fc\u30b1\u30c3\u30c8\u30d7\u30ec\u30a4\u30b9\u306e\u5834\u5408) \u3092\u901a\u3058\u3066\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3084\u30bf\u30d6\u30ec\u30c3\u30c8\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u307e\u3059\u3002<\/p>\n<p style=\"text-align: justify;\">\u3053\u306e\u30bf\u30a4\u30d7\u306e\u30a2\u30d7\u30ea\u306e\u4e3b\u306a\u5229\u70b9\u306f\u3001\u30c7\u30d0\u30a4\u30b9\u306e\u307b\u307c\u3059\u3079\u3066\u306e\u6a5f\u80fd (\u9023\u7d61\u5148\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u3001\u901a\u77e5\u3001\u4f4d\u7f6e\u60c5\u5831\u306a\u3069) \u3092\u64cd\u4f5c\u3067\u304d\u308b\u3053\u3068\u3067\u3042\u308a\u3001\u30b9\u30c8\u30a2\u306b\u516c\u958b\u3055\u308c\u308b\u3053\u3068\u3067\u3001\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3055\u308c\u305f\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u53c2\u52a0\u3059\u308b\u6a5f\u4f1a\u3082\u5f97\u3089\u308c\u307e\u3059\u3002\u30d9\u30f3\u30c0\u30fc\u306b\u3088\u308b\u3002<\/p>\n<p style=\"text-align: justify;\"><strong>\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea<\/strong><\/p>\n<p style=\"text-align: justify;\">\u3053\u308c\u3089\u306f\u3001\u30cd\u30a4\u30c6\u30a3\u30d6 \u30a2\u30d7\u30ea\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5916\u89b3\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30c8\u3067\u304d\u308b\u901a\u5e38\u306e Web \u30a2\u30d7\u30ea\u3067\u3042\u308a\u3001Web \u30d9\u30fc\u30b9\u306e\u30a2\u30d7\u30ea\u307e\u305f\u306f Web \u30a2\u30d7\u30ea\u306e\u6982\u5ff5\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p style=\"text-align: justify;\">\u3053\u308c\u3089\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u305d\u306e\u6027\u8cea\u4e0a\u3001\u30c7\u30d0\u30a4\u30b9\u306e\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u304a\u3088\u3073\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3068\u5bfe\u8a71\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u5236\u9650\u304c\u4f34\u3044\u307e\u3059\u3002\u3055\u3089\u306b\u3001\u5236\u5fa1\u3067\u304d\u306a\u3044\u6027\u8cea\u306e\u305f\u3081 (Web \u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u5909\u66f4\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059)\u3001\u30b9\u30c8\u30a2\u306b\u516c\u958b\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u305a\u3001\u30c7\u30b8\u30bf\u30eb \u30de\u30fc\u30b1\u30c3\u30c8\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3055\u308c\u308b\u81a8\u5927\u306a\u53ef\u8996\u6027\u3092\u6d3b\u7528\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n<p style=\"text-align: justify;\"><strong>\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30a2\u30d7\u30ea<\/strong><\/p>\n<p style=\"text-align: justify;\">\u30cd\u30a4\u30c6\u30a3\u30d6\u3067\u306f\u306a\u3044\u304c\u3001\u30b9\u30c8\u30a2\u306a\u3069\u3067\u5229\u7528\u3067\u304d\u308b\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3057\u305f\u3044\u4eba\u306b\u3068\u3063\u3066\u306f\u3069\u3046\u3067\u3057\u3087\u3046\u304b?<\/p>\n<p style=\"text-align: justify;\">\u89e3\u6c7a\u7b56\u306f\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9 \u30a2\u30d7\u30ea\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u4e0a\u3067\u8aac\u660e\u3057\u305f 2 \u7a2e\u985e\u306e\u30a2\u30d7\u30ea\u9593\u306e\u5931\u308f\u308c\u305f\u30ea\u30f3\u30af\u3067\u3059\u3002<\/p>\n<p style=\"text-align: justify;\">\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9 \u30a2\u30d7\u30ea\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u7ba1\u7406\u30c4\u30fc\u30eb\u3068\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5099\u3048\u305f\u30cd\u30a4\u30c6\u30a3\u30d6 \u30a2\u30d7\u30ea\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30de\u30eb\u30c1\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u53ef\u80fd\u306b\u306a\u308a\u3001\u7570\u306a\u308b\u30c7\u30d0\u30a4\u30b9\u3067\u540c\u3058\u30a2\u30d7\u30ea\u3092\u7c21\u5358\u306b\u8907\u88fd\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9 \u30a2\u30d7\u30ea\u306b\u306f\u3001\u4ed6\u306e 2 \u7a2e\u985e\u306e\u30a2\u30d7\u30ea\u306e\u3059\u3079\u3066\u306e\u5229\u70b9\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p style=\"text-align: justify;\">\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u79c1\u304c\u77e5\u3063\u3066\u3044\u308b\u3001\u305d\u3057\u3066\u904e\u53bb\u306b\u8a66\u3057\u305f\u3053\u3068\u306e\u3042\u308b\u3001\u30b2\u30fc\u30e0\u4f5c\u6210\u306b\u6700\u9069\u306a\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059 (\u306f\u3044\u3001\u79c1\u306f\u904e\u53bb\u306b\u305d\u3053\u306b\u8a2d\u5b9a\u3057\u3066\u3044\u307e\u3057\u305f)\u3002\u6b8b\u5ff5\u306a\u304c\u3089\u3001\u307b\u3068\u3093\u3069\u306f\u7121\u6599\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u516c\u5f0f Web \u30b5\u30a4\u30c8\u3067\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u8cfc\u5165\u3059\u308b\u524d\u306b\u8a66\u7528\u7248\u307e\u305f\u306f\u8a66\u7528\u7248\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<a href=\"\/ja\/%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b\/\">\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/a>\n\n<span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">\u4fdd\u5b58<\/span>\n\n<span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c  no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">\u4fdd\u5b58<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-37cacbaa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"37cacbaa\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a85c28a\" data-id=\"7a85c28a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ac8f616 elementor-widget elementor-widget-heading\" data-id=\"5ac8f616\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u6700\u65b0\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3092\u8cfc\u8aad\u3059\u308b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5406b895 elementor-widget elementor-widget-shortcode\" data-id=\"5406b895\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t\t\tvar gCaptchaSibWidget;\n                        var onloadSibCallbackInvisible = function () {\n\n                            var element = document.getElementsByClassName('sib-default-btn');\n                            var countInvisible = 0;\n                            var indexArray = [];\n                            jQuery('.sib-default-btn').each(function (index, el) {\n                                if ((jQuery(el).attr('id') == \"invisible\")) {\n                                    indexArray[countInvisible] = index;\n                                    countInvisible++\n                                }\n                            });\n\n                            jQuery('.invi-recaptcha').each(function (index, el) {\n                                grecaptcha.render(element[indexArray[index]], {\n                                    'sitekey': jQuery(el).attr('data-sitekey'),\n                                    'callback': sibVerifyCallback,\n                                });\n                            });\n                        };\n\t\t\t\t\t<\/script>\n\t\t\t\t\t                <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?onload=onloadSibCallbackInvisible&render=explicit\" async defer><\/script>\n\t\t\t\t\n\t\t\t<form id=\"sib_signup_form_1\" method=\"post\" class=\"sib_signup_form\" action=\"\">\n\t\t\t\t<div class=\"sib_loader\" style=\"display:none;\"><img\n\t\t\t\t\t\t\tsrc=\"https:\/\/www.railscarma.com\/wp-includes\/images\/spinner.gif\" alt=\"\u30ed\u30fc\u30c0\"><\/div>\n\t\t\t\t<input type=\"hidden\" name=\"sib_form_action\" value=\"subscribe_form_submit\">\n\t\t\t\t<input type=\"hidden\" name=\"sib_form_id\" value=\"1\">\n                <input type=\"hidden\" name=\"sib_form_alert_notice\" value=\"Please fill out this field\">\n                <input type=\"hidden\" name=\"sib_form_invalid_email_notice\" value=\"Your email address is invalid\">\n                <input type=\"hidden\" name=\"sib_security\" value=\"c38c9fd100\">\n\t\t\t\t<div class=\"sib_signup_box_inside_1\">\n\t\t\t\t\t<div style=\"\/*display:none*\/\" class=\"sib_msg_disp\">\n\t\t\t\t\t<\/div>\n                                            <div id=\"sib_captcha_invisible\" class=\"invi-recaptcha\" data-sitekey=\"6LdikOAaAAAAAJ6SWrrKVQrtw7TQpQAEnv0HS0G3\"><\/div>\n                    \t\t\t\t\t<p class=\"sib-email-area\">\r\n    <label class=\"sib-email-area\"><\/label>\r\n    <input type=\"email\" class=\"sib-email-area\" name=\"email\" required=\"required\" placeholder=\"\u96fb\u5b50\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\">\r\n<\/p>\r\n<p class=\"sib-NAME-area\">\r\n    <label class=\"sib-NAME-area\"><\/label>\r\n    <input type=\"text\" class=\"sib-NAME-area\" name=\"NAME\" placeholder=\"\u540d\u524d\">\r\n<\/p>\r\n<p>\r\n    <input type=\"submit\" id=\"invisible\" class=\"sib-default-btn\" value=\"\u8cfc\u8aad\u3059\u308b\">\r\n<\/p>\t\t\t\t<\/div>\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"ja\"\/><\/form>\n\t\t\t<style>\n\t\t\t\tform#sib_signup_form_1 p.sib-alert-message {\n    padding: 6px 12px;\n    margin-bottom: 20px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\nform#sib_signup_form_1 p.sib-alert-message-error {\n    background-color: #f2dede;\n    border-color: #ebccd1;\n    color: #a94442;\n}\nform#sib_signup_form_1 p.sib-alert-message-success {\n    background-color: #dff0d8;\n    border-color: #d6e9c6;\n    color: #3c763d;\n}\nform#sib_signup_form_1 p.sib-alert-message-warning {\n    background-color: #fcf8e3;\n    border-color: #faebcc;\n    color: #8a6d3b;\n}\n\t\t\t<\/style>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t  <div class=\"related-post slider\">\r\n        <div class=\"headline\">\u95a2\u9023\u8a18\u4e8b<\/div>\r\n    <div class=\"post-list owl-carousel\">\r\n\r\n            <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"\u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/%e3%82%ab%e3%83%9f%e3%83%8a%e3%83%aa%e3%82%b8%e3%82%a7%e3%83%a0\/?related_post_from=37277\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem.jpg 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem-300x113.jpg 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2023\/04\/kaminari-gem-768x288.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"\u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/%e3%82%ab%e3%83%9f%e3%83%8a%e3%83%aa%e3%82%b8%e3%82%a7%e3%83%a0\/?related_post_from=37277\">\r\n        \u30ab\u30df\u30ca\u30ea\u30b8\u30a7\u30e0  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"GitHub \u304b\u3089\u30b3\u30df\u30c3\u30c8\u3092\u5143\u306b\u623b\u3059\u65b9\u6cd5\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/github%e3%81%8b%e3%82%89%e3%82%b3%e3%83%9f%e3%83%83%e3%83%88%e3%82%92%e3%83%aa%e3%83%90%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95\/?related_post_from=31361\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/HOW-TO-REVERT-COMMIT-FROM-GITHUB-1.png\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/HOW-TO-REVERT-COMMIT-FROM-GITHUB-1.png 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/HOW-TO-REVERT-COMMIT-FROM-GITHUB-1-300x113.png 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/HOW-TO-REVERT-COMMIT-FROM-GITHUB-1-768x288.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"GitHub \u304b\u3089\u30b3\u30df\u30c3\u30c8\u3092\u5143\u306b\u623b\u3059\u65b9\u6cd5\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/github%e3%81%8b%e3%82%89%e3%82%b3%e3%83%9f%e3%83%83%e3%83%88%e3%82%92%e3%83%aa%e3%83%90%e3%83%bc%e3%83%88%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95\/?related_post_from=31361\">\r\n        GitHub \u304b\u3089\u30b3\u30df\u30c3\u30c8\u3092\u5143\u306b\u623b\u3059\u65b9\u6cd5  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Ruby on Rails Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4ecb\u3057\u3066\u97f3\u58f0\u901a\u8a71\u3092\u884c\u3046\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/ruby-on-rails%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%97%e3%83%aa%e3%82%b1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e9%9f%b3%e5%a3%b0%e9%80%9a%e8%a9%b1%e3%82%92%e3%81%99%e3%82%8b\/?related_post_from=31309\">\r\n\r\n      <img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/MAKE-VOICE-CALLS-THROUGH-RUBY-ON-RAILS-WEB-APPLICATIONS.png\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/MAKE-VOICE-CALLS-THROUGH-RUBY-ON-RAILS-WEB-APPLICATIONS.png 800w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/MAKE-VOICE-CALLS-THROUGH-RUBY-ON-RAILS-WEB-APPLICATIONS-300x113.png 300w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/MAKE-VOICE-CALLS-THROUGH-RUBY-ON-RAILS-WEB-APPLICATIONS-768x288.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Ruby on Rails Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4ecb\u3057\u3066\u97f3\u58f0\u901a\u8a71\u3092\u884c\u3046\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/ruby-on-rails%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%97%e3%83%aa%e3%82%b1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e9%9f%b3%e5%a3%b0%e9%80%9a%e8%a9%b1%e3%82%92%e3%81%99%e3%82%8b\/?related_post_from=31309\">\r\n        Ruby on Rails Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4ecb\u3057\u3066\u97f3\u58f0\u901a\u8a71\u3092\u884c\u3046  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Rails \u3067 MySQL \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\/\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u306b\u306f?\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/rails%e3%81%a7mysql%e3%83%87%e3%83%bc%e3%82%bf%e3%83%99%e3%83%bc%e3%82%b9%e3%82%92%e3%82%a4%e3%83%b3%e3%83%9d%e3%83%bc%e3%83%88%e3%81%97%e3%81%a6%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88\/?related_post_from=31294\">\r\n\r\n      <img decoding=\"async\" width=\"744\" height=\"279\" src=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/How-To-Import-or-Export-MySQL-Database-in-Rails.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/How-To-Import-or-Export-MySQL-Database-in-Rails.jpg 744w, https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/07\/How-To-Import-or-Export-MySQL-Database-in-Rails-300x113.jpg 300w\" sizes=\"(max-width: 744px) 100vw, 744px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Rails \u3067 MySQL \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\/\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u306b\u306f?\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/%e6%8a%80%e8%a1%93%e8%ab%96%e6%96%87\/rails%e3%81%a7mysql%e3%83%87%e3%83%bc%e3%82%bf%e3%83%99%e3%83%bc%e3%82%b9%e3%82%92%e3%82%a4%e3%83%b3%e3%83%9d%e3%83%bc%e3%83%88%e3%81%97%e3%81%a6%e3%82%a8%e3%82%af%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88\/?related_post_from=31294\">\r\n        Rails \u3067 MySQL \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\/\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3059\u308b\u306b\u306f?  <\/a>\r\n\r\n        <\/div>\r\n      \r\n  <\/div>\r\n\r\n  <script>\r\n      <\/script>\r\n  <style>\r\n    .related-post {}\r\n\r\n    .related-post .post-list {\r\n      text-align: left;\r\n          }\r\n\r\n    .related-post .post-list .item {\r\n      margin: 10px;\r\n      padding: 10px;\r\n          }\r\n\r\n    .related-post .headline {\r\n      font-size: 14px !important;\r\n      color: #999999 !important;\r\n          }\r\n\r\n    .related-post .post-list .item .post_thumb {\r\n      max-height: 220px;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n          }\r\n\r\n    .related-post .post-list .item .post_title {\r\n      font-size: 14px;\r\n      color: #000000;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .post-list .item .post_excerpt {\r\n      font-size: 12px;\r\n      color: #3f3f3f;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .owl-dots .owl-dot {\r\n          }\r\n\r\n      <\/style>\r\n      <script>\r\n      jQuery(document).ready(function($) {\r\n        $(\".related-post .post-list\").owlCarousel({\r\n          items: 2,\r\n          responsiveClass: true,\r\n          responsive: {\r\n            0: {\r\n              items: 1,\r\n            },\r\n            768: {\r\n              items: 2,\r\n            },\r\n            1200: {\r\n              items: 2,\r\n            }\r\n          },\r\n                      rewind: true,\r\n                                loop: true,\r\n                                center: false,\r\n                                autoplay: true,\r\n            autoplayHoverPause: true,\r\n                                nav: true,\r\n            navSpeed: 1000,\r\n            navText: ['<i class=\"fas fa-chevron-left\"><\/i>', '<i class=\"fas fa-chevron-right\"><\/i>'],\r\n                                dots: false,\r\n            dotsSpeed: 1200,\r\n                                                    rtl: false,\r\n          \r\n        });\r\n      });\r\n    <\/script>\r\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>\u30e2\u30d0\u30a4\u30eb\u306e\u4e16\u754c\u306f\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3084\u30bf\u30d6\u30ec\u30c3\u30c8\u306e\u6025\u6fc0\u306a\u666e\u53ca\u3068\u3001\u3053\u306e\u65b0\u3057\u3044\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u65b9\u6cd5\u306b\u3088\u308a\u3001\u65b0\u3057\u3044\u30bf\u30a4\u30d7\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3067\u3042\u308b\u30e2\u30d0\u30a4\u30eb \u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u5c0e\u5165\u304c\u6c42\u3081\u3089\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u5e38\u306b\u9032\u5316\u3057\u3066\u3044\u308b\u4e16\u754c\u3067\u3059\u3002 be) \u73fe\u5728\u3001\u6700\u3082\u52b9\u679c\u7684\u304b\u3064\u76f4\u63a5\u7684\u306a\u65b9\u6cd5\u306e 1 \u3064\u306f\u30a2\u30d7\u30ea\u306e\u4f5c\u6210\u3067\u3059\u3002 Google\u3001Facebook\u3001Amazon\u3001Twitter \u306f\u3059\u3067\u306b\u3001iOS \u304a\u3088\u3073 Android \u7528\u306e\u30cd\u30a4\u30c6\u30a3\u30d6 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306b\u30ab\u30d7\u30bb\u30eb\u5316\u3055\u308c\u305f HTML 5\u3001CSS3\u3001\u304a\u3088\u3073 JavaScript \u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u72ec\u81ea\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u306e APP \u3092\u30ea\u30ea\u30fc\u30b9\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u30013 \u7a2e\u985e\u306e\u30a2\u30d7\u30ea\u3092\u5206\u6790\u3057\u3001\u305d\u306e\u9055\u3044\u3092\u898b\u3064\u3051\u3066\u3044\u304d\u307e\u3059\u3002NATIVE APP NATIVE \u30a2\u30d7\u30ea\u3068\u306f\u2026<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.railscarma.com\/ja\/%e3%83%96%e3%83%ad%e3%82%b0\/rails-link_to-method-the-complete-guide-with-examples\/\"> <span class=\"screen-reader-text\">Rails\u306elink_to\u30e1\u30bd\u30c3\u30c9\uff1a\u4f8b\u306b\u3088\u308b\u5b8c\u5168\u30ac\u30a4\u30c9<\/span> \u3082\u3063\u3068\u8aad\u3080 \"<\/a><\/p>","protected":false},"author":1,"featured_media":32077,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[596,598,600,601,602,384,606],"tags":[597,599,604,607,497],"class_list":["post-6490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hybrid-app","category-mobile-app","category-mobile-application-development","category-mobile-marketing","category-native-app","category-technical-articles","category-web-app-railscarma","tag-hybrid-app","tag-mobile-application","tag-native-app","tag-web-app","tag-web-application"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>App: Native, Web or Hybrid - RailsCarma Blog<\/title>\n<meta name=\"description\" content=\"The debate between Native Apps vs Hybrid Apps vs Web Apps is still going, with no clear winner \u2013 and all three choices have their benefits.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/app-native-web-hybrid\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"App: Native, Web or Hybrid - RailsCarma Blog\" \/>\n<meta property=\"og:description\" content=\"The debate between Native Apps vs Hybrid Apps vs Web Apps is still going, with no clear winner \u2013 and all three choices have their benefits.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/app-native-web-hybrid\/\" \/>\n<meta property=\"og:site_name\" content=\"RailsCarma - Ruby on Rails Development Company specializing in Offshore Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RailsCarma\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-29T05:52:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-07T05:49:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@railscarma\" \/>\n<meta name=\"twitter:site\" content=\"@railscarma\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21\"},\"headline\":\"App: Native, Web or Hybrid?\",\"datePublished\":\"2014-09-29T05:52:38+00:00\",\"dateModified\":\"2021-06-07T05:49:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/\"},\"wordCount\":439,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.railscarma.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg\",\"keywords\":[\"hybrid app\",\"mobile application\",\"native app\",\"web app\",\"web application\"],\"articleSection\":[\"hybrid app\",\"Mobile App\",\"mobile application development\",\"mobile marketing\",\"native app\",\"Technical Articles\",\"web app\"],\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/\",\"url\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/\",\"name\":\"App: Native, Web or Hybrid - RailsCarma Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.railscarma.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg\",\"datePublished\":\"2014-09-29T05:52:38+00:00\",\"dateModified\":\"2021-06-07T05:49:06+00:00\",\"description\":\"The debate between Native Apps vs Hybrid Apps vs Web Apps is still going, with no clear winner \u2013 and all three choices have their benefits.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage\",\"url\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg\",\"contentUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg\",\"width\":800,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.railscarma.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App: Native, Web or Hybrid?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.railscarma.com\/#website\",\"url\":\"https:\/\/www.railscarma.com\/\",\"name\":\"RailsCarma - Ruby on Rails Development Company specializing in Offshore Development\",\"description\":\"RailsCarma is a Ruby on Rails Development Company in Bangalore. We specialize in Offshore Ruby on Rails Development based out in USA and India. Hire experienced Ruby on Rails developers for the ultimate Web Experience.\",\"publisher\":{\"@id\":\"https:\/\/www.railscarma.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.railscarma.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.railscarma.com\/#organization\",\"name\":\"RailsCarma\",\"url\":\"https:\/\/www.railscarma.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png\",\"contentUrl\":\"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png\",\"width\":200,\"height\":46,\"caption\":\"RailsCarma\"},\"image\":{\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RailsCarma\/\",\"https:\/\/x.com\/railscarma\",\"https:\/\/www.linkedin.com\/company\/railscarma\/\",\"https:\/\/myspace.com\/railscarma\",\"https:\/\/in.pinterest.com\/railscarma\/\",\"https:\/\/www.youtube.com\/channel\/UCx3Wil-aAnDARuatTEyMdpg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.railscarma.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/www.railscarma.com\/hire-ruby-on-rails-developer\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"App: Native, Web or Hybrid - RailsCarma Blog","description":"The debate between Native Apps vs Hybrid Apps vs Web Apps is still going, with no clear winner \u2013 and all three choices have their benefits.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/app-native-web-hybrid\/","og_locale":"ja_JP","og_type":"article","og_title":"App: Native, Web or Hybrid - RailsCarma Blog","og_description":"The debate between Native Apps vs Hybrid Apps vs Web Apps is still going, with no clear winner \u2013 and all three choices have their benefits.","og_url":"https:\/\/www.railscarma.com\/ja\/\u30d6\u30ed\u30b0\/\u6280\u8853\u8ad6\u6587\/app-native-web-hybrid\/","og_site_name":"RailsCarma - Ruby on Rails Development Company specializing in Offshore Development","article_publisher":"https:\/\/www.facebook.com\/RailsCarma\/","article_published_time":"2014-09-29T05:52:38+00:00","article_modified_time":"2021-06-07T05:49:06+00:00","og_image":[{"width":800,"height":300,"url":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@railscarma","twitter_site":"@railscarma","twitter_misc":{"\u57f7\u7b46\u8005":"admin","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"2\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#article","isPartOf":{"@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/"},"author":{"name":"admin","@id":"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21"},"headline":"App: Native, Web or Hybrid?","datePublished":"2014-09-29T05:52:38+00:00","dateModified":"2021-06-07T05:49:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/"},"wordCount":439,"commentCount":0,"publisher":{"@id":"https:\/\/www.railscarma.com\/#organization"},"image":{"@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage"},"thumbnailUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg","keywords":["hybrid app","mobile application","native app","web app","web application"],"articleSection":["hybrid app","Mobile App","mobile application development","mobile marketing","native app","Technical Articles","web app"],"inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/","url":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/","name":"App: Native, Web or Hybrid - RailsCarma Blog","isPartOf":{"@id":"https:\/\/www.railscarma.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage"},"image":{"@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage"},"thumbnailUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg","datePublished":"2014-09-29T05:52:38+00:00","dateModified":"2021-06-07T05:49:06+00:00","description":"The debate between Native Apps vs Hybrid Apps vs Web Apps is still going, with no clear winner \u2013 and all three choices have their benefits.","breadcrumb":{"@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#primaryimage","url":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg","contentUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2014\/09\/Native-Apps-.jpg","width":800,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.railscarma.com\/fr\/blog\/technical-articles\/application-hybride-web-native\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.railscarma.com\/"},{"@type":"ListItem","position":2,"name":"App: Native, Web or Hybrid?"}]},{"@type":"WebSite","@id":"https:\/\/www.railscarma.com\/#website","url":"https:\/\/www.railscarma.com\/","name":"RailsCarma - \u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u306b\u7279\u5316\u3057\u305f Ruby on Rails \u958b\u767a\u4f1a\u793e","description":"RailsCarma \u306f\u30d0\u30f3\u30ac\u30ed\u30fc\u30eb\u306e Ruby on Rails \u958b\u767a\u4f1a\u793e\u3067\u3059\u3002\u5f53\u793e\u306f\u7c73\u56fd\u3068\u30a4\u30f3\u30c9\u3092\u62e0\u70b9\u3068\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2 Ruby on Rails \u958b\u767a\u3092\u5c02\u9580\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u7d4c\u9a13\u8c4a\u5bcc\u306a Ruby on Rails \u958b\u767a\u8005\u3092\u96c7\u3063\u3066\u3001\u7a76\u6975\u306e Web \u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5b9f\u73fe\u3057\u307e\u3057\u3087\u3046\u3002","publisher":{"@id":"https:\/\/www.railscarma.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.railscarma.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/www.railscarma.com\/#organization","name":"\u30ec\u30fc\u30eb\u30ab\u30fc\u30de","url":"https:\/\/www.railscarma.com\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png","contentUrl":"https:\/\/www.railscarma.com\/wp-content\/uploads\/2020\/08\/railscarma_logo.png","width":200,"height":46,"caption":"RailsCarma"},"image":{"@id":"https:\/\/www.railscarma.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RailsCarma\/","https:\/\/x.com\/railscarma","https:\/\/www.linkedin.com\/company\/railscarma\/","https:\/\/myspace.com\/railscarma","https:\/\/in.pinterest.com\/railscarma\/","https:\/\/www.youtube.com\/channel\/UCx3Wil-aAnDARuatTEyMdpg"]},{"@type":"Person","@id":"https:\/\/www.railscarma.com\/#\/schema\/person\/5f2228a2dec7549056e709de6eb85d21","name":"\u7ba1\u7406\u8005","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.railscarma.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/308867ca6c81f3aba146080c601000087180326f752c4116849ea9f514c6a4fa?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/www.railscarma.com\/hire-ruby-on-rails-developer\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/posts\/6490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/comments?post=6490"}],"version-history":[{"count":0,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/posts\/6490\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/media\/32077"}],"wp:attachment":[{"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/media?parent=6490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/categories?post=6490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.railscarma.com\/ja\/wp-json\/wp\/v2\/tags?post=6490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}