1<!doctype html> 2<html data-n-head-ssr lang="ja" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22ja%22%7D%7D"> 3 <head> 4 <title>Flutterã§URLã¸ã®ãªã³ã¯ã使ãã¦ã¢ããªå¤ã§Webãã¼ã¸ãéã | virtualiment</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content="ããã°ã©ãã³ã°ãLinuxãITå ¨è¬ã«ã¾ã¤ãããã¨ãã¡ã¢ãã¦ããã¾ãã"><meta data-n-head="ssr" data-hid="og:site_name" property="og:site_name" content="virtualiment"><meta data-n-head="ssr" data-hid="og:type" property="og:type" content="website"><meta data-n-head="ssr" name="twitter:card" content="summary_large_image"><meta data-n-head="ssr" data-hid="slug_description" name="slug_description" content="Flutterã§URLãã¿ããããããã©ã¦ã¶ãéãã¦ããã§URLå ã表示ãããå ´åãããã¾ãããã®è¨äºã§ã¯ãFlutterå ¬å¼ã®ãã©ã°ã¤ã³ã使ç¨ããå®è£ ä¾ãã¡ã¢ãã¾ãã"><meta data-n-head="ssr" data-hid="og:url" property="og:url" content="https://virment.com/handling-url-flutter/"><meta data-n-head="ssr" data-hid="og:title" property="og:title" content="Flutterã§URLã¸ã®ãªã³ã¯ã使ãã¦ã¢ããªå¤ã§Webãã¼ã¸ãéã"><meta data-n-head="ssr" data-hid="og:description" property="og:description" content="Flutterã§URLãã¿ããããããã©ã¦ã¶ãéãã¦ããã§URLå ã表示ãããå ´åãããã¾ãããã®è¨äºã§ã¯ãFlutterå ¬å¼ã®ãã©ã°ã¤ã³ã使ç¨ããå®è£ ä¾ãã¡ã¢ãã¾ãã"><meta data-n-head="ssr" data-hid="og:image" property="og:image" content="https://virment.com/images/2022/08/flutter-url-handling-top.jpg"><meta data-n-head="ssr" data-hid="twitter:card" name="twitter:card" content="summary_large_image"><meta data-n-head="ssr" data-hid="twitter:site" name="twitter:site" content="https://virment.com/handling-url-flutter/"><meta data-n-head="ssr" data-hid="twitter:image" name="twitter:image" content="https://virment.com/images/2022/08/flutter-url-handling-top.jpg"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico">
vendor: 75 bytes, line 4
4<script data-n-head="ssr" src="https://www.googletagmanager.com/gtag/js?id=
4G-Z3HCGCNNRR
vendor: 17 bytes, line 4
4" async></script>
4<link rel="preload" href="/_nuxt/6a280d0.js" as="script"><link rel="preload" href="/_nuxt/51a0395.js" as="script"><link rel="preload" href="/_nuxt/b624c0c.js" as="script"><link rel="preload" href="/_nuxt/1700a64.js" as="script"><link rel="preload" href="/_nuxt/cc6988b.js" as="script"><link rel="preload" href="/_nuxt/f4c239d.js" as="script"><link rel="preload" href="/_nuxt/e812f2b.js" as="script"><style data-vue-ssr-id="15bbe95e:0 382a115c:0 126c1bb0:0 763980e8:0 43bf4c8c:0 998d77aa:0 06e030da:0 4e66fe4d:0 55c6723e:0 5b995720:0 79c96bf9:0 4442316a:0 b8c86748:0">:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
4padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}
4.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}
4.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com*/*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
4[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-24{top:6rem}.top-0{top:0}.z-0{z-index:0}.z-50{z-index:50}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.-ml-px{margin-left:-1px}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.mr-4{margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mr-2{margin-right:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mb-0{margin-bottom:0}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-56{height:14rem}.h-5{height:1.25rem}.h-36{height:9rem}.h-4{height:1rem}.h-16{height:4rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-5{width:1.25rem}.w-36{width:9rem}.w-4{width:1rem}.w-8{width:2rem}.max-w-screen-xl{max-width:1280px}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}
4.rounded-lg{border-radius:.5rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.bg-twitter{--tw-bg-opacity:1;background-color:rgb(85 172 238 / var(--tw-bg-opacity))}.bg-grayF3{--tw-bg-opacity:1;background-color:rgb(243 243 243 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-2\.5{padding:.625rem}.p-2{padding:.5rem}.p-1\.5{padding:.375rem}.p-1{padding:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pb-8{padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pt-1{padding-top:.25rem}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.pl-4{padding-left:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-normal{line-height:1.5}.tracking-wider{letter-spacing:.05em}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-navy{--tw-text-opacity:1;color:rgb(33 45 64 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-latte{--tw-text-opacity:1;color:rgb(254 246 227 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
4--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity))}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:text-blue-700:focus{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
4dow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253 / var(--tw-ring-opacity))}.focus\:ring-blue-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(29 78 216 / var(--tw-ring-opacity))}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.dark\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity))}.dark\:text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}.dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:hover\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.dark\:focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity))}.dark\:focus\:ring-blue-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175 / var(--tw-ring-opacity))}}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-full{width:100%}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1 1 0%}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:mt-4{margin-top:1rem}.md\:mr-4{margin-right:1rem}.md\:mt-0{margin-top:0}.md\:ml-6{margin-left:1.5rem}.md\:mt-6{margin-top:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:flex{display:flex}.md\:w-64{width:16rem}.md\:w-full{width:100%}.md\:w-2\/3{width:66.666667%}.md\:flex-shrink-0{flex-shrink:0}.md\:justify-start{justify-content:flex-start}.md\:p-8{padding:2rem}.md\:p-4{padding:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pl-4{padding-left:1rem}}@media (min-width:1024px){.lg\:static{position:static}.lg\:w-3\/4{width:75%}.lg\:w-1\/4{width:25%}
4.lg\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.lg\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1280px){.xl\:w-3\/4{width:75%}.xl\:w-full{width:100%}.xl\:w-1\/4{width:25%}.xl\:px-16{padding-left:4rem;padding-right:4rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}}html{font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{background-color:#f3f3f3;color:#333}.content{background-color:#fafafa}.nuxt-content h2{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}.nuxt-content h3{margin-top:1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.nuxt-content p{margin-top:2rem;margin-bottom:2rem}@media (min-width:768px){.nuxt-content p{margin-top:2.5rem;margin-bottom:2.5rem}}.nuxt-content a{color:#20399d;border-bottom:1px solid #20399d}.nuxt-content a:hover{border:none;color:#20399d}.nuxt-content ul{list-style:disc;list-style-position:inside;margin-top:1rem;margin-bottom:1rem}.nuxt-content li{padding-top:.25rem;padding-bottom:.25rem}.nuxt-content ul li ul{list-style:circle;list-style-position:inside;margin-top:0;margin-bottom:0;margin-left:1rem}.nuxt-content blockquote{padding-top:1rem;padding-bottom:1rem;padding-left:1.25rem;padding-right:.75rem;font-style:italic;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
4--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-left:4px solid #d66853;color:#777}.nuxt-content-highlight{padding-bottom:16px;margin-top:10px}.filename{display:inline!important}pre.line-numbers{margin-top:0!important;border-radius:0!important}.code-toolbar>.toolbar{display:none}.content-header{font-size:28px}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;background:#263238;font-family:Roboto Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#363636}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#363636}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#363636}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative;margin:.5em 0;padding:1.25em 1em}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#c3e88d}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#f2ff00}.token.comment{color:#546e7a}.token.constant{color:#c792ea}.token.deleted{color:#f07178}.token.doctype{color:#546e7a}.token.entity{color:#f07178}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id,.token.important{color:#c792ea;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:#80cbc4}.token.pseudo-class,.token.pseudo-element{color:#c3e88d}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f07178}.token.string{color:#c3e88d}.token.symbol{color:#c792ea}.token.tag,.token.unit{color:#f07178}.token.url{color:#fd9170}.token.variable{color:#f07178}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}html{font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}*,:after,:before{box-sizing:border-box;margin:0}.social-icon[data-v-27680176]:hover{background-color:rgba(254,246,227,.1)}.container-article[data-v-18928305]{max-width:960px}.nuxt-content p{margin-top:20px;margin-bottom:0}.nuxt-content h2{font-weight:700;font-size:28px;margin-top:45px;margin-bottom:15px}.nuxt-content h3{font-weight:700;font-size:22px;margin-top:20px}.nuxt-content p>code{padding:.25rem;font-style:normal;border-radius:.25rem;font-size:.875rem;--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity));--text-opacity:1;color:#f56565;color:rgba(245,101,101,var(--text-opacity))}.nuxt-content pre{margin-bottom:10px;border-radius:.25em}span.filename{color:#e2e8f0!important}ul.plist{list-style:none}ul.plist li{position:relative;padding:.5rem .5rem .5rem 3rem;line-height:1.7}ul.plist li:before{content:"";position:absolute;top:1.1em;left:1em;width:10px;height:10px;background-color:#014c86;border-radius:50%}.nuxt-content p a img{border:1px solid #ccc;padding:3px}.filename{background:#777;padding:0 10px 5px;margin:0!important}
4.text-accent-blue[data-v-acd0b85c]{color:#014c86}.toc3[data-v-18733940]{padding-left:16px}.active[data-v-18733940]{color:#014c86}.top-24[data-v-18733940]{top:1rem}</style><link rel="preload" href="/_nuxt/static/1762848132/handling-url-flutter/state.js" as="script"><link rel="preload" href="/_nuxt/static/1762848132/handling-url-flutter/payload.js" as="script"><link rel="preload" href="/_nuxt/static/1762848132/manifest.js" as="script"> 5 </head> 6 <body> 7 <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="flex flex-col min-h-screen bg-white"><header class="container top-0 z-50 flex items-center w-full h-16 mx-auto py-12"><div class="relative flex items-center justify-between w-full px-4 md:px-6 lg:px-12 xl:px-16"><a href="/" class="nuxt-link-active"><div class="text-3xl font-medium">virtualiment</div></a> <div class="flex items-center justify-start hidden sm:block"><a href="/past-mywork-and-projects" class="text-sm mr-2 font-medium text-grey-800">éå»ã®å¶ä½å®ç¸¾</a> <a href="/aboutme" class="text-sm mr-2 font-medium text-grey-800">ãããã£ã¼ã«</a> <a href="/contact" class="text-sm mr-2 font-medium text-grey-800">ãååãã»ãç¸è«</a> <button aria-label="管çè ã®twitterã¸ã®ãªã³ã¯" class="px-2 py-2 rounded-full social-icon md:mr-4" data-v-27680176><a href="https://twitter.com/virtualiment" class="fa-lg text-grey-800" data-v-27680176><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-twitter" data-v-27680176><path fill="currentColor" d="M459.4 151.7c.325 4.548 .325 9.097 .325 13.65 0 138.7-105.6 298.6-298.6 298.6-59.45 0-114.7-17.22-161.1-47.11 8.447 .974 16.57 1.299 25.34 1.299 49.06 0 94.21-16.57 130.3-44.83-46.13-.975-84.79-31.19-98.11-72.77 6.498 .974 12.99 1.624 19.82 1.624 9.421 0 18.84-1.3 27.61-3.573-48.08-9.747-84.14-51.98-84.14-102.1v-1.299c13.97 7.797 30.21 12.67 47.43 13.32-28.26-18.84-46.78-51.01-46.78-87.39 0-19.49 5.197-37.36 14.29-52.95 51.65 63.67 129.3 105.3 216.4 109.8-1.624-7.797-2.599-15.92-2.599-24.04 0-57.83 46.78-104.9 104.9-104.9 30.21 0 57.5 12.67 76.67 33.14 23.72-4.548 46.46-13.32 66.6-25.34-7.798 24.37-24.37 44.83-46.13 57.83 21.12-2.273 41.58-8.122 60.43-16.24-14.29 20.79-32.16 39.31-52.63 54.25z" data-v-27680176></path></svg></a></button> <!----></div> <div class="ml-auto sm:hidden p-6"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-bars"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"></path></svg></div></div> <nav class="w-full container" style="position:absolute;background-color:#fff;top:70px;display:none"><ul class="flex flex-col text-center"><li><a href="/past-mywork-and-projects" class="text-sm mr-2 font-medium text-grey-800 p-6 block">éå»ã®å¶ä½å®ç¸¾</a></li> <li><a href="/aboutme" class="text-sm mr-2 font-medium text-grey-800">ãããã£ã¼ã«</a></li> <li><a href="/contact" class="text-sm mr-2 font-medium text-grey-800 p-6 block"> 8 ãååãã»ãç¸è« 9 </a></li> <li><button aria-label="管çè ã®twitterã¸ã®ãªã³ã¯" class="px-2 py-2 rounded-full social-icon md:mr-4" data-v-27680176><a href="https://twitter.com/virtualiment" class="fa-lg text-grey-800 p-6 block" data-v-27680176><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-twitter" data-v-27680176><path fill="currentColor" d="M459.4 151.7c.325 4.548 .325 9.097 .325 13.65 0 138.7-105.6 298.6-298.6 298.6-59.45 0-114.7-17.22-161.1-47.11 8.447 .974 16.57 1.299 25.34 1.299 49.06 0 94.21-16.57 130.3-44.83-46.13
9-.975-84.79-31.19-98.11-72.77 6.498 .974 12.99 1.624 19.82 1.624 9.421 0 18.84-1.3 27.61-3.573-48.08-9.747-84.14-51.98-84.14-102.1v-1.299c13.97 7.797 30.21 12.67 47.43 13.32-28.26-18.84-46.78-51.01-46.78-87.39 0-19.49 5.197-37.36 14.29-52.95 51.65 63.67 129.3 105.3 216.4 109.8-1.624-7.797-2.599-15.92-2.599-24.04 0-57.83 46.78-104.9 104.9-104.9 30.21 0 57.5 12.67 76.67 33.14 23.72-4.548 46.46-13.32 66.6-25.34-7.798 24.37-24.37 44.83-46.13 57.83 21.12-2.273 41.58-8.122 60.43-16.24-14.29 20.79-32.16 39.31-52.63 54.25z" data-v-27680176></path></svg></a></button></li></ul></nav></header> <main class="container flex-grow max-w-screen-xl px-4 mx-auto lg:static md:px-12 bg-white" data-v-18928305><div class="flex flex-wrap mb-4" data-v-18928305><div class="w-full mt-4 rounded-lg lg:w-3/4" data-v-18928305><article class="flex flex-col p-4 md:p-8"><section class="leading-relaxed tracking-wider"><h1 class="text-2xl font-bold break-all"> 10 Flutterã§URLã¸ã®ãªã³ã¯ã使ãã¦ã¢ããªå¤ã§Webãã¼ã¸ãéã 11</h1> <div class="flex items-center mt-4 md:mt-4"><div class="flex items-center"><span class="text-gray-700 text-sm">å ¬éæ¥ï¼2022/08/14</span> <span class="ml-2 text-gray-700 text-sm">æ´æ°æ¥ï¼2022/08/14</span></div></div> <div class="flex items-center mt-4 md:mt-4" data-v-acd0b85c><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="tags" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-label="ã¿ã°" class="text-accent-blue svg-inline--fa fa-tags" data-v-acd0b85c data-v-acd0b85c><path fill="currentColor" d="M472.8 168.4C525.1 221.4 525.1 306.6 472.8 359.6L360.8 472.9C351.5 482.3 336.3 482.4 326.9 473.1C317.4 463.8 317.4 448.6 326.7 439.1L438.6 325.9C472.5 291.6 472.5 236.4 438.6 202.1L310.9 72.87C301.5 63.44 301.6 48.25 311.1 38.93C320.5 29.61 335.7 29.7 344.1 39.13L472.8 168.4zM.0003 229.5V80C.0003 53.49 21.49 32 48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L410.7 218.7C435.7 243.7 435.7 284.3 410.7 309.3L277.3 442.7C252.3 467.7 211.7 467.7 186.7 442.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5L.0003 229.5zM112 112C94.33 112 80 126.3 80 144C80 161.7 94.33 176 112 176C129.7 176 144 161.7 144 144C144 126.3 129.7 112 112 112z" data-v-acd0b85c data-v-acd0b85c></path></svg> <span class="px-2 py-1 ml-2 rounded bg-grayF3" data-v-acd0b85c><a href="/tags/Flutter/" data-v-acd0b85c><span class="rounded py-1 text-sm font-semibold text-gray-700" data-v-acd0b85c> 12 Flutter 13 </span></a></span></div> <div class="mt-4 md:mt-6"><picture><img src="https://virment.com/images/2022/08/flutter-url-handling-top.jpg" alt="Flutterã§URLã¸ã®ãªã³ã¯ã使ãã¦ã¢ããªå¤ã§Webãã¼ã¸ãéãã®ãµã ãã¤ã«" class="w-full h-56 object-cover mb-4 my-2"></picture></div> <!----></section> <div class="leading-relaxed tracking-wider nuxt-content"><h2 id="ã¯ããã«"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>ã¯ããã«</h2> 14<p>Flutterã§URLãã¿ããããããã©ã¦ã¶ãéãã¦ããã§URLå ã表示ãããå ´åãããã¾ãããã®è¨äºã§ã¯ãFlutterå ¬å¼ã®ãã©ã°ã¤ã³ã使ç¨ããå®è£ ä¾ãã¡ã¢ãã¾ãã</p> 15<h2 id="ã§ããããã«ãªããã¨"><a href="#%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%93%E3%81%A8" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>ã§ããããã«ãªããã¨</h2> 16<p>ãã®è¨äºã§èª¬æããå 容ã«ãã£ã¦åºæ¥ä¸ããã®ã¯ä»¥ä¸ã®GIFç»åã®ããã«ãFlutterã§ä½æããã¢ããªå ã«ã¦ãæå®ããURLã®ãªã³ã¯ãã¿ãããããã¹ãã¼ããã©ã³ã®ãã©ã¦ã¶ãéãã¦Webãã¼ã¸ãéãã¾ãã</p> 17<p><a href="https://virment.com/images/2022/08/link-with-open-browser.gif" rel="nofollow noopener noreferrer" target="_blank"><img alt="link-with-open-browser.gif" src="/images/2022/08/link-with-open-browser.gif"></a></p> 18<p>ä¸è¨ã®å®è£ ã以éã«è¨è¼ãã¾ãã</p> 19<p>ãªããããFlutterã¢ããªå ã§ãªã³ã¯ãã¯ãªãã¯ãããã¢ããªã®ä¸ã§ãã®Webãã¼ã¸ã表示ãããå ´åã«ã¤ãã¦ã¯ä»¥ä¸ã«ã¾ã¨ãã¾ããã</p> 20<div class="w-full mt-3"> 21<div class="border-l border-r border-b border-t border-gray-400 bg-white px-6 py-3 flex justify-between leading-normal"> 22<div class="mb-2"> 23<span class="text-sm text-gray-600 flex items-center mb-2"> 24 virment.com 25 </span> 26<div class="inline-flex items-center text-gray-900 font-bold text-xl"> 27<a href="https://virment.com/how-to-show-webview-in-flutter-app/" rel="noopener noreferrer" target="_blank">webview_flutterã使ã£ã¦Flutterã¢ããªå ã§Webãã¼ã¸ãéã</a> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg" class="w-4 h-4 ml-2"><path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" strokeLineCap="round" strokeLineJoin="round" strokeWidth="2"></path></svg> 28</div> 29<p class="text-gray-700 text-base mb-1">Flutterã§URLãã¿ããããæã«ã¢ããªå ã§ãã®URLã®Webãã¼ã¸ãéãæ¹æ³ã«ã¤ãã¦ã¾ã¨ãã¾ãããã®è¨äºã§ã¯ãFlutterå ¬å¼ã®ãã©ã°ã¤ã³ã§ããwebview_flutterã使ç¨ããå®è£ ä¾ãã¡ã¢ãã¾ãã</p> 30</div> 31</div> 32</div> 33<h2 id="åæã¨ç°å¢"><a href="#%E5%89%8D%E6%8F%90%E3%81%A8%E7%92%B0%E5%A2%83" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>åæã¨ç°å¢</h2> 34<p>以éã«è¨è¼ããã³ã¼ããå®è¡ããç°å¢ã¯ä»¥ä¸ã«ãªãã¾ãã</p> 35<ul> 36<li>iOS 15.5</li> 37<li>Xcode 13.4.1</li> 38<li>Flutter 3.0.5 (Dart 2.17.6)</li> 39</ul> 40<h2 id="å¿ è¦ãªããã±ã¼ã¸"><a href="#%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>å¿ è¦ãªããã±ã¼ã¸</h2> 41<p>å¿ è¦ãªããã±ã¼ã¸ã¯ä»¥ä¸ã«ãªãã¾ãã</p> 42<div class="nuxt-content-highlight"><span class="filename">pubspec.yaml</span><pre class="line-numbers language-yaml"><code><span class="token key atrule">dependencies</span><span class="token punctuation">:</span> 43 <span class="token key atrule">url_launcher</span><span class="token punctuation">:</span> ^6.1.5 44</code></pre></div> 45<div class="w-full mt-3"> 46<div class="border-l border-r border-b border-t border-gray-400 bg-white px-6 py-3 flex justify-between leading-normal"> 47<div class="mb-2"> 48<span class="text-sm text-gray-600 flex items-center mb-2"> 49 pub.dev 50 </span> 51<div class="inline-flex items-center text-gray-900 font-bold text-xl"> 52<a href="https://pub.dev/packages/url_launcher" rel="noopener noreferrer" target="_blank">url_launcher</a> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg" class="w-4 h-4 ml-2"><path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" strokeLineCap="round" strokeLineJoin="round" strokeWidth="2"></path></svg> 53</div> 54<p class="text-gray-700 text-base mb-1">A Flutter plugin for launching a URL.</p> 55</div> 56</div> 57</div> 58<h2 id="該å½ããé¨åã®ã³ã¼ã"><a href="#%E8%A9%B2%E5%BD%93%E3%81%99%E3%82%8B%E9%83%A8%E5%88%86%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>該å½ããé¨åã®ã³ã¼ã</h2> 59<p>該å½ããé¨åã®ã³ã¼ãã¯ä»¥ä¸ã«ãªãã¾ãã</p> 60<div class="nuxt-content-highlight"><span class="filename">
60main.dart</span><pre class="line-numbers language-dart"><code><span class="token keyword">import</span> <span class="token string-literal"><span class="token string">'package:flutter/material.dart'</span></span><span class="token punctuation">;</span> 61<span class="token keyword">import</span> <span class="token string-literal"><span class="token string">'package:url_launcher/link.dart'</span></span><span class="token punctuation">;</span> 62 63<span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">(</span>çç¥<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span> 64 65<span class="token class-name">Link</span><span class="token punctuation">(</span> 66 <span class="token comment">// éãããWebãã¼ã¸ã®URLãæå®</span> 67 uri<span class="token punctuation">:</span> <span class="token class-name">Uri</span><span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span><span class="token string-literal"><span class="token string">'https://flutter.dev'</span></span><span class="token punctuation">)</span><span class="token punctuation">,</span> 68 <span class="token comment">// targetã«ã¤ãã¦ã¯å¾è¿°</span> 69 target<span class="token punctuation">:</span> <span class="token class-name">LinkTarget</span><span class="token punctuation">.</span>blank<span class="token punctuation">,</span> 70 builder<span class="token punctuation">:</span> <span class="token punctuation">(</span><span class="token class-name">BuildContext</span> ctx<span class="token punctuation">,</span> <span class="token class-name">FollowLink</span><span class="token operator">?</span> openLink<span class="token punctuation">)</span> <span class="token punctuation">{</span> 71 <span class="token keyword">return</span> <span class="token class-name">TextButton</span><span class="token punctuation">(</span> 72 onPressed<span class="token punctuation">:</span> openLink<span class="token punctuation">,</span> 73 child<span class="token punctuation">:</span> <span class="token keyword">const</span> <span class="token class-name">Text</span><span class="token punctuation">(</span> 74 <span class="token string-literal"><span class="token string">'Webãµã¤ã表示'</span></span><span class="token punctuation">,</span> 75 style<span class="token punctuation">:</span> <span class="token class-name">TextStyle</span><span class="token punctuation">(</span>fontSize<span class="token punctuation">:</span> <span class="token number">12</span><span class="token punctuation">)</span><span class="token punctuation">,</span> 76 <span class="token punctuation">)</span><span class="token punctuation">,</span> 77 style<span class="token punctuation">:</span> <span class="token class-name">ButtonStyle</span><span class="token punctuation">(</span> 78 padding<span class="token punctuation">:</span> <span class="token class-name">MaterialStateProperty</span><span class="token punctuation">.</span><span class="token function">all</span><span class="token punctuation">(</span><span class="token class-name">EdgeInsets</span><span class="token punctuation">.</span>zero<span class="token punctuation">)</span><span class="token punctuation">,</span> 79 <span class="token comment">// minimumSize:</span> 80 <span class="token comment">// MaterialStateProperty.all(Size.zero),</span> 81 tapTargetSize<span class="token punctuation">:</span> <span class="token class-name">MaterialTapTargetSize</span><span class="token punctuation">.</span>shrinkWrap<span class="token punctuation">,</span> 82 <span class="token punctuation">)</span><span class="token punctuation">,</span> 83 <span class="token punctuation">)</span><span class="token punctuation">;</span> 84 <span class="token punctuation">}</span><span class="token punctuation">,</span> 85<span class="token punctuation">)</span><span class="token punctuation">,</span> 86 87<span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">(</span>çç¥<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span> 88</code></pre></div> 89<p><code>ButtonStyle</code>ã®ä¸èº«ã«ã¤ãã¦ã¯ãªã³ã¯æåã®å¨ãã«ããä½ç½ã®æå®ã«ãªãã¾ããã³ã¡ã³ãå/è§£é¤ãã¦ç¢ºèªãã¦ã¿ã¦ãã ããã</p> 90<h2 id="targetã«ã¤ãã¦"><a href="#target%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>targetã«ã¤ãã¦</h2> 91<p>ä¸è¨ã®ã³ã¼ãã§ã¯ã<code>target: LinkTarget.blank</code>ã¨æå®ãã¦ããããã®å ´åã¯ãã©ã¦ã¶ã®æ°ããã¿ãã§æå®ããURLã®Webãã¼ã¸ãéãã¾ãããã®è¨äºã®åé ã®GIFç»åã該å½ãã¾ãã</p> 92<p>ããï¼ã¤ãªãã·ã§ã³ãããã<code>target: LinkTarget.self</code>ã¨æå®ããã¨ã以ä¸ã®ããã«ãã©ã¦ã¶ã®ï¼ã¤ã®ã¿ãã¨ãã¦ã§ã¯ãªãã䏿çã«ç¬ç«ãããã©ã¦ã¶ãéãå½¢ã«ãªãã¾ãã 93<a href="https://virment.com/images/2022/08/link-open-self.gif" rel="nofollow noopener noreferrer" target="_blank"><img alt="link-open-selfgif" src="/images/2022/08/link-open-self.gif"></a></p> 94<p>ä¸è¨ã¯iOSã®å ´åã§ããã<code>target: LinkTarget.blank</code>ã¨ã¯ç°ãªããå·¦ä¸ã«ãå®äºãã¨ãããã¿ã³ããããããã«å³ä¸ã«ã¯Safariã§éãç´ãããã®Safariã¢ã¤ã³ã³ãã¿ã³ãããã¾ãã</p> 95<h2 id="ã¢ã¤ã³ã³ã表示ãããå ´å"><a href="#%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%82%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%9F%E3%81%84%E5%A0%B4%E5%90%88" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>ã¢ã¤ã³ã³ã表示ãããå ´å</h2> 96<p>以ä¸ã®ããã«<code>TextButton.icon</code>ã使ãã°ã¢ã¤ã³ã³ãä¸ç·ã«è¡¨ç¤ºã§ãã¾ãã</p> 97<div class="nuxt-content-highlight"><pre class="line-numbers language-dart"><code><span class="token keyword">return</span> <span class="token class-name">TextButton</span><span class="token punctuation">.</span><span class="token function">icon</span><span class="token punctuation">(</span> 98 onPressed<span class="token punctuation">:</span> openLink<span class="token punctuation">,</span> 99 label<span class="token punctuation">:</span> <span class="token keyword">const</span> <span class="token class-name">Text</span><span class="token punctuation">(</span><span class="token string-literal"><span class="token string">'Webãµã¤ã表示'</span></span><span class="token punctuation">)</span><span class="token punctuation">,</span> 100 icon<span class="token punctuation">:</span> <span class="token keyword">const</span> <span class="token class-name">Icon</span><span class="token punctuation">(</span><span class="token class-name">Icons</span><span class="token punctuation">.</span>
100open_in_new<span class="token punctuation">)</span><span class="token punctuation">,</span> 101<span class="token punctuation">)</span><span class="token punctuation">;</span> 102</code></pre></div> 103<h2 id="ã¾ã¨ã"><a href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>ã¾ã¨ã</h2> 104<p>Flutterã§ä½æããã¢ããªå¤ã§ã¹ãã¼ããã©ã³ã®ãã©ã¦ã¶ãéãã¦Webãã¼ã¸ãéãããã®å®è£ ã«ã¤ãã¦ã¾ã¨ãã¾ããã</p></div> <div class="mt-4 border-t-2 border-grey-200"><h3 class="my-6 font-bold text-2xl">é¢é£è¨äº</h3> <ul class="flex flex-wrap"><li class="xs:w-full md:w-full xs:mb-6 md:mb-8 g-white rounded-b lg:rounded-b-none lg:rounded-r flex flex-col justify-between leading-normal border-b-2 border-gray-200 pb-8"><a href="/how-to-fix-missing-generate-signed-bundle-menu-for-flutter-app/"><div class="md:flex"><div class="md:flex-shrink-0"><div><picture><img src="/_nuxt/image/89415c.png" alt="Flutterã¢ããªã§Android Studioã®Generate Signed Bundle/APKã表示ãããªãæã®å¯¾å¦æ³ã®ãµã ãã¤ã«" sizes="(max-width: 320px) 350px, (max-width: 640px) 350px, (max-width: 768px) 350px, 350px" srcset="/_nuxt/image/89415c.png 350w, /_nuxt/image/89415c.png 350w, /_nuxt/image/89415c.png 350w, /_nuxt/image/89415c.png 350w" class="sm:w-full md:w-64 object-cover"></picture></div></div> <div class="mt-4 md:mt-0 md:ml-6"><div class="flex items-center"><span class="text-gray-700 text-sm">å ¬éæ¥ï¼2022/08/30</span> <span class="ml-2 text-gray-700 text-sm">æ´æ°æ¥ï¼2022/08/30</span></div> <h2 class="my-3 text-xl font-medium title-font text-navy"> 105 Flutterã¢ããªã§Android Studioã®Generate Signed Bundle/APKã表示ãããªãæã®å¯¾å¦æ³ 106 </h2> <p class="text-gray-500 text-sm mb-4"> 107 Flutterã¢ããªãGoogle Play Storeã«å ¬éããããã«Android Studioã使ã£ã¦ã¢ãããã¼ãéµãçæãããã¨ããã¨ãããå ¬å¼ããã¥ã¡ã³ãã«æ¸ããã¦ãããBuildãâãGenerate Signed Bundle/APKãã¨ããã¡ãã¥ã¼ãè¦ã¤ããã¾ããã§ããããã®è§£æ±ºæ³ãã¡ã¢ãã¾ãã 108 </p></div></div></a></li><li class="xs:w-full md:w-full xs:mb-6 md:mb-8 g-white rounded-b lg:rounded-b-none lg:rounded-r flex flex-col justify-between leading-normal border-b-2 border-gray-200 pb-8"><a href="/how-to-show-webview-in-flutter-app/"><div class="md:flex"><div class="md:flex-shrink-0"><div><picture><img src="/_nuxt/image/9de081.jpg" alt="webview_flutterã使ã£ã¦Flutterã¢ããªå ã§Webãã¼ã¸ãéãã®ãµã ãã¤ã«" sizes="(max-width: 320px) 350px, (max-width: 640px) 350px, (max-width: 768px) 350px, 350px" srcset="/_nuxt/image/9de081.jpg 350w, /_nuxt/image/9de081.jpg 350w, /_nuxt/image/9de081.jpg 350w, /_nuxt/image/9de081.jpg 350w" class="sm:w-full md:w-64 object-cover"></picture></div></div> <div class="mt-4 md:mt-0 md:ml-6"><div class="flex items-center"><span class="text-gray-700 text-sm">å ¬éæ¥ï¼2022/08/15</span> <span class="ml-2 text-gray-700 text-sm">æ´æ°æ¥ï¼2022/08/15</span></div> <h2 class="my-3 text-xl font-medium title-font text-navy"> 109 webview_flutterã使ã£ã¦Flutterã¢ããªå ã§Webãã¼ã¸ãéã 110 </h2> <p class="text-gray-500 text-sm mb-4"> 111 Flutterã§URLãã¿ããããæã«ã¢ããªå ã§ãã®URLã®Webãã¼ã¸ãéãæ¹æ³ã«ã¤ãã¦ã¾ã¨ãã¾ãããã®è¨äºã§ã¯ãFlutterå ¬å¼ã®ãã©ã°ã¤ã³ã§ããwebview_flutterã使ç¨ããå®è£ ä¾ãã¡ã¢ãã¾ãã 112 </p></div></div></a></li><li class="xs:w-full md:w-full xs:mb-6 md:mb-8 g-white rounded-b lg:rounded-b-none lg:rounded-r flex flex-col justify-between leading-normal border-b-2 border-gray-200 pb-8"><a href="/how-to-use-bundletool-to-test-app-locally/"><div class="md:flex"><div class="md:flex-shrink-0"><div><picture><img src="/_nuxt/image/d47110.png" alt="Android App Bundleã宿©ã«ã¤ã³ã¹ãã¼ã«ãã¦è©¦ãããã«ä½¿ãbundletoolã®ä½¿ãæ¹ã®ãµã ãã¤ã«" sizes="(max-width: 320px) 350px, (max-width: 640px) 350px, (max-width: 768px) 350px, 350px" srcset="/_nuxt/image/d47110.png 350w, /_nuxt/image/d47110.png 350w, /_nuxt/image/d47110.png 350w, /_nuxt/image/d47110.png 350w" class="sm:w-full md:w-64 object-cover"></picture></div></div> <div class="mt-4 md:mt-0 md:ml-6"><div class="flex items-center"><span class="text-gray-700 text-sm">å ¬éæ¥ï¼2019/12/03</span> <span class="ml-2 text-gray-700 text-sm">æ´æ°æ¥ï¼2019/12/03</span></div> <h2 class="my-3 text-xl font-medium title-font text-navy"> 113 Android App Bundleã宿©ã«ã¤ã³ã¹ãã¼ã«ãã¦è©¦ãããã«ä½¿ãbundletoolã®ä½¿ãæ¹ 114 </h2> <p class="text-gray-500 text-sm mb-4"> 115 Flutterãªã©ã§éçºããAndroidã¢ããªãèªåã®æå ã«ãã宿©ã«ã¤ã³ã¹ãã¼ã«ãã¦è©¦ãããå ´åã¯bundletoolã
115使ç¨ããããå ¬å¼ããã¥ã¡ã³ãã«è¨è¼ããã¦ãã¾ãããã ã常èã§ãããããªã®ã詳ããä½¿ãæ¹ãæ¸ããã¦ãããæ¸æã£ãã®ã§ã¡ã¢ãã¦ããã¾ãã 116 </p></div></div></a></li><li class="xs:w-full md:w-full xs:mb-6 md:mb-8 g-white rounded-b lg:rounded-b-none lg:rounded-r flex flex-col justify-between leading-normal border-b-2 border-gray-200 pb-8"><a href="/catch-app-cycle-flutter/"><div class="md:flex"><div class="md:flex-shrink-0"><div><picture><img src="/_nuxt/image/b3f511.jpg" alt="Flutterã§ã¢ããªã®å¾©å¸°ããµã¹ãã³ããæ¤åºãã¦å¦çãå®è¡ããã®ãµã ãã¤ã«" sizes="(max-width: 320px) 350px, (max-width: 640px) 350px, (max-width: 768px) 350px, 350px" srcset="/_nuxt/image/b3f511.jpg 350w, /_nuxt/image/b3f511.jpg 350w, /_nuxt/image/b3f511.jpg 350w, /_nuxt/image/b3f511.jpg 350w" class="sm:w-full md:w-64 object-cover"></picture></div></div> <div class="mt-4 md:mt-0 md:ml-6"><div class="flex items-center"><span class="text-gray-700 text-sm">å ¬éæ¥ï¼2019/12/02</span> <span class="ml-2 text-gray-700 text-sm">æ´æ°æ¥ï¼2019/12/02</span></div> <h2 class="my-3 text-xl font-medium title-font text-navy"> 117 Flutterã§ã¢ããªã®å¾©å¸°ããµã¹ãã³ããæ¤åºãã¦å¦çãå®è¡ãã 118 </h2> <p class="text-gray-500 text-sm mb-4"> 119 Flutterã§éçºããã¢ããªã復帰ããæããµã¹ãã³ãããæãæ¤åºãã¦ä»»æã®å¦çãå®è¡ããããã®æé ãã¾ã¨ãã¾ãã 120 </p></div></div></a></li></ul></div> <div class="mt-4 border-t-2 border-grey-200"><h3 class="mt-6 mb-3 font-bold text-2xl">éçºã¢ããª</h3> <div class="border-l border-r border-b border-t border-gray-400 bg-white px-6 py-3 flex leading-normal"><div class="bg-white mr-4"><img src="/app-icon.png" class="object-scale-down h-36 w-36"></div> <div class="mb-2"><span class="text-sm text-gray-600 flex items-center mb-2"> 121 nanolog.app 122 </span> <div class="inline-flex items-center text-gray-900 font-bold text-xl"><a href="https://nanolog.app" rel="noopener noreferrer" target="_blank">nanolog</a> <svg fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="https://www.w3.org/2000/svg" class="w-4 h-4 ml-2"><path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg></div> <p class="text-gray-700 text-base mb-1">æ¯æ¥ã®å°ããªåºæ¥äºããªãã§ãè¨é²ãã¦ããã°ã¨ãã¦æ®ãããã®ã©ã¤ããã°ã¢ããªã§ãã</p></div></div></div></article></div> <div class="w-full mt-4 lg:w-1/4 lg:px-5" data-v-18928305><!----></div></div></main> <footer class="w-full container px-4 py-4"><div class="relative flex items-center justify-between"><p class="text-xs text-navy"> 123 © 2013 - 2022 <a href="https://virment.com/">virtualiment</a></p> <div class="relative flex items-center justify-between"><p class="text-xs text-navy mr-2"><a href="/privacy-policy/">ãã©ã¤ãã·ã¼ããªã·ã¼</a></p> <p class="text-xs text-navy"><a href="/contact/">ãååãã»ãç¸è«</a></p></div></div></footer></div></div></div>
123<script defer src="/_nuxt/static/1762848132/handling-url-flutter/state.js"></script>
123<script src="/_nuxt/6a280d0.js" defer></script>
123<script src="/_nuxt/cc6988b.js" defer></script>
123<script src="/_nuxt/f4c239d.js" defer></script>
123<script src="/_nuxt/e812f2b.js" defer></script>
123<script src="/_nuxt/51a0395.js" defer></script>
123<script src="/_nuxt/b624c0c.js" defer></script>
123<script src="/_nuxt/1700a64.js" defer></script>
123 124 </body> 125</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.