【3ステップもいらんし】AIを使ってオリジナルWEBアプリを作る方法（無能・END）

ブラウザ単独で機能する高機能なWEB電卓（計算機）です。メモリ機能がついているので、計算過程を見直すことができます。ポップアップウィンドウで開くと、より使いやすくなります。

<hr>
★謝罪★ずっと放置していた、小数点計算と税金、および設定「キー色」のバグを修正しました。ｍ（＿ ＿）ｍ

単位変換・換算機能が付きました！
有料アプリじゃないのに高機能、無料ですべての機能が使えます。

<h3>こんな人におすすめ</h3>
「変なアプリは入れたくない」「無料アプリは広告がうるさい」
「備え付けアプリはかっこわるい、ふつうの電卓とキー配置が違って使いにくい。」
「手軽に単位を換算したい」「専用サイトだとごちゃごちゃしていて分かりにくい」

<h3>こんな人には？</h3>
　※「仕事中は英語脳なんだよ！」　＞　<a href="https://jpn-lab.com/tool/calculator-pro/en/">英語バージョン</a>をどうぞ。
　※「機能が多すぎるんだよ！！」　＞ <a class="a_ul" href="https://jpn-lab.com/tool/calculator/">シンプルでんたく</a>をどうぞ。


＜単位換算＞
基本６項目の単位換算ができます。
・長さ・重さ・面積・体積・速度・時間・熱量（エネルギー）


＜使い方＞
電卓：市販の電卓と同様に使えます。
換算：①単位ボタン右側のチェックボタン（赤丸）で単位を設定します。（画面左上に表示）
　　　②数値を入力します。
　　　③変換したい単位ボタンを押すと、数値が変換されます。
　　　※①②は前後してもかまいません。

※電卓・換算の切替
　電卓　＞　換算：「へんかん」ボタン
　換算　＞　電卓：「けいさん」ボタン

※「S」設定ボタンについて
- TAX：税率を変更できます。
- Num of decimals：小数点以下の桁数を変更できます。


※換算機の各ボタンについて
　１）項目ボタン（グレー地・黒文字）　例）「長さ」「重さ」など
　　　項目の切替えができます。

　２）単位系ボタン（黒地・白文字）　例）「メートル法」「尺貫法」など
　　　単位系の表示・非表示の切替ができます。

　３）単位ボタン（白字・黒文字）　例）「m」「km」など
　　　変換前の単位（ベース単位）は、単位ボタン右側のラジオボタン「赤丸」で表示されます。
　　　※ラジオボタンにマウスカーソルを合わせると、単位ボタンの右側に「-」が現れ、その単位を非表示にすることができます。

　４）「View All」ボタン（ピンク地・黒文字）
　　　すべての単位を表示します。

QRコードを作成するWEBツール・WEBアプリケーションです。
入力したテキストデータを、QRコードに変換できます。作成したQRコードは、JPG、PNG、WEBP（PCのみ）としてダウンロードできます。

QRコードは、単にホームページやインスタグラムなどのURL情報だけが記録できるわけではなく、様々な情報を記録できます。アイデア次第で色々な場面で使えますので、気軽に使ってください。

※「QRコード」は、株式会社デンソーウェーブ様の登録商標です。


＜使い方＞
１）QRコードの大きさを設定します。
　　※画面上のサイズは変わりませんが、ダウンロード画像のサイズが変わります。
２）テキストボックスにURLなどのデータを入力する。
３）ピッテンをクリックする。
４）「ダウンロード」をクリックしてQRコードを保存する。

※「ぜんぶけす」をクリックするとテキストボックスもQRコードも消去されます。

★謝罪★ずっと放置していた、


シンプルでつかいやすいWEBでんたくです。
ポップアップウィンドウでひらくと、よりつかいやすくなります。

＜つかいかた＞
・つうじょうのでんたく、けいさんきとおなじようにつかえます。

※プロばんは「<a href="https://jpn-lab.com/tool/calculator-pro/">こちら</a>」

＜UPDATE履歴＞
2022年：小数点計算時のバグを修正しました。ｍ（＿ ＿）ｍ

★お詫びと修正報告★
[ 2025/8/4 ] Googleフォントの読込み不具合を修正しました。長期間気づかず、大変申しわけありませんでした。


「ひらがな・カタカナ」を「ルーン文字」に変換するWEBツール・WEBサイトです。
このサイトを開いておけば、インターネット通信が無くても ブラウザだけで利用できます。

＜使い方＞
１．画面左の入力エリアに文字を入力またはコピペする。
２．ボタンをクリックする。
文字列が変換されて、コピーされます。
３．「キーパッド」を使うと、左右の入力エリアに好きな文字を入力できます。
　　ただし、ゴールドボタンの文字は、コピペしても表示されません。


※オプション
・「じどうへんかん」をチェックすると、入力エリアに変更が加えられるたびに変換されます。また、文字列の自動コピーは解除されます。

※もじへんシリーズは、文字デザインの多様性を楽しむために作られています。変換の「正確性」を保証するものではありません。

「ひらかな・カタカナ」を古代ペルシャ楔形文字に変換するWEBツールです。
このサイトを開いておけば、インターネット通信が無くてもブラウザ単独で使用できます。

※キーパッドのゴールドキーは特別な意味を持つ表語文字です。
「𐏈：アフラ・マズダー」
「𐏉：アフラ・マズダー」
「𐏊：アフラ・マズダーの」
「𐏋：王」
「𐏌：国」
「𐏍：国」
「𐏎：神」
「𐏏：地」

※数字は、以下の文字で表します。
「𐏑：１」
「𐏒：２」
「𐏓：１０」
「𐏔：２０」
「𐏕：１００」


＜使い方＞
１．左側の入力エリアに文字を入力またはコピペする。
２．変換ボタンをクリックする。
　　＞＞★文字列が変換されて、コピーされます。

※オプション
・「じどうへんかん」をチェックすると、入力エリアに変更が加えられるたびに変換されます。また、文字列の自動コピーは解除されます。

※もじへんシリーズは、文字デザインの多様性を楽しむために作られています。変換の「正確性」を保証するものではありません。

ラテン文字をギリシャ文字に変換するWEBツール・WEBサイトです。
このサイトを開いておけば、インターネット通信が無くても ブラウザだけで利用できます。

＜使い方＞
１．ラテン文字からギリシャ文字に変換するか、またはその逆か、を選択する。
２．画面左の入力エリアに文字を入力またはコピペする。
３．変換ボタンをクリックする。
文字列が変換されて、コピーされます。

※オプション
・「じどうへんかん」をチェックすると、入力エリアに変更が加えられるたびに変換されます。また、文字列の自動コピーは解除されます。

※もじへんシリーズは、文字デザインの多様性を楽しむために作られています。変換の「正確性」を保証するものではありません。

BBCニュースを原文で読むためのWEB単語帳です。
BBCニュースから、だいたい中学生の学習範囲以上の単語・用語を集めてみました。

※この単語帳は不定期に更新されます。
現在、<a href="https://www.bbc.com/" target="_blank">BBCニュース</a> <b>12本</b> の原文を元にしています。
【単語帳の発展状況】75 -130 - 258 - 288 - 305 - 331 - 356 - 373 - 395 - 409 - 423 - 435

　１．ロシアのウクライナ侵略戦争に関する記事
　２．リズ・トラス英首相に関する記事
　３．エリザベス二世英女王陛下に関する記事
　４．香港の自由弾圧に関する記事
　５．英連邦の国々の共和制移行への動きに関する記事
　６．現代における（2017-2022）奴隷労働や強制結婚に関する国連の報告についての記事
　７．イーロン・マスク氏によるツイッター社買収に関する記事
　８．習近平とプーチンの会談に関する記事
　９．習近平とプーチンの会談の内容と双方の思惑に関する記事
１０．2022年、台風14号（ナンマドル）に関する記事
１１．オーストラリアサッカーリーグの先住民人種差別に関する記事
１２．ロシアの「部分的動員令」に反対するデモに関する記事



＜使い方＞
ランダムで10問出題されます。画面中央のボタンをクリックすると、答えが表示されます。


１．英単語の読み上げ
　英単語をクリックすると、単語が読み上げられます。
　※音声がONになっていることを確認して下さい。
　※読み上げる「声」は、お使いのブラウザ、OSなどによって異なります。

２．問題数の変更
　【PC】画面左上のタイトル横の「１０」にカーソルを合わせると、問題数を変更できます。

３．覚えた単語を出ないようにする。
　ページ下部の一覧表から操作できます。
　覚えた単語の前の「-」ボタンを押すと、問題として表示されなくなります。
　※リセットするには、ページを再読み込みしてください。

４．オート読上げモードについて
　画面右下のオプションボタンから、オートモードを選択できます。
　オートボタンを押すと、自動的に問題が読み上げられ、答えが表示されます。
　※お使いの環境（PC・スマホの能力およびブラウザ）によって、声やスピードが変わります。

５．その他のオプション機能
　「QA」ボタン：質問と答えが逆になります。

CSS3のプロパティをクイズ形式で復習できるウェブ単語帳を作ってみました。HTML・CSSの入門、復習、確認、知識のアップデートなど適当なシーンでご活用いただければ幸いです。


＜使い方＞
基本．画面中央のボタンをクリックすると、答えが表示されます。

１．読み上げ機能（無意味）
　　タグをクリックすると、タグが読み上げられます。

２．問題数の変更
　【PC】画面左上のタイトル横の「１０」にカーソルを合わせると、問題数を変更できます。

３．覚えたタグを削除にする。
　ページ下部の一覧表から操作できます。
　覚えたタグの前の「-」ボタンを押すと、問題として表示されなくなります。
　※リセットするには、ページを再読み込みしてください。

４．オート読上げモードについて
　画面右下のオプションボタンから、オートモードを選択できます。
　オートボタンを押すと、自動的に問題が読み上げられ、答えが表示されます。
　※お使いの環境（PC・スマホの能力およびブラウザ）によって、声やスピードが変わります。

結論：3つの方法のうちの１つ「Windows Serverとしてアップグレード」する方法を実際にやってみた。普通に使えるが、Win11高速スタートアップ機能をOFFにすべし。

<code>どうやらこの記事には選択肢があるみたいですよ（NPC）</code>
◆ 「序文ウザい」前置きなど無用「<a href="#maeoki_end">はやく本題に入れ！</a>」
<div style="position:relative;top:-1.5em">◆　ウザい話が好きかも「<a href="#atogaki">じゃあ、あとがきから</a>」</div>

<h2>序・新PCを買ったなら10年は使いたいと思う9つの理由 [ 20+ in Japan ]</h2>
<b>①まともなPCは高い</b>
　ノートなら　20万～　<br class="mobile_only">　デスクトップ単体なら　15万～
　ついでにモニターなんかも欲しくなってくる
　※ちなみに、2台持ちならOffice をパッケージで買うべきである。

<b>②ファイルやアプリの引継ぎが面倒</b>
　ブラウザ信者ではあるが、エディタをはじめ単独開発されたものの方が良い。
　ブラウザ系をはじめ、Office系、Adobe系、その他Slackやらなんやら。
　快適に使うには、それぞれ設定が必要になってくる。

<b>③Windows自体の設定が面倒</b>
　裏技的なヤツも含めて、再度調査と設定作業が必要。

<b>④高スペックPCは、かなり高い</b>
　ノートなら　30万～　<br class="mobile_only">デスクトップ単体なら　20万～
　※ちなみに、ノートPCであれば各ブランドのフラッグシップモデルを買うべきである。

<b>⑤すごく高い</b>
<b>⑥とにかく高い</b>

<b>⑦貧乏である</b>
<b>⑧ずぼらである</b>
<b style="color:red">⑨酔っぱらっている</b>

-------------------------------------
特に⑦⑧⑨が主な理由なのですが、⑨は20歳未満には関係ないお話ですので、このコンテンツは「20歳以上」が対象となります。

ということで、いま現在日本にいる20歳未満の方は今すぐご退出ください。
<a href="https://yahoo.co.jp/">YOHOO IAPAN</a>


どうしても続きが読みたいという方は、以下の国々に移動して一杯飲んでから続きを読んでください。

<div style="padding:1em 1.5em;border:1px solid #aaa;border-radius:1em;background:#fff">15歳：中央アフリカ
16歳：＋オーストリア、バルバドス、ベルギー、キューバ、デンマーク、ドイツ、ルクセンブルク
17歳：＋キプロス、マルタ
18歳：＋イタリア、オーストラリアなど結構多い
19歳：＋カナダ、韓国
＜注意＞
・日本みたいに家の外で飲める国の方が少ないのでご注意ください。
・渡航時点での現地法律に従ってください。
・<b>酔っぱらってPC弄ると碌なことにならないのでご注意ください。</b>
</div>
さて、話がそれてしまいましたが、上記のような理由により、せいぜい10年に1度ぐらいしか新PCを買う気にならないのです。（中古PCの購入はまた別の話で、ちょこちょこ買います）

<a id="maeoki_end"></a>

※注意：この記事は、非常にわかりくい構造になっています。しかも、読んでも１文の得にもならず、またなんの教訓も得られません。

<h2>序文 (記憶の捏造)</h2>
あれは2024年4月の中頃だっただろうか、新年度に入ってすでに桜も散ってしまったというのに自分のサイトが変わり映えしないという事実にうっかり気づいてしまった私は、そろそろ何か新しいツールを作らねば・・・と考え始めた。しかし、何となく仕事をして酒を飲んでを繰り返しているうち、あっという間にGWに突入してしまった。しかもGW中に仕上げなければならない急ぎの案件が舞い込み、全く休みをとれないままGWを費やしてしまい、そしてGW明けには心身ともに疲弊しつくしてしまったのだった。

<b>あーもーやーだー</b>

数日後、ベランダでタバコを吸いながらぼーっと空を見上げて呟いた私は、久々に見た青空とそこにゆっくりと形を変えていく雲を眺めながら、とりあえず暇だということに気づいた。急ぎの仕事は終わったし、ルーティーンワークも終わった。急ぎじゃないが問合せがあって・・・みたいな微妙な状況もない。

<img src="https://jpn-lab.com/wp-content/uploads/2025/11/blue_sky_and_cloud.png">

<b>ああ、暇っていいなぁ～</b>

なんて思っていたのは若かりし頃の話だ。
高校卒業後、大学時代でさえも誰からも急かされない人生を目指し、さらにその後、社会人？となって以降も、その目標をもある程度達成できている今、結構暇な時間を作り出すことは出来てきている。GW中の忙しさも自ら選んだ道でもあった。

なので、暇な時間がある日常というものは、ほどんど【常態】と化してしまい、いつの間にか憧れは全くなくなっていた。忙しくしたいという気持ちは全く無いのだが、同時に「暇」でいたいという気持ちも無い。

さて、こんな微妙な気持ちに整理を付けられずにいたその時の私は、こんな風に考えていた。
「なんか仕事じゃないことやりたいけど、とりあえず何もかも面倒なんだよなぁ。」

面倒じゃない何かを求めて、ぼや～っと考えてみたのだが、なにも思いつかない。圧倒的に暇だ。まだ昼になったばかりだったが、もう酒でも飲んじまうかなと徒歩30秒のコンビニに行こうとしたその時、ふとひらめいたのだ。

<b>そうだ、AIがいるじゃないか！</b>


<br>

インストール不要、ログイン不要の書類スキャンツールをリリースしました。
写真から書類を切り抜いてPDF化することが出来ます。

<a style="border-bottom:2px solid" href="https://jpn-lab.com/tool/document-scanner/">書類スキャナー：https://jpn-lab.com/tool/document-scanner/</a>

ところで、本サイトで公開しているツールは、様々な事由で開発されています。
・なんとなく。
・つくってみたかった。
・勉強がてら。
・自分で使いたい。

しかし、今回はこれらの理由には当てはまらない開発事由がありました。
たいへん珍しい案件でしたので詳しく解説していきます。

まずは話の前提として、何故「仕事してる感」が必要なのか。

前回の記事で無能ツール「マルチスクリーン」の有効な使い方を考えてみた。
その中で「仕事出来る感」を目指したら、わずか３秒で「そんなものは何の意味もない」という結論に至ってしまった。結局はただのハッタリに過ぎず、実用性など１ミリもない。せいぜい２、３分程度「フフフ」と自己満足に浸った後にむなしさを覚えるだけだ。精神衛生上もよろしくない。

「<a href="https://jpn-lab.com/multitasking-i-tried-to-pretend-i-could-work">【マルチタスク】仕事が出来るフリをしてみた（無能）</a>」

<b>＜概要＞</b>
Amazonで見かける「Amazon Renewed」製品は、Amazon自身が整備した再生品ではなく、「Amazon認定の整備業者」によって再生された中古品である。再生品の中にはOSやソフトウェアのライセンスが疑わしい商品も混ざっている。しかし、このしたたかなネーミングは、消費者をして「Amazonが整備した製品」ひいてはAmazonが安全性・ライセンス・品質を全て保証しているとすら誤認させてしまう危険性をはらんでいる。気がする。

本記事では、Amazon Renewedの仕組みを整理し、問題点を明確化する。あわせて、Amazonやランキングサイトの表現上の責任、そして消費者が注意すべきポイントを、なんとなく考察してみる。

<b>＜注意＞</b>
Amazon Renewed認定されている整備業者すべてが非正規ライセンスで販売しているわけではない。PCではないが、筆者自身も購入経験があり、かつ満足している。また、今回匿名で登場する業者についても、正規ライセンスのPCを赤字で在庫処分しているだけの可能性もある。さらにこの記事を最終チェックした2025/10/15以降、Microsoftがサポート終了した製品のライセンス切売りを正式に許可する可能性もある。

何にせよ、中古市場はとかく闇が生まれやすい世界だ。コピーや非正規ライセンスは当たり前だし、PCやスマホなどはスパイアプリなどを入れられてしまう可能性がある。優良業者は比較的見分けやすいが、「日本の中小企業」であっても安心できない。モラル崩壊で言えば「ビッグモーター」もまた日本の企業だったことを思い出して欲しい。販売業者をしっかり確認してから購入することをお勧めする。


◆ 優良業者の見分け方 ◆
１．リアル店舗がある
２．10年以上の販売実績がある
　　（Amazon Renewedは、2017年サービス開始）
３．価格が適切
　　・低スペックでも約1万円～
　　・Office入りなら約3万～
　　※例外として、windows10以下のPCは格安の可能性がある。


<br>

今回は「たったの3ステップでWEBアプリを作る方法」をご紹介します。

１．HTMLコード作成をAIにお願いする。
２．生成されたコードをコピーする。
３．JPN-LABの神ツール「HTMLコードエディター」に貼り付ける。

さっそくあなたのアイデアを形にしていきましょう。

先日、PDFを整理できるブラウザツールを作ったのだが、競合ツールが多すぎて検索にヒットするはずもないので、自分で記事を書くことにした。

<hr>
無料でPDFを整理（並べ替え・回転・抽出・削除・結合）できるブラウザツールです。ユーザー登録不要・サーバーアップロード不要なので、情報漏洩の心配も無く、セキュリティ面でも安心・安全なDX支援ツールです。

<a href="https://jpn-lab.com/tool/pdf-organizer/">PDF整理ツール「PDF Organizer」</a>