[{"data":1,"prerenderedAt":162},["ShallowReactive",2],{"\u002Fabout\u002Fja":3},{"id":4,"title":5,"body":6,"description":145,"extension":155,"meta":156,"navigation":157,"path":158,"seo":159,"stem":160,"__hash__":161},"content\u002Fabout\u002Fja.md","Ja",{"type":7,"value":8,"toc":144},"minimark",[9,14,22,28,34,37,40,43,46,62,68,71,89,93,96,111,114,117,132,141],[10,11,13],"h2",{"id":12},"web-toolboxについて","Web ToolBoxについて",[15,16,17,18,21],"p",{},"Web ToolBoxは、Web開発やプログラミングで「これを手早く済ませたい」と思ったときに使える、70種類以上のオンラインツール集です。",[19,20],"br",{},"\nブラウザがあれば、PCでもスマートフォンでもそのまま使えます。",[15,23,24,25,27],{},"無料で使えて、アカウント登録もいりません。",[19,26],{},"\n初めて触る人でも迷いにくいように、各ツールには簡単な使い方も添えています。",[15,29,30,31,33],{},"多くのツールはブラウザ内で処理が完結するため、入力したデータがサーバーへ送信されることはありません。",[19,32],{},"\nサーバー処理が必要なツールでも、通信は暗号化され、送信されたデータを保存することはありません。",[15,35,36],{},"自分でも日々の作業で使いたいと思えるものを、少しずつ形にしています。",[10,38,39],{"id":39},"なぜ作ったのか",[15,41,42],{},"似たようなツールサービスはすでにたくさんありますが、自分で使っている中で「もう少しこうだったら使いやすいのに」と感じることが何度かありました。",[15,44,45],{},"たとえば、次のような点です。",[47,48,49,53,56,59],"ul",{},[50,51,52],"li",{},"HTTPSに対応しておらず、少し不安を感じる",[50,54,55],{},"スマートフォンでは操作しづらい",[50,57,58],{},"機能は豊富でも、動作が重い",[50,60,61],{},"UIが古く、使うたびに少し気になる",[15,63,64,65,67],{},"こうした不便さは、自分だけでなく同じように感じている人もいるはずだと思い、普段の作業で自然に使えるツールを少しずつ作り始めたのが Web ToolBox のきっかけです。",[19,66],{},"\nセキュリティへの配慮はもちろん、スマートフォンやタブレットでも扱いやすく、見やすく、気持ちよく使えることを大切にしながら、ひとつずつ整えています。",[10,69,70],{"id":70},"使用技術",[15,72,73,82,83,88],{},[74,75,81],"a",{"href":76,"rel":77,"target":80},"https:\u002F\u002Fnuxt.com\u002F",[78,79],"nofollow","noopener","_blank","Nuxt 4"," と ",[74,84,87],{"href":85,"rel":86,"target":80},"https:\u002F\u002Fui.nuxt.com\u002F",[78,79],"Nuxt UI"," を使って開発しています。",[90,91,92],"h3",{"id":92},"これまでの技術スタック",[15,94,95],{},"リリース以降、何度か技術スタックを見直してきました。",[97,98,99,102,105,108],"ol",{},[50,100,101],{},"Nuxt v2 + Vuetify v2 \u002F AWS (S3, Lambda)",[50,103,104],{},"Nuxt v3 + Vuetify v3 \u002F AWS (S3, Lambda)",[50,106,107],{},"Nuxt v3 + NuxtUI v3 \u002F Cloudflare Workers",[50,109,110],{},"Nuxt v4 + NuxtUI v4 \u002F Cloudflare Workers",[15,112,113],{},"必要に応じて構成を見直しながら、使いやすい形に少しずつ改善しています。",[10,115,116],{"id":116},"開発者について",[15,118,119,120,125,126,128,129,131],{},"Web ToolBoxは、K (",[74,121,124],{"href":122,"rel":123,"target":80},"https:\u002F\u002Fx.com\u002Fk_urtica",[78,79],"@k_urtica",") がひとりでデザイン・実装・運営をしています。",[19,127],{},"\n東京でエンジニアとして働きながら、普段は Vue を使ったフロントエンド開発を中心に取り組んでいます。",[19,130],{},"\nまた、C や Java などのバックエンド技術にも長く触れてきました。",[15,133,134,135,140],{},"詳しいプロフィールは、",[74,136,139],{"href":137,"rel":138,"target":80},"https:\u002F\u002Fk-urtica.github.io",[78,79],"個人サイト","にもまとめています。",[15,142,143],{},"Web ToolBoxへのご感想や改善提案があれば、フィードバックフォームからぜひ教えてください。いただいた声をもとに見直すことも多く、とても励みになっています。",{"title":145,"searchDepth":146,"depth":146,"links":147},"",2,[148,149,150,154],{"id":12,"depth":146,"text":13},{"id":39,"depth":146,"text":39},{"id":70,"depth":146,"text":70,"children":151},[152],{"id":92,"depth":153,"text":92},3,{"id":116,"depth":146,"text":116},"md",{},true,"\u002Fabout\u002Fja",{"description":145},"about\u002Fja","xhF8kgEW7vUs9gQc5jtV_zuZYkjHQRgA4oF0-rbMEm8",1778928573448]