https://tomeight.com/_nuxt/base64.oNCqzJbd.js

1import{_ as g}from"./SiblingToolsSwitch.jmN59NbY.js";import{_ as S}from"./RadioInputs.vue.jndlP8Pt.js";import{f as p,l as d,k as w,o as m,c as k,a as e,b as u,h as c,z as _,m as V,v as I,p as T,e as A,_ as C,q as D}from"./entry.3-HIeTSr.js";import{u as M}from"./base64.0es01Goj.js";import{u as R}from"./paths.qj7Vdgk8.js";import{u as U}from"./index.zxNNnXJl.js";import{u as q}from"./tomeight.BpD2cz_8.js";import"./nuxt-link.Hg19lySD.js";import"./vue.f36acd1f.YLkSvQFl.js";const h=o=>(T("data-v-816ab86e"),o=o(),A(),o),y={class:"container encode-decode-base64-root"},z={class:"tools-switch"},$={class:"main-section"},E=h(()=>e("div",{class:"text-horizontal-scroller"},[e("h1",null,"オンラインBase64エンコード・デコード")],-1)),K={class:"controller"},L={class:"mode-choice"},N={class:"side-by-side"},P={class:"textarea-wrapper"},Z={class:"textarea-wrapper"},j=["value"],F=h(()=>e("section",{class:"hint"},[e("h2",null,"Base64エンコードとデコードについて"),e("p",null,"ブラウザから利用できるBase64エンコードとデコードを行うツールです。"),e("p",null," Base64エンコードはデータをAからZまでの26文字、aからzまでの26文字、0から9の10文字、+/の2文字の合わせて64文字で扱うエンコード方式です。実際に使われる文字はパディング用の=を含めた65文字です。 "),e("p",null," 元のデータに対してデータ量が約133.3%に増える欠点がありますが、画像などのバイナリデータを含む様々なデータを限られた種類の文字で表現できるメリットがあります。 "),e("p",null," デコードはBase64エンコードされたデータを元のデータに戻す処理を指します。 "),e("p",null," このツールでは文字列のBase64エンコードとデコードのみをサポートしています。 ")],-1)),G=p({__name:"Base64",setup(o){const s=d(""),t=d("encode"),a=M(),i=w(()=>{if(s.value==="")return"";switch(t.value){case"encode":return a.encodeString(s.value);case"decode":return a.decodeString(s.value)}}),v=[{label:"エンコード (日本語 → 5pel5pys6Kqe)",value:"encode"},{label:"デコード (5pel5pys6Kqe → 日本語)",value:"decode"}],f=()=>{s.value=i.value},r=R(),b=[{label:"Base64",path:r.encodingDecodingBase64,isActive:!0},{label:"URL",path:r.encodingDecodingUrl,isActive:!1}];return(J,n)=>{const B=g,x=S;return m(),k("main",y,[e("section",z,[u(B,{items:b})]),e("section",$,[E,e("div",K,[e("div",L,[u(x,{modelValue:c(t),"onUpdate:modelValue":n[0]||(n[0]=l=>_(t)?t.value=l:null),items:v},null,8,["modelValue"])]),e("button",{class:"button",onClick:f}," 入力・結果入れ替え ")]),e("div",N,[e("div",P,[V(e("textarea",{class:"textarea","onUpdate:modelValue":n[1]||(n[1]=l=>_(s)?s.value=l:null),placeholder:"ここに入力してください。"},null,512),[[I,c(s)]])]),e("div",Z,[e("textarea",{class:"textarea",value:c(i),placeholder:"ここに結果が表示されます。",disabled:""},null,8,j)])])]),F])}}}),H=C(G,[["__scopeId","data-v-816ab86e"]]),ae=p({__name:"base64",setup(o){return U({title:q().titlePage("オンラインBase64エンコード・デコード")}),(s,t)=>{const a=H;return m(),D(a,{class:"main"})}}});export{ae as default};