{"id":381,"date":"2015-11-16T10:54:34","date_gmt":"2015-11-16T01:54:34","guid":{"rendered":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/?p=381"},"modified":"2015-11-16T10:54:34","modified_gmt":"2015-11-16T01:54:34","slug":"%e3%80%8c%ef%bc%9c%e9%95%b7%e3%81%84%e8%aa%ac%e6%98%8e%e6%96%87%ef%bc%9e%e7%b6%9a%e3%81%8d%e3%82%92%e8%a6%8b%e3%82%8b%e3%80%8d%e3%81%a8%e3%81%84%e3%81%86%e8%a1%a8%e7%a4%ba%e3%82%92%e9%95%b7","status":"publish","type":"post","link":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/archives\/381","title":{"rendered":"\u300c\uff1c\u9577\u3044\u8aac\u660e\u6587\uff1e\u2026\u7d9a\u304d\u3092\u898b\u308b\u300d\u3068\u3044\u3046\u8868\u793a\u3092\u9577\u65b9\u5f62\u306b\u30ad\u30c3\u30c1\u30ea\u53ce\u3081\u308b\u624b\u6cd5"},"content":{"rendered":"<p>\u3053\u3093\u306b\u3061\u306f\u3001\u682a\u5f0f\u4f1a\u793e\u30a2\u30ea\u30a2\u3067\u3059\u3002<\/p>\n<p>\u5148\u65e5\u3001\u81ea\u5206\u304c\u958b\u767a\u306b\u643a\u308f\u3063\u3066\u3044\u305f\u4e88\u7d04\u30b5\u30a4\u30c8\u306e\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u30ea\u30ea\u30fc\u30b9\u304c\u884c\u308f\u308c\u307e\u3057\u305f\u3002<\/p>\n<p>\u305d\u306e\u30b5\u30a4\u30c8\u306b\u304a\u3044\u3066\u3001Web\u30b5\u30a4\u30c8\u3067\u826f\u304f\u898b\u304b\u3051\u308b\u300c\uff1c\u9577\u3044\u8aac\u660e\u6587\u306e\u4e00\u90e8\uff1e\u2026\u7d9a\u304d\u3092\u898b\u308b\uff08\u30ea\u30f3\u30af\uff09\u300d\u3068\u3044\u3046\u8868\u793a\u306b\u4e00\u5de5\u592b\u3092\u51dd\u3089\u3057\u3001\u9577\u65b9\u5f62\u306e\u8868\u793a\u30a8\u30ea\u30a2\u5185\u306b\u30c6\u30ad\u30b9\u30c8\u3092\u30d4\u30c3\u30bf\u30ea\u3068\u53ce\u3081\u308b\u3088\u3046\u306b\u3057\u305f\u306e\u3067\u3001\u305d\u306e\u624b\u6cd5\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3057\u307e\u3059\u3002\u306a\u304a\u3001\u300c\u7d9a\u304d\u3092\u898b\u308b\uff08\u30ea\u30f3\u30af\uff09\u300d\u304c\u4e0d\u8981\u306a\u5834\u5408\u306f css3 \u3067\u5b9f\u73fe\u53ef\u80fd\u306a\u306e\u3067\u3001\u300cellipsis css\u300d\u3068\u3044\u3063\u305f\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u30cd\u30c3\u30c8\u691c\u7d22\u3057\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>\u3053\u3053\u3067\u7d39\u4ecb\u3059\u308b\u624b\u6cd5\u3092\u5b9f\u969b\u306b\u9069\u7528\u3057\u305f\u8868\u793a\u306f\u3001\u3053\u306e\u69d8\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-content\/uploads\/2015\/11\/381_attach.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-394\" src=\"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-content\/uploads\/2015\/11\/381_attach-300x42.png\" alt=\"381_attach\" width=\"300\" height=\"42\" srcset=\"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-content\/uploads\/2015\/11\/381_attach-300x42.png 300w, http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-content\/uploads\/2015\/11\/381_attach.png 539w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>\u3067\u306f\u8aac\u660e\u306b\u5165\u308a\u307e\u3059\u3002\u307e\u305a\u6700\u521d\u306f\u8868\u793a\u3055\u308c\u308b\u30c6\u30ad\u30b9\u30c8\u90e8\u5206\u306e Html \u3067\u3059\u3002<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;p\r\n data-href=&quot;\u26051. \u7d9a\u304d\u306e\u30ea\u30f3\u30af\u5148URL\u2605&quot;\r\n data-max-height=&quot;\u26052. \u8a31\u5bb9\u3059\u308b\u6700\u5927\u9ad8\u3055\u3002\u4f8b\uff1a80\u2605&quot;\r\n class=&quot;ellipsis multiline&quot;\r\n style=&quot;height:\u26053. p \u30bf\u30b0\u306e\u9ad8\u3055\u3002\u4f8b\uff1a80px\u2605;&quot;\r\n&gt;\r\n\u26054. \u8868\u793a\u3057\u305f\u3044\u6587\u5b57\u5217\u3092\u3053\u3053\u306b\u30bb\u30c3\u30c8\u2605\r\n&lt;\/p&gt;\r\n<\/pre>\n<p>\u3053\u306e\u4f8b\u3067\u306f p \u30bf\u30b0\u3092\u5229\u7528\u3057\u3066\u3044\u307e\u3059\u3002\u2605\u30de\u30fc\u30af\u3067\u56f2\u3093\u3060\u90e8\u5206\u306b\u3064\u3044\u3066\u306f\u3001\u8aac\u660e\u5185\u5bb9\u306b\u5f93\u3063\u3066\u8a18\u8f09\uff08\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304b\u3089\u51fa\u529b\uff09\u3057\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002p \u30bf\u30b0\u3067\u56f2\u307e\u308c\u3066\u3044\u308b\u300c4.\u300d\u306e\u30c6\u30ad\u30b9\u30c8\u6587\u5b57\u5217\u90e8\u5206\u306f\u3001\u8868\u793a\u30a8\u30ea\u30a2\u3092\u306f\u307f\u51fa\u3059\u6587\u5b57\u6570\u3067\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304b\u3089\u51fa\u529b\u3057\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u6b21\u306b Html \u306e JavaScript \u90e8\u5206\u3067\u3059\u304c\u3001\u3053\u3053\u3067\u306f jQuery \u3092\u5229\u7528\u3057\u3066\u3044\u307e\u3059\u3002Html \u306e\u30c6\u30ad\u30b9\u30c8\u51fa\u529b\u304c\u7d42\u308f\u3063\u305f\u5f8c\u306b\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u306e JavaScript \u3092\u547c\u3073\u51fa\u3059\u3088\u3046\u306b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n$(function() {\r\n\t$(&quot;.ellipsis&quot;).ellipsis();\r\n}\r\n<\/pre>\n<p>\u6700\u5f8c\u306b\u3001\u4e0a\u8a18\u304b\u3089\u547c\u3073\u51fa\u3055\u308c\u308b\u30e1\u30a4\u30f3 JavaScript \u3067\u3059\u3002<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n(function($) {\r\n\t$.fn.ellipsis = function()\r\n\t{\r\n\t\treturn this.each(function()\r\n\t\t{\r\n\t\t\tvar el = $(this);\r\n\r\n\t\t\tif (el.css('overflow') == 'hidden')\r\n\t\t\t{\r\n\t\t\t\tvar text       = el.html();\r\n\t\t\t\tvar multiline  = el.hasClass('multiline');\r\n\t\t\t\tvar max_height = el.data('maxHeight');\r\n\t\t\t\tvar href       = el.data('href');\r\n\r\n\t\t\t\tvar t = $(this.cloneNode(true))\r\n\t\t\t\t\t.hide()\r\n\t\t\t\t\t.css('position', 'absolute')\r\n\t\t\t\t\t.css('overflow', 'visible')\r\n\t\t\t\t\t.width(multiline  ? el.width() : 'auto')\r\n\t\t\t\t\t.height(multiline ? 'auto'     : el.height())\r\n\t\t\t\t\t;\r\n\r\n\t\t\t\tel.after(t);\r\n\r\n\t\t\t\tif (multiline)\r\n\t\t\t\t{\r\n\t\t\t\t\t\/\/ \u4e0b\u884c\u306e +4 \u306f\u30d6\u30e9\u30a6\u30b6\u5dee\u7570\u5438\u53ce\u306e\u305f\u3081\u306b\u5165\u308c\u305f\u3082\u306e\u306a\u306e\u3067\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044\u3002\r\n\t\t\t\t\tif (t.height() + 4 &gt;= max_height)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tel.height(max_height);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction height() { return t.height() &gt; max_height; };\r\n\t\t\t\tfunction width()  { return t.width()  &gt; el.width(); };\r\n\r\n\t\t\t\tvar func = multiline ? height : width;\r\n\r\n\t\t\t\twhile (text.length &gt; 0 &amp;&amp; func())\r\n\t\t\t\t{\r\n\t\t\t\t\ttext = text.substr(0, text.length - 1);\r\n\r\n\t\t\t\t\tif (typeof href === 'undefined')\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tt.html(text + '\u2026');\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tt.html(text + '\u2026 &lt;a href=&quot;' + href + '&quot;&gt;\u7d9a\u304d\u3092\u898b\u308b&lt;\/a&gt;');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tel.html(t.html());\r\n\t\t\t\tt.remove();\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n})(jQuery);\r\n<\/pre>\n<p>\u30e1\u30a4\u30f3 JavaScript \u306e\u51e6\u7406\u30d5\u30ed\u30fc\u3092\u8aac\u660e\u3059\u308b\u3068\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u2460 \u30c6\u30ad\u30b9\u30c8\u8868\u793a\u30a8\u30ea\u30a2\uff08\u4eca\u56de\u306e\u4f8b\u3060\u3068 p \u30bf\u30b0\u90e8\u5206\uff09\u304b\u3089\u6587\u5b57\u5217\u304c\u6ea2\u308c\u308b\u304b\u5426\u304b\u3092\u30c1\u30a7\u30c3\u30af<br \/>\n\u6ea2\u308c\u308b\u5834\u5408 \u21d2 \u2461<br \/>\n\u6ea2\u308c\u306a\u3044\u5834\u5408 \u21d2 \u2462<br \/>\n\u2461 \u30c6\u30ad\u30b9\u30c8\u306e\u5f8c\u308d\u304b\u3089\u4e00\u6587\u5b57\u3092\u524a\u9664 \u21d2 \u2462<br \/>\n\u2462 data-href \u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306b\u300c\u2026 \u7d9a\u304d\u3092\u898b\u308b\uff08\u30ea\u30f3\u30af\uff09\u300d\u3092\u6700\u5f8c\u5c3e\u306b\u8ffd\u52a0 \u21d2 \u2460<\/p>\n<p>\u30c6\u30ad\u30b9\u30c8\u8868\u793a\u30a8\u30ea\u30a2\u304b\u3089\u6587\u5b57\u5217\u304c\u6ea2\u308c\u306a\u3044\u3088\u3046\u306b\u306a\u308b\u307e\u3067\u4e0a\u8a18\u30d5\u30ed\u30fc\u304c\u7e70\u308a\u8fd4\u3055\u308c\u307e\u3059\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u306e\u30d6\u30e9\u30a6\u30b6\u306b\u51e6\u7406\u306e\u8ca0\u62c5\u3092\u5f37\u3044\u308b\u305f\u3081\u3001\u4e00\u753b\u9762\u3067\u5341\u6570\u30f6\u6240\u3082\u4f7f\u7528\u3059\u308b\u3068\u8868\u793a\u304c\u9045\u304f\u306a\u308b\u4e8b\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u4e00\u30f6\u6240\u306a\u3089\u3070\u554f\u984c\u306a\u3044\u3088\u3046\u3067\u3059\u3002\u305f\u3060\u3057\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u3067\u51fa\u529b\u3059\u308b\u6587\u5b57\u5217\u304c\u9577\u3059\u304e\u308b\u3068\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30b5\u30a4\u30c9\u3067\u524a\u9664\u51e6\u7406\u3092\u884c\u3046\u56de\u6570\u304c\u5897\u3048\u3066\u8868\u793a\u306b\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u306e\u3067\u3001\u30b5\u30fc\u30d0\u30fc\u30b5\u30a4\u30c9\u304b\u3089\u51fa\u529b\u3059\u308b\u6587\u5b57\u5217\u306e\u9577\u3055\u3092\u8abf\u6574\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u3053\u3046\u3044\u3063\u305f\u8868\u793a\u306e\u5de5\u592b\u3092\u8981\u6c42\u3055\u308c\u308b\u6a5f\u4f1a\u306f\u306a\u304b\u306a\u304b\u7121\u3044\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u5fc5\u8981\u3068\u306a\u3063\u305f\u969b\u306e\u53c2\u8003\u306b\u3057\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n<p>\u53c2\u8003\u30b5\u30a4\u30c8\uff1a<a href=\"http:\/\/stackoverflow.com\/questions\/536814\/insert-ellipsis-into-html-tag-if-content-too-wide\" target=\"_blank\">Stack Overflow <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3053\u3093\u306b\u3061\u306f\u3001\u682a\u5f0f\u4f1a\u793e\u30a2\u30ea\u30a2\u3067\u3059\u3002 \u5148\u65e5\u3001\u81ea\u5206\u304c\u958b\u767a\u306b\u643a\u308f\u3063\u3066\u3044\u305f\u4e88\u7d04\u30b5\u30a4\u30c8\u306e\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u30ea\u30ea\u30fc\u30b9\u304c\u884c\u308f\u308c\u307e\u3057\u305f\u3002 \u305d\u306e\u30b5\u30a4\u30c8\u306b\u304a\u3044\u3066\u3001Web\u30b5\u30a4\u30c8\u3067\u826f\u304f\u898b\u304b\u3051\u308b\u300c\uff1c\u9577\u3044\u8aac\u660e\u6587\u306e\u4e00\u90e8\uff1e\u2026\u7d9a\u304d\u3092\u898b\u308b\uff08\u30ea\u30f3\u30af\uff09\u300d\u3068\u3044\u3046\u8868\u793a\u306b\u4e00 &hellip; <a href=\"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/archives\/381\"><span class=\"readmore\">Continue reading<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"\u300c\uff1c\u9577\u3044\u8aac\u660e\u6587\uff1e\u2026\u7d9a\u304d\u3092\u898b\u308b\u300d\u3068\u3044\u3046\u8868\u793a\u3092\u9577\u65b9\u5f62\u306b\u30ad\u30c3\u30c1\u30ea\u53ce\u3081\u308b\u624b\u6cd5","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}},"categories":[10,11],"tags":[],"class_list":["post-381","post","type-post","status-publish","format-standard","hentry","category-10","category-11"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/posts\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":15,"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/posts\/381\/revisions"}],"predecessor-version":[{"id":404,"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/posts\/381\/revisions\/404"}],"wp:attachment":[{"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/media?parent=381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/categories?post=381"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.aria-world.co.jp\/app-def\/S-102\/blog\/wp-json\/wp\/v2\/tags?post=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}