https://tomeight.com/_nuxt/url.GeCHRKUO.js

1import{_ as U}from"./SiblingToolsSwitch.jmN59NbY.js";import{_ as A}from"./RadioInputs.vue.jndlP8Pt.js";import{f as u,l as d,k as w,o as p,c as C,a as e,b as r,h as l,z as _,m as R,v as g,p as I,e as E,_ as S,q as L}from"./entry.3-HIeTSr.js";import{u as k}from"./paths.qj7Vdgk8.js";import{u as B}from"./index.zxNNnXJl.js";import{u as V}from"./tomeight.BpD2cz_8.js";import"./nuxt-link.Hg19lySD.js";import"./vue.f36acd1f.YLkSvQFl.js";const m=s=>(I("data-v-dffb4a87"),s=s(),E(),s),T={class:"container encode-decode-base64-root"},D={class:"tools-switch"},M={class:"main-section"},$=m(()=>e("div",{class:"text-horizontal-scroller"},[e("h1",null,"オンラインURLエンコード・デコード")],-1)),z={class:"controller"},N={class:"mode-choice"},P={class:"side-by-side"},q={class:"textarea-wrapper"},y={class:"textarea-wrapper"},j=["value"],F=m(()=>e("section",{class:"hint"},[e("h2",null,"URLエンコードとデコードについて"),e("p",null,"ブラウザから利用できるURLエンコードとデコードを行うツールです。"),e("p",null," URLエンコードはパーセントエンコーディングとも呼ばれます。URL中で特別な意味を持つ文字「:/?#[]@!$&'()*+,;=% 」と非ASCII文字を%の後に、対象文字のASCII値の16進数コードを合続けたもので置き換えます。 ")],-1)),G=u({__name:"Url",setup(s){const o=d(""),t=d("encode"),a=w(()=>

1{if(o.value==="")return"";switch(t.value){case"encode":return window.encodeURIComponent(o.value);case"decode":return window.decodeURIComponent(o.value)}}),h=[{label:"エンコード (日本語 → %E6%97%A5%E6%9C%AC%E8%AA%9E)",value:"encode"},{label:"デコード (%E6%97%A5%E6%9C%AC%E8%AA%9E → 日本語)",value:"decode"}],v=()=>{o.value=a.value},i=k(),f=[{label:"Base64",path:i.encodingDecodingBase64,isActive:!1},{label:"URL",path:i.encodingDecodingUrl,isActive:!0}];return(J,n)=>{const b=U,x=A;return p(),C("main",T,[e("section",D,[r(b,{items:f})]),e("section",M,[$,e("div",z,[e("div",N,[r(x,{modelValue:l(t),"onUpdate:modelValue":n[0]||(n[0]=c=>_(t)?t.value=c:null),items:h},null,8,["modelValue"])]),e("button",{class:"button",onClick:v}," 入力・結果入れ替え ")]),e("div",P,[e("div",q,[R(e("textarea",{class:"textarea","onUpdate:modelValue":n[1]||(n[1]=c=>_(o)?o.value=c:null),placeholder:"ここに入力してください。"},null,512),[[g,l(o)]])]),e("div",y,[e("textarea",{class:"textarea",value:l(a),placeholder:"ここに結果が表示されます。",disabled:""},null,8,j)])])]),F])}}}),H=S(G,[["__scopeId","data-v-dffb4a87"]]),oe=u({__name:"url",setup(s){return B({title:V().titlePage("オンラインURLエンコード・デコード")}),(o,t)=>{const a=H;return p(),L(a,{class:"main"})}}});export{oe as default};